:root{--ink:#11141b;--paper:#f2f4f8;--surface:#fff;--line:#e2e6ef;--line-strong:#cfd5e2;--muted:#626b7d;--muted-2:#939bab;--accent:#1e50a2;--accent-2:#3f7fd6;--accent-soft:#e8eefb;--ok:#147a54;--warn:#b4530a;--err:#c8332b;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #11141b0a, 0 10px 30px #11141b0e;--sans:"Zen Kaku Gothic New", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:900px;margin:0 auto;padding:0 22px 88px}.topbar{justify-content:space-between;align-items:center;padding:22px 0 34px;display:flex}.brand{align-items:center;gap:11px;display:flex}.mark{background:var(--accent);border-radius:8px;width:27px;height:27px;position:relative;overflow:hidden;box-shadow:0 2px 8px #1e50a252}.mark:before,.mark:after{content:"";background:var(--accent-2);height:5px;position:absolute;left:0;right:0}.mark:before{opacity:.85;top:8px}.mark:after{opacity:.5;top:16px}.wordmark{font-family:var(--mono);letter-spacing:-.01em;font-size:17px;font-weight:700}.wordmark .tld{color:var(--muted-2);font-weight:600}.pill{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.pill .dot{background:var(--ok);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #147a5424}.eyebrow{font-family:var(--mono);letter-spacing:.16em;color:var(--accent);margin:0 0 14px;font-size:11.5px;font-weight:600}.title{font-family:var(--sans);letter-spacing:.01em;margin:0 0 16px;font-size:clamp(27px,5vw,40px);font-weight:700;line-height:1.22}.title .ao{color:var(--accent)}.sub{color:var(--muted);max-width:44ch;margin:0 0 30px;font-size:15px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:8px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 20px 18px;transition:border-color .16s,transform .16s;display:block}a.tool-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-card.disabled{opacity:.62}.tool-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tool-card-name{font-size:16px;font-weight:700}.tool-card-summary{color:var(--muted);margin:0;font-size:13.5px}.badge{font-family:var(--mono);letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:600}.badge.soon{background:var(--paper);color:var(--muted-2);border:1px solid var(--line)}.badge.live{background:var(--accent-soft);color:var(--accent)}.dropzone{background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:var(--radius);text-align:center;cursor:pointer;box-shadow:var(--shadow);padding:48px 24px;transition:border-color .18s,background .18s;position:relative}.dropzone:hover{border-color:var(--accent)}.dropzone:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dz-icon{background:var(--accent-soft);border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.dz-icon svg{width:23px;height:23px;stroke:var(--accent)}.dz-title{margin:0 0 5px;font-size:17px;font-weight:700}.dz-sub{color:var(--muted);margin:0;font-size:13.5px}.dz-formats{font-family:var(--mono);color:var(--muted-2);letter-spacing:.04em;margin-top:16px;font-size:11px}.banner{border-radius:var(--radius-sm);color:var(--warn);background:#fff7ed;border:1px solid #f5d9b8;margin-top:18px;padding:11px 15px;font-size:13px}.controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px 28px;margin:22px 2px 0;padding:18px 20px;display:flex}.ctrl-group{flex-direction:column;gap:9px;display:flex}.ctrl-label{letter-spacing:.06em;color:var(--muted);font-size:11.5px;font-weight:700}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.seg-btn{appearance:none;font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 16px;font-size:12.5px;font-weight:600;transition:color .14s,background .14s}.seg-btn:hover{color:var(--ink)}.seg-btn.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #11141b1a}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quality{min-width:200px;transition:opacity .18s}.quality.disabled{opacity:.38;pointer-events:none}.quality-head{justify-content:space-between;align-items:baseline;display:flex}.quality-val{font-family:var(--mono);font-size:12.5px;font-weight:600}input[type=range]{appearance:none;background:var(--line-strong);cursor:pointer;border-radius:999px;width:100%;height:4px;margin-top:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #1e50a273}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #1e50a273}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.list{flex-direction:column;gap:10px;margin-top:22px;display:flex}.list-head{justify-content:space-between;align-items:center;padding:0 4px 4px;display:flex}.list-count{color:var(--muted);font-size:13px}.list-count b{color:var(--ink);font-weight:700}.list-actions{gap:8px;display:flex}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:14px;padding:12px 14px;display:flex}.thumb{object-fit:cover;background:var(--paper);border:1px solid var(--line);border-radius:8px;flex:none;width:46px;height:46px}.thumb.ph{place-items:center;display:grid}.thumb.ph svg{width:18px;height:18px;stroke:var(--muted-2)}.meta{flex:1;min-width:0}.fname{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.fdetail{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:11.5px;display:flex}.tag{text-transform:uppercase;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.tag.out{background:var(--accent-soft);color:var(--accent);border-color:#0000}.arrow{color:var(--muted-2)}.delta.down{color:var(--ok)}.delta.up{color:var(--warn)}.status{color:var(--muted);white-space:nowrap;font-size:12px}.status.working{color:var(--accent)}.status.error{color:var(--err)}.row-right{flex:none;align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{appearance:none;cursor:pointer;font-family:var(--sans);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .14s,border-color .14s,opacity .14s;display:inline-flex}.btn:hover{background:var(--paper)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#18408a}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000;padding:8px 10px}.btn.ghost:hover{background:var(--paper);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn.small{padding:6px 11px;font-size:12.5px}.back{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:inline-flex}.back:hover{color:var(--accent)}.back svg{width:14px;height:14px}.foot{border-top:1px solid var(--line);margin-top:44px;padding-top:24px}.foot-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.foot h4{margin:0 0 8px;font-size:13px;font-weight:700}.foot p{color:var(--muted);margin:0;font-size:13px}.foot .accent-line{color:var(--ink);font-weight:500}.foot-brand{border-top:1px solid var(--line);color:var(--muted-2);align-items:center;gap:10px;margin-top:26px;padding-top:20px;font-size:12.5px;display:flex}.foot-brand .wm{font-family:var(--mono);color:var(--muted);font-size:13px;font-weight:700}.ad-slot{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);text-align:center;color:var(--muted-2);font-size:12px;font-family:var(--mono);background:var(--surface);margin-top:26px;padding:18px}@media (max-width:560px){.tool-grid,.foot-cols{grid-template-columns:1fr}.controls{gap:16px}.row{flex-wrap:wrap}.status{order:3}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}