:root{--paper:#F7F8F7;--surface:#FFFFFF;--surface-2:#F0F2F1;--border:#E1E5E3;--border-strong:#CDD4D0;--ink:#14201B;--ink-muted:#57635D;--ink-faint:#89948E;--accent:#0F8A5F;--accent-hover:#0C7350;--accent-weak:#E4F1EB;--on-accent:#FFFFFF;--warning:#B4740A;--warning-weak:#FBF0DC;--danger:#C4362E;--danger-weak:#FBE7E5;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Roboto Mono",monospace;--t-11:.6875rem;--t-12:.75rem;--t-13:.8125rem;--t-14:.875rem;--t-16:1rem;--t-20:1.25rem;--t-26:1.625rem;--t-34:2.125rem;--t-44:2.75rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--shadow-1:0 1px 2px rgba(16,32,24,.06),0 1px 1px rgba(16,32,24,.04);--shadow-2:0 6px 24px rgba(16,32,24,.1),0 2px 6px rgba(16,32,24,.06);--shadow-lift:0 14px 40px rgba(15,138,95,.16);--focus:0 0 0 3px var(--accent-weak),0 0 0 1.5px var(--accent);--dur-fast:.12s;--dur-base:.22s;--dur-slow:.34s;--ease:cubic-bezier(.2,.7,.3,1)}@media(prefers-color-scheme:dark){:root{--paper:#0D1512;--surface:#131E19;--surface-2:#182420;--border:#243229;--border-strong:#31423A;--ink:#E8EEEA;--ink-muted:#9BA8A1;--ink-faint:#6E7C75;--accent:#2FBE82;--accent-hover:#43CE93;--accent-weak:#12291F;--on-accent:#062017;--warning:#E0A32E;--warning-weak:#2A2213;--danger:#E76F63;--danger-weak:#2C1715;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 8px 30px rgba(0,0,0,.5);--shadow-lift:0 14px 44px rgba(47,190,130,.18);--focus:0 0 0 3px rgba(47,190,130,.22),0 0 0 1.5px var(--accent)}}:root[data-theme=light]{--paper:#F7F8F7;--surface:#FFFFFF;--surface-2:#F0F2F1;--border:#E1E5E3;--border-strong:#CDD4D0;--ink:#14201B;--ink-muted:#57635D;--ink-faint:#89948E;--accent:#0F8A5F;--accent-hover:#0C7350;--accent-weak:#E4F1EB;--on-accent:#FFFFFF;--warning:#B4740A;--warning-weak:#FBF0DC;--danger:#C4362E;--danger-weak:#FBE7E5;--shadow-1:0 1px 2px rgba(16,32,24,.06),0 1px 1px rgba(16,32,24,.04);--shadow-2:0 6px 24px rgba(16,32,24,.1),0 2px 6px rgba(16,32,24,.06);--shadow-lift:0 14px 40px rgba(15,138,95,.16);--focus:0 0 0 3px var(--accent-weak),0 0 0 1.5px var(--accent)}:root[data-theme=dark]{--paper:#0D1512;--surface:#131E19;--surface-2:#182420;--border:#243229;--border-strong:#31423A;--ink:#E8EEEA;--ink-muted:#9BA8A1;--ink-faint:#6E7C75;--accent:#2FBE82;--accent-hover:#43CE93;--accent-weak:#12291F;--on-accent:#062017;--warning:#E0A32E;--warning-weak:#2A2213;--danger:#E76F63;--danger-weak:#2C1715;--shadow-1:0 1px 2px rgba(0,0,0,.4);--shadow-2:0 8px 30px rgba(0,0,0,.5);--shadow-lift:0 14px 44px rgba(47,190,130,.18);--focus:0 0 0 3px rgba(47,190,130,.22),0 0 0 1.5px var(--accent)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--t-16);line-height:1.55;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}main{flex:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.center{text-align:center}h1{text-wrap:balance;margin:0;line-height:1.12;letter-spacing:-.02em}.eyebrow{font-family:var(--font-mono);font-size:var(--t-12);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}.wrap{max-width:1080px;margin:0 auto;width:100%;padding-inline:var(--s5)}.top{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--border)}.top-in{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:var(--s3);font-weight:700;letter-spacing:-.03em;font-size:var(--t-20);color:var(--ink);text-decoration:none}.brand .glyph{width:26px;height:26px;flex:none;display:block}.icon-btn{font:inherit;font-size:var(--t-13);cursor:pointer;color:var(--ink-muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 12px;display:inline-flex;align-items:center;gap:6px;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{border-color:var(--border-strong);color:var(--ink)}.hero{padding-block:var(--s8) var(--s6);text-align:center}.hero h1{font-size:clamp(2rem,5vw,var(--t-44));font-weight:750}.hero h1 .accent{color:var(--accent)}.hero .lead{max-width:52ch;margin:var(--s4) auto 0;color:var(--ink-muted);font-size:var(--t-20)}.drop{margin:var(--s6) auto 0;max-width:640px;cursor:pointer;background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s7) var(--s6);display:flex;flex-direction:column;align-items:center;gap:var(--s3);position:relative;overflow:hidden;transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),background var(--dur-base) var(--ease)}.drop:before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 78%)}.drop:hover,.drop.drag{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-lift);background:color-mix(in srgb,var(--surface) 92%,var(--accent-weak))}.drop.err{border-color:var(--danger);border-style:solid;background:color-mix(in srgb,var(--surface) 90%,var(--danger-weak));cursor:not-allowed}.drop.err .ic{background:var(--danger-weak);color:var(--danger)}.drop .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-weak);color:var(--accent);position:relative;z-index:1;transition:transform var(--dur-base) var(--ease)}.drop:hover .ic{transform:translateY(-2px) scale(1.04)}.drop .ic svg{width:28px;height:28px}.drop .big{font-size:var(--t-20);font-weight:650;position:relative;z-index:1}.drop .sub{color:var(--ink-muted);font-size:var(--t-14);position:relative;z-index:1}.drop .btn-pick{margin-top:var(--s2);position:relative;z-index:1;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--r-pill);padding:11px 22px;font:inherit;font-weight:600;font-size:var(--t-14);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.drop .btn-pick:hover{background:var(--accent-hover);transform:translateY(-1px)}.fmt-note{margin-top:var(--s4);font-size:var(--t-12);color:var(--ink-faint)}.fmt-note .mono{color:var(--ink-muted)}.privacy{margin:var(--s5) auto 0;display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--t-13);color:var(--ink-muted);background:var(--accent-weak);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);padding:7px 14px;border-radius:var(--r-pill)}.privacy .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.alert{display:flex;gap:var(--s3);padding:var(--s4);border-radius:var(--r-sm);font-size:var(--t-14);align-items:flex-start;max-width:560px;margin:var(--s5) auto 0;text-align:left}.alert .ai{flex:none;width:20px;height:20px;margin-top:1px}.alert.err{background:var(--danger-weak);color:color-mix(in srgb,var(--danger) 72%,var(--ink));border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.alert strong{display:block;margin-bottom:2px}.app{padding-block:var(--s6) var(--s8)}.app-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s5)}.file-meta .name{font-weight:600;word-break:break-all}.file-meta .dims{font-size:var(--t-12);color:var(--ink-muted);margin-top:2px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--ink-muted);border-radius:var(--r-pill);padding:8px 14px;font:inherit;font-size:var(--t-13);cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast)}.btn-ghost:hover{border-color:var(--border-strong);color:var(--ink)}.head-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.work{display:grid;grid-template-columns:1fr 300px;gap:var(--s5);align-items:start}.left{min-width:0}@media(max-width:860px){.work{grid-template-columns:1fr}}.list{display:flex;flex-direction:column;gap:10px}.frow{display:flex;align-items:center;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--shadow-1);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.frow:hover{border-color:var(--border-strong);transform:translateY(-1px)}.frow:focus-visible{outline:none;box-shadow:var(--focus)}.frow .thumb{width:46px;height:46px;border-radius:9px;flex:none;border:1px solid var(--border);object-fit:cover;background:var(--surface-2)}.frow .finfo{flex:1;min-width:0}.frow .fn{font-weight:600;font-size:var(--t-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow .fmeta{font-size:var(--t-12);color:var(--ink-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frow .fmeta.err{color:var(--danger)}.pill{font-family:var(--font-mono);font-size:var(--t-12);font-weight:700;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap;flex:none}.pill.done{color:var(--accent);background:var(--accent-weak)}.pill.warn{color:var(--warning);background:var(--warning-weak)}.pill.queued{color:var(--ink-muted);background:var(--surface-2)}.rowprog{width:110px;flex:none}.rowprog .track{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.rowprog .track>span{display:block;height:100%;width:40%;background:var(--accent);border-radius:99px;animation:indet 1.1s ease-in-out infinite}.rowbtn{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:grid;place-items:center}.rowbtn:hover{border-color:var(--border-strong);color:var(--ink)}.rowbtn svg{width:16px;height:16px}.retry{flex:none;font:inherit;font-size:var(--t-13);color:var(--danger);background:var(--danger-weak);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--r-pill);padding:6px 12px;cursor:pointer}.chev{flex:none;color:var(--ink-faint);font-size:1.15rem;line-height:1}#sum-note{margin-top:10px;text-align:center}.compare{position:relative;width:100%;aspect-ratio:var(--ar, 16/10);max-height:72vh;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-2);background:var(--surface-2);-webkit-user-select:none;user-select:none;touch-action:none;--split:52%}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.compare .after{clip-path:inset(0 0 0 var(--split))}.compare .divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;box-shadow:0 0 0 1px #00000040;transform:translate(-1px);z-index:3}.compare .handle{position:absolute;top:50%;left:var(--split);z-index:4;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;cursor:ew-resize;box-shadow:var(--shadow-2);transition:transform var(--dur-fast) var(--ease)}.compare .handle:hover{transform:scale(1.08)}.compare .handle svg{width:20px;height:20px}.lab{position:absolute;bottom:var(--s3);z-index:3;font-family:var(--font-mono);font-size:var(--t-11);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,#0D1512 68%,transparent);color:#fff;padding:4px 9px;border-radius:var(--r-pill)}.lab.l{left:var(--s3)}.lab.r{right:var(--s3);background:color-mix(in srgb,var(--accent) 82%,#000)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}.panel .sec{padding:var(--s5);border-bottom:1px solid var(--border)}.panel .sec.disabled{opacity:.45;pointer-events:none}.panel h3{font-size:var(--t-12);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0}.panel .sec>h3{margin-bottom:var(--s4)}.chips{display:flex;gap:var(--s2);flex-wrap:wrap}.chip{font:inherit;font-family:var(--font-mono);font-size:var(--t-13);font-weight:600;letter-spacing:.02em;cursor:pointer;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink-muted);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s2)}.acc summary::-webkit-details-marker{display:none}.acc summary .h{flex:1;font-size:var(--t-12);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.acc summary .acc-state{font-size:var(--t-12);color:var(--ink-muted)}.acc summary:after{content:"";width:7px;height:7px;margin-left:var(--s2);flex:none;border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease)}.acc[open] summary:after{transform:rotate(-135deg)}.acc summary:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}.acc-body{margin-top:var(--s4)}.range-row{display:flex;align-items:baseline;justify-content:space-between;margin:var(--s4) 0 6px}.range-row label{font-size:var(--t-13);color:var(--ink-muted)}.range-row .val{font-family:var(--font-mono);font-weight:650;color:var(--accent)}.dims-row{display:flex;align-items:flex-end;gap:var(--s3);margin-top:var(--s5)}.dim{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.dim .dl{font-size:var(--t-11);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.field{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);padding-right:10px}.field:focus-within{border-color:var(--accent);box-shadow:var(--focus)}.field input{flex:1;min-width:0;border:none;background:none;outline:none;padding:8px 4px 8px 10px;font:inherit;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.field .u{font-family:var(--font-mono);font-size:var(--t-12);color:var(--ink-faint)}.dims-row .x{color:var(--ink-faint);padding-bottom:9px}#resize-out{margin-top:var(--s4)}.alert.warn{background:var(--warning-weak);color:color-mix(in srgb,var(--warning) 78%,var(--ink));border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);margin:0}.swatch-row{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4);font-size:var(--t-13);color:var(--ink-muted);flex-wrap:wrap}.swatch{width:26px;height:26px;padding:0;border-radius:7px;border:1px solid var(--border-strong);cursor:pointer}.swatch[aria-pressed=true]{box-shadow:var(--focus)}input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border-strong);border-radius:7px;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.slider-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s3)}.slider-row .val{font-family:var(--font-mono);font-weight:650;color:var(--accent)}.slider-row .lbl{font-size:var(--t-12);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}#q-mode{margin-bottom:var(--s4)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:var(--surface-2);outline-offset:4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);box-shadow:var(--shadow-1);cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);cursor:pointer}.scale-lab{display:flex;justify-content:space-between;font-size:var(--t-11);color:var(--ink-faint);margin-top:6px;font-family:var(--font-mono)}.readout{padding:var(--s5)}.flow{display:flex;align-items:center;gap:var(--s3);font-family:var(--font-mono);font-weight:650}.flow .from{color:var(--ink-muted);font-size:var(--t-16)}.flow .arrow{color:var(--ink-faint)}.flow .to{color:var(--ink);font-size:var(--t-26)}.savings{margin-top:var(--s3);display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-mono);font-weight:700;font-size:var(--t-14);color:var(--accent);background:var(--accent-weak);padding:6px 12px;border-radius:var(--r-pill)}.savings.neg{color:var(--warning);background:var(--warning-weak)}.savings.muted{color:var(--ink-muted);background:var(--surface-2)}.bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:var(--s4)}.bar>span{display:block;height:100%;width:38%;background:var(--accent);border-radius:99px;animation:indet 1.1s ease-in-out infinite}@keyframes indet{0%{transform:translate(-110%)}to{transform:translate(360%)}}.btn-download{margin-top:var(--s5);width:100%;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--r-sm);padding:14px;font:inherit;font-weight:700;font-size:var(--t-16);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--s2);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-download:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-download:disabled{opacity:.5;cursor:not-allowed}.btn-download svg{width:18px;height:18px}footer{padding-block:var(--s6) var(--s7);color:var(--ink-faint);font-size:var(--t-13);text-align:center}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;max-width:calc(100vw - 32px);background:var(--ink);color:var(--paper);font-size:var(--t-14);padding:12px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-2);animation:toast-in var(--dur-base) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:860px){.compare{max-height:58vh}}@media(max-width:600px){.hero{padding-block:var(--s7) var(--s5)}.drop{padding:var(--s6) var(--s5)}}@media(pointer:coarse){.chip,.btn-ghost{padding:11px 16px}.rowbtn{width:44px;height:44px}.swatch{width:32px;height:32px}.compare .handle{width:48px;height:48px;margin:-24px 0 0 -24px}input[type=range]::-webkit-slider-thumb{width:26px;height:26px}input[type=range]::-moz-range-thumb{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}