:root{--brand-h:4;--brand-s:84%;--brand-50:hsl(var(--brand-h) calc(var(--brand-s) * .7) 97%);--brand-100:hsl(var(--brand-h) calc(var(--brand-s) * .7) 94%);--brand-200:hsl(var(--brand-h) calc(var(--brand-s) * 1) 87%);--brand-300:hsl(var(--brand-h) calc(var(--brand-s) * 1) 78%);--brand-400:hsl(var(--brand-h) calc(var(--brand-s) * 1) 66%);--brand-500:hsl(var(--brand-h) calc(var(--brand-s) * 1) 55%);--brand-600:hsl(var(--brand-h) calc(var(--brand-s) * 1) 46%);--brand-700:hsl(var(--brand-h) calc(var(--brand-s) * 1) 38%);--brand-800:hsl(var(--brand-h) calc(var(--brand-s) * 1) 31%);--brand-900:hsl(var(--brand-h) calc(var(--brand-s) * .7) 25%);--brand-950:hsl(var(--brand-h) calc(var(--brand-s) * .7) 16%);--brand:var(--brand-500);--brand-strong:var(--brand-600);--brand-contrast:#fff;--brand-ring:hsl(var(--brand-h) var(--brand-s) 55% / .45);--brand-soft:hsl(var(--brand-h) var(--brand-s) 50% / .12);--brand-gradient:linear-gradient(135deg, var(--brand-500), hsl(calc(var(--brand-h) - 16) var(--brand-s) 46%));--primary:var(--brand-600);--primary-hover:var(--brand-700);--primary-light:var(--brand-100);--primary-dark:var(--brand-800);--primary-h:var(--brand-h);--primary-s:var(--brand-s);--primary-l:46%;--accent:var(--brand-400);--bg-body:#f8fafc;--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-muted:#f1f5f9;--bg-subtle:#f8fafc;--bg-inset:#eef2f7;--border:#e2e8f0;--border-strong:#cbd5e1;--border-focus:var(--brand-500);--text-strong:#0f172a;--text-main:#1e293b;--text-muted:#475569;--text-subtle:#94a3b8;--text-inverse:#fff;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:var(--brand-500);--info-bg:var(--brand-soft);--font-sans:"Inter", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-normal:1.55;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px -2px #0f172a1a, 0 2px 4px -2px #0f172a0f;--shadow-lg:0 12px 28px -6px #0f172a24, 0 4px 8px -4px #0f172a14;--shadow-xl:0 24px 48px -12px #0f172a33;--shadow-brand:0 8px 24px -6px hsl(var(--brand-h) var(--brand-s) 45% / .35);--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.4s;--container-max:1200px;--container-pad:clamp(16px, 4vw, 32px);--header-h:64px;--z-header:100;--z-modal:1000;--z-toast:1100}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-body:#0b0f17;--bg-main:#0b0f17;--bg-surface:#111827;--bg-card:#151e2e;--bg-card-hover:#1b2739;--bg-muted:#1e293b;--bg-subtle:#0f172a;--bg-inset:#0d1420;--border:#243045;--border-strong:#33415a;--border-focus:var(--brand-400);--text-strong:#f8fafc;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-subtle:#64748b;--text-inverse:#0b0f17;--primary:var(--brand-500);--primary-hover:var(--brand-400);--primary-light:hsl(var(--brand-h) var(--brand-s) 16%);--success-bg:#10b98126;--warning-bg:#f59e0b26;--danger-bg:#ef444426;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px -2px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 12px 28px -6px #0009, 0 4px 8px -4px #00000073;--shadow-xl:0 24px 48px -12px #000000b3}}:root[data-theme=dark],:root.dark{--bg-body:#0b0f17;--bg-main:#0b0f17;--bg-surface:#111827;--bg-card:#151e2e;--bg-card-hover:#1b2739;--bg-muted:#1e293b;--bg-subtle:#0f172a;--bg-inset:#0d1420;--border:#243045;--border-strong:#33415a;--border-focus:var(--brand-400);--text-strong:#f8fafc;--text-main:#e2e8f0;--text-muted:#94a3b8;--text-subtle:#64748b;--text-inverse:#0b0f17;--primary:var(--brand-500);--primary-hover:var(--brand-400);--primary-light:hsl(var(--brand-h) var(--brand-s) 16%);--success-bg:#10b98126;--warning-bg:#f59e0b26;--danger-bg:#ef444426;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px -2px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 12px 28px -6px #0009, 0 4px 8px -4px #00000073;--shadow-xl:0 24px 48px -12px #000000b3}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark],:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--bg-main:#090d16;--bg-surface:#0f172a;--bg-card:#1e293b;--bg-card-hover:#273549;--border:#334155;--border-focus:var(--brand-400);--primary:var(--brand-500);--primary-hover:var(--brand-400);--text-main:#f8fafc;--text-muted:#94a3b8;--text-subtle:#64748b;--red:#f43f5e;--orange:#f97316;--green:#10b981;--blue:#3b82f6;--purple:#a855f7;--teal:#14b8a6;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-main:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100%;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);line-height:1.5;overflow-x:hidden}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow-md);position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.brand-logo{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.logo-badge{border-radius:var(--radius-md);width:34px;height:34px;display:block}.text-primary{color:var(--primary)}.privacy-badge{color:#34d399;border-radius:var(--radius-full);background-color:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.header-nav{gap:.5rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text-main);background-color:var(--bg-card);border-color:var(--border)}.ad-container-top{width:100%;max-width:1200px;margin:1rem auto 0;padding:0 1.5rem}.ad-slot-wrapper{background-color:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:90px;padding:.5rem;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.hero-banner{text-align:center;max-width:800px;margin:0 auto 3rem}.hero-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#38bdf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:1.05rem}.search-box-wrapper{max-width:540px;margin:0 auto;position:relative}.search-icon{color:var(--text-subtle);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.tool-search-input{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;color:var(--text-main);font-family:var(--font-main);box-shadow:var(--shadow-md);outline:none;padding:.85rem 1rem .85rem 2.85rem;font-size:.95rem;transition:all .2s}.tool-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.tool-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tool-card:hover{background-color:var(--bg-card);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tool-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.bg-red{background-color:#f43f5e26}.bg-orange{background-color:#f9731626}.bg-green{background-color:#10b98126}.bg-blue{background-color:#3b82f626}.bg-purple{background-color:#a855f726}.bg-teal{background-color:#14b8a626}.tool-card-title{color:var(--text-main);margin-bottom:.35rem;font-size:1.15rem;font-weight:700}.tool-card-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.tool-card-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);border-radius:var(--radius-sm);background-color:#38bdf81a;align-self:flex-start;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.workspace-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.btn-back{background-color:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-back:hover{background-color:var(--bg-card);border-color:var(--primary)}.active-tool-info{align-items:center;gap:.75rem;display:flex}.active-tool-icon{font-size:2rem}.active-tool-title{font-size:1.35rem;font-weight:800}.active-tool-desc{color:var(--text-muted);font-size:.85rem}.workspace-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.file-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background-color:#0f172a80;padding:3rem 1.5rem;transition:all .2s;position:relative}.file-dropzone:hover,.file-dropzone.drag-over{border-color:var(--primary);background-color:#38bdf80d}.hidden-file-input{display:none}.dropzone-icon-box{margin-bottom:.75rem;font-size:3rem}.dropzone-main-text{color:var(--text-main);margin-bottom:.35rem;font-size:1.1rem}.dropzone-sub-text{color:var(--text-subtle);margin-bottom:1.25rem;font-size:.8rem;display:block}.btn-select-files{background-color:var(--primary);color:#0f172a;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.65rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-select-files:hover{background-color:var(--primary-hover)}.files-queue-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem}.queue-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.queue-count{font-size:.875rem;font-weight:700}.btn-clear-queue{color:var(--red);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600}.files-queue-list{flex-direction:column;gap:.5rem;max-height:240px;display:flex;overflow-y:auto}.queue-item{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.queue-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.85rem;font-weight:600;overflow:hidden}.queue-item-size{color:var(--text-subtle);font-size:.75rem;font-family:var(--font-mono)}.btn-remove-item{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem}.btn-remove-item:hover{color:var(--red)}.tool-options-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{font-size:.85rem;font-weight:700}.form-input,.form-select{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-main);padding:.65rem .85rem;font-size:.9rem}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none}.workspace-action-bar{justify-content:flex-end;display:flex}.btn-action-primary{background-color:var(--green);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:.85rem 2rem;font-size:1rem;font-weight:800;transition:all .2s}.btn-action-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-action-primary:disabled{background-color:var(--border);color:var(--text-subtle);cursor:not-allowed}.process-progress-box{text-align:center;flex-direction:column;gap:.5rem;display:flex}.progress-bar-track{background-color:var(--border);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--primary);height:100%;transition:width .2s}.process-status-text{color:var(--primary);font-size:.825rem;font-weight:600}.process-result-box{border-radius:var(--radius-lg);text-align:center;background-color:#10b9811a;border:1px solid #10b9814d;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.success-icon{font-size:3rem}.success-title{color:#34d399;font-size:1.35rem;font-weight:800}.success-details{color:var(--text-muted);max-width:500px;font-size:.9rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;margin-top:.5rem;display:flex}.btn-download-primary{background-color:var(--primary);color:#0f172a;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;padding:.85rem 1.5rem;font-weight:700}.app-footer{background-color:var(--bg-surface);border-top:1px solid var(--border);margin-top:auto;padding:3rem 1.5rem 1.5rem}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-logo{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:800;display:flex}.footer-tagline{color:var(--text-muted);font-size:.85rem;line-height:1.6}.footer-col-title{color:var(--text-main);margin-bottom:1rem;font-size:.95rem;font-weight:700}.footer-links-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-link-btn,.footer-tool-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.85rem;transition:color .2s}.footer-link-btn:hover,.footer-tool-btn:hover{color:var(--primary)}.footer-bottom-bar{border-top:1px solid var(--border);text-align:center;max-width:1200px;color:var(--text-subtle);margin:2.5rem auto 0;padding-top:1.5rem;font-size:.75rem}.cookie-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:95;width:100%;max-width:none;box-shadow:var(--shadow-lg);background-color:#1e293bf2;padding:1rem 1.5rem;position:fixed;bottom:0;left:0;right:0}.cookie-content{max-width:1200px;color:var(--text-muted);flex-flow:wrap;align-items:center;gap:1rem;margin:0 auto;font-size:.8rem;display:flex}.cookie-content>:first-child{flex:1;min-width:240px}.inline-link{color:var(--primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.btn-cookie-accept{white-space:nowrap;background-color:var(--primary);color:#0f172a;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-self:center;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:opacity .2s}.btn-cookie-accept:hover{opacity:.9}@media (max-width:640px){.cookie-content{flex-direction:column;align-items:stretch}.btn-cookie-accept{align-self:stretch}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-title{font-size:1.15rem;font-weight:700}.icon-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body{color:var(--text-muted);padding:1.5rem;font-size:.875rem;line-height:1.7;overflow-y:auto}.modal-body p{margin-bottom:.85rem}.modal-body strong{color:var(--text-main)}@media (max-width:768px){.hero-title{font-size:1.85rem}.privacy-badge{display:none}.footer-container{grid-template-columns:1fr;gap:2rem}}@media (max-width:640px){.header-container{gap:.5rem;padding:.5rem .75rem}.brand-logo{font-size:1.1rem}.header-nav{gap:.25rem}.nav-link{padding:.25rem .45rem;font-size:.75rem}}