:root{--tgk-blue:#2563eb;--tgk-blue-hover:#1d4ed8;--tgk-blue-light:#eff6ff;--tgk-navy:#0f172a;--tgk-muted:#64748b;--tgk-line:#e2e8f0;--tgk-bg-card:#ffffff;--tgk-bg-subtle:#f8fafc;--tgk-success:#10b981;--tgk-success-bg:#ecfdf5;--tgk-radius-lg:20px;--tgk-radius-md:12px;--tgk-radius-sm:8px}.tgk-tool{box-sizing:border-box;color:var(--tgk-navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:28px auto;max-width:1080px;line-height:1.5}.tgk-tool *{box-sizing:inherit}.tgk-tool [hidden]{display:none!important}.tgk-card{background:var(--tgk-bg-card);border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-lg);box-shadow:0 20px 45px -10px rgb(15 23 42 / .08);padding:32px}.tgk-privacy{align-items:center;background:var(--tgk-blue-light);border:1px solid #bfdbfe;border-radius:var(--tgk-radius-md);color:#1e40af;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:24px;padding:14px 18px}.tgk-keyword-note{color:var(--tgk-muted);font-size:14px;margin:-8px 0 20px;text-align:center}.tgk-shield-icon{font-size:18px}.tgk-drop{align-items:center;background:#f8fafc;border:2px dashed #93c5fd;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:230px;padding:30px;text-align:center;transition:all 0.25s cubic-bezier(.4,0,.2,1);position:relative}.tgk-drop:hover,.tgk-drop:focus-visible,.tgk-drop.is-drag{background:#eff6ff;border-color:var(--tgk-blue);outline:none;transform:translateY(-2px);box-shadow:0 10px 25px -5px rgb(37 99 235 / .12)}.tgk-drop input{height:1px;opacity:0;position:absolute;width:1px;overflow:hidden}.tgk-upload-icon{align-items:center;background:linear-gradient(135deg,var(--tgk-blue),var(--tgk-blue-hover));border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;width:60px;box-shadow:0 8px 18px rgb(37 99 235 / .3);margin-bottom:4px}.tgk-drop strong{font-size:20px;font-weight:700;color:var(--tgk-navy)}.tgk-drop>span:not(.tgk-upload-icon),.tgk-drop small{color:var(--tgk-muted);font-size:14px}.tgk-formats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.tgk-formats b{background:#fff;border:1px solid #dbeafe;border-radius:6px;color:#1d4ed8;font-size:11px;font-weight:600;padding:4px 8px}.tgk-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--tgk-radius-sm);color:#dc2626;margin-top:16px;padding:14px 18px;font-size:14px}.tgk-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;background:#f1f5f9;padding:6px;border-radius:var(--tgk-radius-md)}.tgk-mode-btn{background:#fff0;border:0;border-radius:var(--tgk-radius-sm);color:var(--tgk-muted);cursor:pointer;font-size:15px;font-weight:600;padding:12px 16px;transition:all 0.2s ease;text-align:center}.tgk-mode-btn.is-active{background:#fff;color:var(--tgk-blue);box-shadow:0 2px 8px rgb(0 0 0 / .06)}.tgk-settings{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:24px 0}.tgk-settings section{background:var(--tgk-bg-subtle);border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-md);padding:22px}.tgk-settings h3,.tgk-files-head h3{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--tgk-navy)}.tgk-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tgk-presets button{background:#fff;border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-sm);color:#334155;cursor:pointer;font-size:14px;font-weight:600;padding:9px 14px;transition:all 0.15s ease}.tgk-presets button:hover{border-color:#93c5fd;color:var(--tgk-blue)}.tgk-presets button.is-active{background:var(--tgk-blue-light);border-color:var(--tgk-blue);color:var(--tgk-blue)}.tgk-target{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 110px auto}.tgk-target span{font-size:14px;font-weight:600;color:var(--tgk-navy)}.tgk-settings input,.tgk-settings select{background:#fff;border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-sm);font:inherit;height:44px;padding:0 12px;width:100%;color:var(--tgk-navy);transition:border-color 0.2s ease}.tgk-settings input:focus,.tgk-settings select:focus{border-color:var(--tgk-blue);outline:none;box-shadow:0 0 0 3px rgb(37 99 235 / .12)}.tgk-quality-control{display:flex;flex-direction:column;gap:12px}.tgk-quality-header{display:flex;justify-content:space-between;align-items:center;font-size:14px}.tgk-quality-header strong{color:var(--tgk-blue);font-size:18px}.tgk-quality-control input[type="range"]{height:8px;cursor:pointer;accent-color:var(--tgk-blue)}.tgk-quality-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--tgk-muted)}.tgk-max-dim-row{margin-top:14px}.tgk-input-unit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.tgk-preserve{display:flex;align-items:center;gap:10px;margin-top:16px;cursor:pointer;font-size:14px}.tgk-preserve input[type="checkbox"]{height:18px;width:18px;accent-color:var(--tgk-blue)}.tgk-files-head{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.tgk-files-head h3 span{align-items:center;background:var(--tgk-blue-light);border-radius:99px;color:var(--tgk-blue);display:inline-flex;font-size:13px;height:26px;justify-content:center;min-width:26px;padding:0 8px;margin-left:6px}.tgk-files-head button{background:#fff;border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-sm);color:var(--tgk-muted);cursor:pointer;font-size:13px;padding:6px 12px}.tgk-files-head button:hover{color:#ef4444;border-color:#fca5a5}.tgk-empty{background:var(--tgk-bg-subtle);border:1px dashed var(--tgk-line);border-radius:var(--tgk-radius-md);color:var(--tgk-muted);padding:30px;text-align:center;font-size:14px}.tgk-files{display:grid;gap:12px;margin-top:12px}.tgk-item{align-items:center;background:#fff;border:1px solid var(--tgk-line);border-radius:var(--tgk-radius-md);display:grid;gap:16px;grid-template-columns:64px minmax(0,1fr) auto;padding:12px 16px;transition:border-color 0.2s ease}.tgk-item:hover{border-color:#cbd5e1}.tgk-item img{background:#f1f5f9;border-radius:var(--tgk-radius-sm);height:60px;object-fit:cover;width:64px}.tgk-info{min-width:0}.tgk-info strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tgk-navy)}.tgk-info small{color:var(--tgk-muted);font-size:13px}.tgk-result{color:var(--tgk-success);font-size:13px;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:8px}.tgk-badge-save{background:var(--tgk-success-bg);border:1px solid #a7f3d0;color:#047857;padding:2px 8px;border-radius:99px;font-size:11px}.tgk-item-actions{display:flex;gap:8px;align-items:center}.tgk-item button{background:#f1f5f9;border:0;border-radius:var(--tgk-radius-sm);color:var(--tgk-navy);cursor:pointer;font-size:13px;font-weight:600;padding:9px 14px;transition:background 0.15s ease}.tgk-item button:hover{background:#e2e8f0}.tgk-item button.tgk-download{background:var(--tgk-success);color:#fff;box-shadow:0 6px 14px rgb(5 150 105 / .22);font-size:15px;min-height:46px;padding:11px 18px}.tgk-item button.tgk-download:hover{background:#059669;transform:translateY(-1px)}.tgk-item button.tgk-compare-btn{background:var(--tgk-blue-light);color:var(--tgk-blue)}.tgk-progress-wrap{margin-top:20px;background:var(--tgk-bg-subtle);border:1px solid var(--tgk-line);padding:16px;border-radius:var(--tgk-radius-md)}.tgk-progress-info{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.tgk-progress-track{height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.tgk-progress-fill{height:100%;background:linear-gradient(90deg,var(--tgk-blue),#3b82f6);transition:width 0.3s ease}.tgk-process{background:linear-gradient(135deg,var(--tgk-blue),var(--tgk-blue-hover));border:0;border-radius:var(--tgk-radius-md);color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-top:24px;min-height:56px;width:100%;box-shadow:0 10px 20px -5px rgb(37 99 235 / .3);transition:all 0.2s ease}.tgk-process:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px -5px rgb(37 99 235 / .4)}.tgk-process:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.tgk-summary{align-items:center;background:var(--tgk-success-bg);border:1px solid #a7f3d0;border-radius:var(--tgk-radius-md);display:flex;justify-content:space-between;margin-top:20px;padding:18px 24px}.tgk-summary-details{display:flex;flex-direction:column}.tgk-summary-details span{color:#065f46;font-size:13px}.tgk-summary-details strong{color:#047857;font-size:22px;font-weight:800}.tgk-btn-zip{background:#047857;border:0;border-radius:var(--tgk-radius-sm);color:#fff;cursor:pointer;box-shadow:0 8px 18px rgb(4 120 87 / .22);font-size:17px;font-weight:700;min-height:54px;padding:14px 24px;transition:background 0.15s ease}.tgk-btn-zip:hover{background:#065f46}.tgk-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center}.tgk-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .7);backdrop-filter:blur(4px)}.tgk-modal-content{position:relative;background:#fff;border-radius:var(--tgk-radius-lg);width:90%;max-width:800px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);overflow:hidden;z-index:2}.tgk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--tgk-line)}.tgk-modal-header h4{margin:0;font-size:18px;color:var(--tgk-navy)}.tgk-modal-x{background:#fff0;border:0;font-size:24px;cursor:pointer;color:var(--tgk-muted)}.tgk-modal-body{padding:24px}.tgk-compare-slider{position:relative;width:100%;height:380px;overflow:hidden;border-radius:var(--tgk-radius-md);background:#0f172a;user-select:none}.tgk-compare-slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.tgk-compare-before-wrap{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.tgk-compare-before-wrap img{width:100%;height:100%}.tgk-compare-handle{position:absolute;top:0;left:50%;height:100%;width:4px;background:#fff;z-index:3;cursor:ew-resize;transform:translateX(-50%)}.tgk-compare-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;color:var(--tgk-navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 10px rgb(0 0 0 / .3)}.tgk-badge-label{position:absolute;bottom:14px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;background:rgb(0 0 0 / .6);backdrop-filter:blur(4px);z-index:4}.tgk-label-before{left:14px}.tgk-label-after{right:14px}.tgk-modal-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:20px;background:var(--tgk-bg-subtle);padding:14px 20px;border-radius:var(--tgk-radius-md);text-align:center}.tgk-modal-stats small{display:block;color:var(--tgk-muted);font-size:12px}.tgk-modal-stats strong{font-size:16px;color:var(--tgk-navy)}.tgk-text-success{color:var(--tgk-success)!important}@media (max-width:768px){.tgk-card{padding:20px}.tgk-settings{grid-template-columns:1fr}.tgk-mode-switch{grid-template-columns:1fr}.tgk-item{grid-template-columns:54px minmax(0,1fr)}.tgk-item-actions{grid-column:1 / -1;justify-content:flex-end;width:100%}.tgk-summary{flex-direction:column;gap:14px;align-items:stretch}.tgk-compare-slider{height:260px}.tgk-modal-stats{grid-template-columns:1fr;gap:10px}}