:root{--bg:oklch(98.5% .002 285);--surface:oklch(100% 0 0);--surface-2:oklch(96.2% .003 285);--fg:oklch(21% .01 285);--muted:oklch(52.5% .012 285);--border:oklch(90.5% .004 285);--accent:#7c3aed;--accent-hover:oklch(47% .24 296);--on-accent:oklch(100% 0 0);--success:oklch(52% .14 152);--danger:oklch(50.5% .17 25);--danger-line:oklch(80% .07 25);--shadow:0 1px 2px oklch(21% .01 285/.05), 0 8px 24px -12px oklch(21% .01 285/.18);--shadow-lift:0 2px 4px oklch(21% .01 285/.06), 0 16px 32px -14px oklch(21% .01 285/.26);--r:16px;--r-sm:10px;--r-pill:999px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}[data-theme=dark]{--bg:oklch(16.8% .006 285);--surface:oklch(21.6% .007 285);--surface-2:oklch(26.8% .008 285);--fg:oklch(95.5% .003 285);--muted:oklch(69.5% .011 285);--border:oklch(100% 0 0/.1);--accent:oklch(66.5% .19 296);--accent-hover:oklch(74.5% .17 296);--on-accent:oklch(16% .05 296);--success:oklch(77.5% .16 152);--danger:oklch(70% .15 25);--danger-line:oklch(50% .11 25);--shadow:0 1px 2px oklch(0% 0 0/.4), 0 8px 24px -12px oklch(0% 0 0/.6);--shadow-lift:0 2px 4px oklch(0% 0 0/.45), 0 16px 32px -14px oklch(0% 0 0/.7)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55;transition:background .25s,color .25s;overflow-x:hidden}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.topbar{padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);z-index:40;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{font-family:var(--mono);letter-spacing:-.01em;align-items:center;gap:9px;font-size:16px;font-weight:600;display:flex}.brand svg{width:20px;height:20px;color:var(--fg)}.icon-btn{border-radius:var(--r-sm);cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border:1px solid #0000;order:3;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.icon-btn svg{width:19px;height:19px}[data-theme=light] .i-sun,[data-theme=dark] .i-moon{display:none}.toolbar{z-index:50;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--border);flex-direction:column;order:2;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}body:not([data-has]) .toolbar{display:none}.toolbar-actions{gap:10px;display:flex}.toolbar-actions .btn{flex:1}.quality{align-items:center;gap:12px;min-width:0;display:flex}.quality-label{color:var(--muted);letter-spacing:.02em;white-space:nowrap;font-size:13px;font-weight:500}.quality-val{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;min-width:44px;color:var(--fg);font-size:13px;font-weight:500}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:96px;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--accent) 0 var(--pct,67%),var(--surface-2) var(--pct,67%) 100%);border:1px solid var(--border);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--surface-2);border:1px solid var(--border);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:1.5px solid var(--border);width:20px;height:20px;box-shadow:var(--shadow);border-radius:50%;margin-top:-9px;transition:transform .12s,border-color .12s}input[type=range]::-moz-range-thumb{background:var(--surface);border:1.5px solid var(--border);width:20px;height:20px;box-shadow:var(--shadow);border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{border-color:var(--accent);transform:scale(1.08)}input[type=range]:active::-webkit-slider-thumb{transform:scale(.96)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.btn{border-radius:var(--r-sm);letter-spacing:.01em;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{flex:none;width:17px;height:17px}.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn--ghost{color:var(--muted)}.btn--ghost:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border)}.btn--outline{background:var(--surface);color:var(--fg);border-color:var(--border);width:100%;min-height:38px;padding:0 12px;font-size:13px}.btn--outline:hover{background:var(--surface-2);border-color:var(--muted);color:var(--fg)}.btn[disabled]{opacity:.42;pointer-events:none}.lbl-wide{display:none}main{max-width:1280px;margin:0 auto;padding:20px 18px 132px}body:not([data-has]) main{padding-bottom:32px}.dropzone{text-align:center;border:1.5px dashed var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:340px;padding:44px 24px;transition:border-color .16s,background .16s;display:flex}.dropzone:hover,.dropzone:focus-within{border-color:var(--accent);background:var(--surface-2)}body.dragging .dropzone{border-color:var(--accent);background:var(--surface-2);border-style:solid}.dz-icon{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);width:56px;height:56px;color:var(--fg);place-items:center;display:grid}.dz-icon svg{width:24px;height:24px}.dz-title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.dz-sub{color:var(--muted);max-width:38ch;margin:0;font-size:14px}.badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}.badge{font-family:var(--mono);letter-spacing:.06em;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);padding:5px 10px;font-size:11px;font-weight:500}.privacy{color:var(--muted);align-items:center;gap:7px;margin-top:6px;font-size:13px;display:flex}.privacy svg{flex:none;width:14px;height:14px}.dz-alt{color:var(--muted);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);background:0 0;border:none;margin:14px auto 0;padding:8px;font-size:13px;display:block}.dz-alt:hover{color:var(--fg);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-start;gap:20px;margin-bottom:18px;padding:20px;display:none}body[data-state=done] .banner{display:flex}.banner-num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--success);font-size:40px;font-weight:600;line-height:1.05;display:block}.banner-label{color:var(--muted);margin-top:4px;font-size:14px;display:block}.breakdown{gap:2px;margin:0 0 0 auto;padding:0;list-style:none;display:none}.breakdown li{color:var(--muted);align-items:baseline;gap:12px;padding:3px 0;font-size:13px;display:flex}.breakdown .bd-fmt{font-family:var(--mono);letter-spacing:.06em;color:var(--fg);min-width:52px;font-size:11px}.breakdown .bd-val{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);margin-left:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;transition:box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.thumb{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-body{flex-direction:column;gap:9px;padding:11px 12px 12px;display:flex}.fname{letter-spacing:.01em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stats{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:12.5px;line-height:1.45}.stats .from{color:var(--muted)}.stats .arrow{color:var(--muted);padding:0 2px}.stats .to{color:var(--fg);font-weight:500}.stats .pct{color:var(--success);font-weight:600}.stats .dot{color:var(--border);padding:0 4px}.ring-wrap{background:color-mix(in oklab,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.card[data-status=done] .ring-wrap,.card[data-status=error] .ring-wrap{opacity:0;pointer-events:none}.ring{width:46px;height:46px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3.5px;stroke-linecap:round}.ring .track{stroke:var(--border)}.ring .bar{stroke:var(--accent);stroke-dasharray:113.1;stroke-dashoffset:113.1px;transition:stroke-dashoffset .28s cubic-bezier(.4,0,.2,1)}.hover-dl{border-radius:var(--r-sm);border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;box-shadow:var(--shadow);color:var(--fg);cursor:pointer;opacity:0;pointer-events:none;place-items:center;transition:opacity .16s,transform .16s,background .14s;display:none;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.hover-dl svg{width:17px;height:17px}.hover-dl:hover{background:var(--surface)}.card[data-status=error]{border-color:var(--danger-line)}.card[data-status=error] .thumb{background:color-mix(in oklab,var(--danger) 7%,var(--surface-2))}.err-face{color:var(--danger);place-items:center;display:grid;position:absolute;inset:0}.err-face svg{width:26px;height:26px}.err-msg{color:var(--danger);font-size:12.5px;font-weight:500}.retry{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--danger-line);width:100%;min-height:38px;color:var(--danger);cursor:pointer;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;transition:background .14s;display:inline-flex}.retry:hover{background:color-mix(in oklab,var(--danger) 9%,var(--surface))}.retry svg{width:15px;height:15px}.add-tile{border:1.5px dashed var(--border);border-radius:var(--r);min-height:140px;color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:500;transition:border-color .16s,color .16s,background .16s;display:flex}.add-tile:hover{border-color:var(--accent);color:var(--fg);background:var(--surface)}.add-tile svg{width:20px;height:20px}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);margin-top:36px;padding:26px 18px 20px;font-size:12px}footer .num{font-size:11px}@media (width>=900px){body{font-size:15px}.topbar{gap:28px;padding:14px 32px}.toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:row;flex:1;align-items:center;gap:24px;padding:0;position:static}.quality{min-width:260px;margin:0 auto}.quality-label{color:var(--fg)}.toolbar-actions{margin-left:auto}.toolbar-actions .btn{flex:none}.lbl-narrow{display:none}.lbl-wide{display:inline}main{padding:32px 32px 64px}.dropzone{gap:16px;min-height:420px;padding:64px 32px}.dz-icon{width:64px;height:64px}.dz-icon svg{width:27px;height:27px}.dz-title{letter-spacing:-.02em;font-size:26px}.dz-sub{font-size:15px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.banner{flex-wrap:nowrap;align-items:center;margin-bottom:26px;padding:26px 28px}.banner-num{font-size:52px}.breakdown{display:grid}.card-body .btn--outline{display:none}.card:hover{box-shadow:var(--shadow-lift);border-color:var(--muted)}.card[data-status=done] .hover-dl{display:grid}.card:hover .hover-dl,.hover-dl:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}footer{padding:32px}}@media (width>=600px) and (width<=899px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.topbar:before{content:"";z-index:-1;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);position:absolute;inset:0}.brand{color:var(--fg);text-decoration:none}