:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--canvas:#f5f6fb;--surface:#fdfdff;--surface-muted:#eff0f6;--surface-accent:#e5eaff;--ink:#1a1d2a;--ink-soft:#5a5d69;--ink-faint:#898c96;--border:#d5d7e0;--border-strong:#adb0bf;--accent:#5453e1;--accent-hover:#443cc6;--accent-ink:#f9fafe;--success:#008c4e;--success-bg:#ddf6e4;--warning:#b06b00;--warning-bg:#fff0d8;--danger:#d4302e;--danger-bg:#ffeae7;--focus:#7b85f257;--radius-sm:7px;--radius:10px;--radius-lg:16px;--ease-out:cubic-bezier(.16, 1, .3, 1)}@supports (color:lab(0% 0 0)){:root{--canvas:lab(97.0611% .210255 -2.26657);--surface:lab(99.4007% .10252 -1.13487);--surface-muted:lab(94.8439% .285238 -3.01912);--surface-accent:lab(92.7871% 1.73232 -13.0306);--ink:lab(11.0528% 1.59479 -9.1249);--ink-soft:lab(39.5381% .899985 -7.44696);--ink-faint:lab(58.1312% .644654 -5.99588);--border:lab(86.0008% .445336 -4.51826);--border-strong:lab(72.0088% .910848 -8.23139);--accent:lab(42.2829% 34.2947 -73.8956);--accent-hover:lab(33.9582% 36.7242 -72.1383);--accent-ink:lab(98.2212% .210077 -2.26663);--success:lab(50.822% -46.7722 24.197);--success-bg:lab(94.6726% -10.8478 5.55805);--warning:lab(52.0322% 25.3865 75.0334);--warning-bg:lab(95.4295% 2.70006 13.3098);--danger:lab(48.1328% 62.8813 43.373);--danger-bg:lab(94.4561% 10.7371 5.79667);--focus:lab(58.723% 18.4379 -56.81/.34)}}*{box-sizing:border-box}html{font-family:var(--font);background:var(--canvas);color:var(--ink)}body{min-width:320px;min-height:100svh;margin:0}button,input,select{font:inherit}button{color:inherit}button,label,input{-webkit-tap-highlight-color:transparent}svg{display:block}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{grid-template-columns:336px minmax(0,1fr);min-height:100svh;display:grid}.settings-panel{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.brand-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:78px;padding:20px 24px 17px;display:flex}.brand-mark{width:36px;height:36px;color:var(--accent-ink);background:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.brand-copy{min-width:0}.brand-name{letter-spacing:-.02em;margin:0;font-size:1.08rem;line-height:1.2}.brand-mode{color:var(--ink-soft);margin:3px 0 0;font-size:.76rem;font-weight:500}.settings-toggle{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;padding:8px 10px;display:none}.settings-scroll{flex:1;padding:22px 24px 36px;overflow-y:auto}.privacy-note{border-radius:var(--radius);background:var(--success-bg);color:#07502c;color:lab(29.2413% -28.8894 14.9237);border:1px solid #c0d8c7;border:1px solid lab(84.2322% -10.8536 5.56161);grid-template-columns:24px minmax(0,1fr);gap:11px;margin-bottom:26px;padding:13px;display:grid}.privacy-note strong{font-size:.82rem;display:block}.privacy-note p{margin:3px 0 0;font-size:.75rem;line-height:1.45}.settings-form{gap:28px;display:grid}.form-section{border:0;min-width:0;margin:0;padding:0}.section-label{margin:0 0 11px;font-size:.82rem;font-weight:700;display:block}.sub-label{color:var(--ink-soft);justify-content:space-between;gap:12px;font-size:.76rem;font-weight:600;display:flex}.sub-label output{color:var(--ink);font-variant-numeric:tabular-nums}.control-stack{gap:17px;display:grid}.segmented{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label{border-radius:var(--radius-sm);color:var(--ink-soft);text-align:center;cursor:pointer;transition:color .18s var(--ease-out), background-color .18s var(--ease-out);padding:8px 7px;font-size:.76rem;font-weight:600}.segmented input:checked+label{color:var(--accent);background:var(--surface)}.segmented input:focus-visible+label{outline:3px solid var(--focus);outline-offset:1px}.strategy-group{margin-top:9px}.preset-note{min-height:34px;color:var(--ink-soft);margin:9px 2px 0;font-size:.72rem;line-height:1.45}.range-row{grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:12px;margin-top:9px;display:grid}.control-hint{color:var(--ink-faint);margin:1px 2px 0;font-size:.68rem;line-height:1.4}input[type=range]{width:100%;accent-color:var(--accent)}.number-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:60px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;padding:7px 6px;font-size:.78rem}.check-control{cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;display:grid}.check-control input{width:17px;height:17px;accent-color:var(--accent);margin:1px 0 0}.check-copy strong{align-items:center;gap:7px;font-size:.79rem;display:flex}.check-copy span{color:var(--ink-soft);margin-top:4px;font-size:.72rem;line-height:1.45;display:block}.experimental-tag{color:#6e4100;color:lab(32.3899% 19.5875 55.2386);background:var(--warning-bg);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.61rem;font-weight:700}.disabled-copy{opacity:.48;cursor:not-allowed}.secondary-button,.icon-button,.text-button,.primary-button{border-radius:var(--radius-sm);cursor:pointer;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out)}.primary-button{border:1px solid var(--accent);background:var(--accent);min-height:40px;color:var(--accent-ink);justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.48;cursor:not-allowed}.secondary-button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--ink-soft);padding:8px 12px;font-size:.75rem;font-weight:600}.secondary-button:hover{border-color:var(--border-strong);background:var(--surface-muted);color:var(--ink)}.secondary-button.full{width:100%}.text-button{color:var(--ink-soft);background:0 0;border:0;padding:5px 7px;font-size:.72rem;font-weight:600}.text-button:hover{color:var(--ink);background:var(--surface-muted)}.text-button.danger:hover{color:var(--danger);background:var(--danger-bg)}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--ink);border-color:var(--border-strong);background:var(--surface-muted)}.settings-footer{border-top:1px solid var(--border);color:var(--ink-faint);background:var(--surface);padding:14px 24px 16px;font-size:.69rem;line-height:1.5}.runtime-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-dot{background:var(--warning);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.ready{background:var(--success)}.status-dot.error{background:var(--danger)}.runtime-label{color:var(--ink-soft);align-items:center;gap:7px;font-weight:600;display:flex}.storage-line{margin-top:6px}.workspace{flex-direction:column;min-width:0;min-height:100svh;display:flex;overflow:hidden}.workspace-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:18px 30px;display:flex}.workspace-title h1{letter-spacing:-.02em;margin:0;font-size:1.16rem}.workspace-title p{color:var(--ink-soft);margin:4px 0 0;font-size:.75rem}.header-actions{align-items:center;gap:9px;display:flex}.header-summary{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.72rem}.workspace-body{flex:1;min-height:0;padding:30px;overflow-y:auto}.workspace-body.is-empty{grid-template-rows:auto minmax(0,1fr);display:grid}.workspace-body.is-empty .notice-stack{grid-row:1}.workspace-body.is-empty .main-stack{grid-row:2;align-content:safe center;display:grid}.notice-stack:empty{display:none}.workspace-footer{color:var(--ink-faint);justify-content:flex-end;align-items:center;gap:14px;padding:14px 30px 18px;font-size:.69rem;display:flex}.workspace-footer a{color:var(--ink-soft);border-bottom:1px solid var(--border-strong);font-weight:600;text-decoration:none}.workspace-footer a:hover{color:var(--accent);border-bottom-color:var(--accent)}.workspace-footer .version{font-variant-numeric:tabular-nums}.content-width{width:min(960px,100%);margin:0 auto}.notice{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-soft);background:var(--surface);align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.75rem;line-height:1.45;display:flex}.notice.error{color:#89211e;color:lab(31.3367% 43.9455 29.7415);background:var(--danger-bg);border-color:#efbcb6;border-color:lab(80.8983% 18.2226 10.7953)}.notice.warning{color:#6e4100;color:lab(32.3899% 19.5875 55.2386);background:var(--warning-bg);border-color:#e5c4a1;border-color:lab(81.4052% 8.20616 22.2992)}.notice strong{color:inherit}.drop-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;cursor:pointer;width:100%;min-height:390px;transition:border-color .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-out);place-items:center;padding:38px;display:grid}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--surface-accent)}.drop-zone.dragging{transform:scale(.997)}.drop-content{pointer-events:none;max-width:450px}.drop-icon{width:58px;height:58px;color:var(--accent);background:var(--surface-accent);border:1px solid #c3c9e5;border:1px solid lab(81.1355% 2.32431 -14.8055);border-radius:15px;place-items:center;margin:0 auto 20px;display:grid}.drop-content h2{letter-spacing:-.02em;margin:0;font-size:1.12rem}.drop-content p{max-width:55ch;color:var(--ink-soft);margin:8px auto 0;font-size:.78rem;line-height:1.55}.drop-cta{color:var(--accent);align-items:center;gap:7px;margin-top:20px;font-size:.78rem;font-weight:700;display:inline-flex}.drop-meta{color:var(--ink-faint);margin-top:12px;font-size:.68rem;display:block}.queue-head{justify-content:space-between;align-items:end;gap:20px;margin:2px 0 14px;display:flex}.queue-head h2{margin:0;font-size:.96rem}.queue-head p{color:var(--ink-soft);margin:4px 0 0;font-size:.72rem}.compact-drop{border:1px dashed var(--border-strong);border-radius:var(--radius);width:100%;min-height:68px;color:var(--ink-soft);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:.75rem;font-weight:600;display:flex}.compact-drop:hover,.compact-drop.dragging{color:var(--accent);border-color:var(--accent);background:var(--surface-accent)}.queue-list{gap:10px;display:grid}.job-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:13px;padding:15px;display:grid}.file-glyph{width:38px;height:44px;color:var(--accent);background:var(--surface-accent);letter-spacing:.03em;border-radius:7px;place-items:center;font-size:.62rem;font-weight:800;display:grid}.job-main{min-width:0}.job-title-line{align-items:center;gap:8px;min-width:0;display:flex}.job-name{text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;font-weight:650;overflow:hidden}.status-chip{background:var(--surface-muted);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.035em;border-radius:999px;flex:none;padding:3px 7px;font-size:.61rem;font-weight:700}.status-chip.processing{color:var(--accent);background:var(--surface-accent)}.status-chip.done{color:#00542c;color:lab(30.5854% -33.9497 17.5764);background:var(--success-bg)}.status-chip.error{color:var(--danger);background:var(--danger-bg)}.status-chip.cancelled{color:var(--ink-soft)}.job-detail{color:var(--ink-soft);margin:8px 0 0;font-size:.7rem;line-height:1.45}.job-detail.error{color:var(--danger)}.job-metadata{color:var(--ink-faint);flex-wrap:wrap;gap:7px 13px;margin-top:6px;font-size:.65rem;display:flex}.job-metadata span{align-items:center;gap:4px;display:inline-flex}.progress-track{background:var(--surface-muted);border-radius:999px;height:4px;margin-top:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);height:100%;transition:transform .22s var(--ease-out);transform-origin:0}.job-actions{align-items:center;gap:5px;display:flex}.size-change{gap:5px!important}.size-arrow{color:var(--ink-faint)}.result-size{color:var(--success);font-weight:700}.savings.negative{color:var(--warning)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-error{text-align:center;max-width:520px;margin:12vh auto 0;padding:0 24px}.app-error h1{letter-spacing:-.02em;margin:0 0 8px;font-size:1.1rem}.app-error p{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.5}.app-error .primary-button{margin-top:18px}@media (max-width:800px){.app-shell{display:block}.settings-panel{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.brand-row{min-height:66px;padding:14px 18px}.brand-mark{width:34px;height:34px}.settings-toggle{align-items:center;gap:7px;display:inline-flex}.settings-scroll{max-height:none;padding:18px;display:none}.settings-panel.open .settings-scroll{display:block}.settings-footer{display:none}.workspace{min-height:auto;overflow:visible}.workspace-header{z-index:4;min-height:66px;padding:13px 18px;position:sticky;top:0}.workspace-title p,.header-summary{display:none}.workspace-body{padding:18px;overflow:visible}.workspace-body.is-empty{display:block}.workspace-footer{padding:12px 18px 16px}.drop-zone{min-height:330px;padding:28px 20px}}@media (max-width:520px){.workspace-header{gap:10px}.workspace-title h1{font-size:1rem}.primary-button{padding-inline:11px}.primary-button .wide-label{display:none}.queue-head{align-items:start}.job-row{grid-template-columns:34px minmax(0,1fr);padding:13px}.file-glyph{width:34px;height:40px}.job-actions{grid-column:2;justify-content:flex-start}.drop-zone{min-height:300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}