:root{color-scheme:dark;--bg:#0b1115;--panel:#121b20;--panel-soft:#172328;--line:#2b3b40;--text:#edf4f1;--muted:#9aadaa;--green:#a9ed79;--mint:#79dfc3;--orange:#f7c875;--danger:#ff9b94;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#17272a 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}.topbar{max-width:1180px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:18px}.brand-mark{color:var(--green);margin-right:7px}.brand span:last-child{font-size:10px;letter-spacing:.18em;color:var(--mint);margin-left:5px}.github-link{color:var(--muted);text-decoration:none;font-size:13px}.github-link:hover{color:var(--green)}.layout{max-width:1180px;margin:0 auto;padding:58px 28px 80px}.intro{max-width:820px;margin-bottom:34px}.eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:.19em;color:var(--mint)}h1{font-size:clamp(36px,6vw,66px);line-height:1.02;letter-spacing:-.055em;margin:13px 0 18px}.intro h1 span{color:var(--green)}.lede{max-width:720px;color:#bac8c6;font-size:17px;line-height:1.65;margin:0}.privacy-note{display:inline-flex;align-items:center;gap:10px;border:1px solid #3d564c;border-radius:999px;padding:10px 14px;color:#c9e8d7;font-size:12px;margin-top:20px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 13px #a9ed7970}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151f24,#10181c);padding:24px}.panel-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.step{width:36px;height:36px;border:1px solid #4a6656;border-radius:11px;color:var(--green);display:grid;place-items:center;font:700 11px ui-monospace,monospace;flex:none}.panel-title h2{font-size:17px;margin:0 0 4px}.panel-title p{font-size:12px;color:var(--muted);margin:0}.dropzone{min-height:164px;border:1px dashed #527263;border-radius:14px;background:#0e1719;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer;color:#dbe8e2;transition:.15s}.dropzone:hover,.dropzone:focus-within,.dropzone.is-dragging{border-color:var(--green);background:#14221b}.upload-symbol{font-size:22px;color:var(--green);width:42px;height:42px;border-radius:14px;background:#20312a;display:grid;place-items:center}.dropzone strong{font-size:14px}.dropzone u{color:var(--green)}.dropzone small{font-size:11px;color:var(--muted)}.queue{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.queue-item{display:flex;align-items:center;gap:11px;border:1px solid #2e3f40;background:#162125;border-radius:12px;padding:10px}.file-icon{display:grid;place-items:center;width:38px;height:32px;border-radius:8px;background:#26382d;color:var(--green);font:bold 10px ui-monospace,monospace;flex:none}.file-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.file-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{font-size:10px;color:var(--muted);line-height:1.45}.remove-file{border:0;background:none;color:#81918f;font-size:20px;cursor:pointer}.remove-file:hover{color:var(--danger)}.download-link{font-size:11px;text-decoration:none;color:#0e1a12;background:var(--green);font-weight:700;border-radius:8px;padding:8px 10px;white-space:nowrap}.queue-error .file-info small{color:var(--danger)}.controls{margin-top:20px;display:grid;gap:8px}.controls>label,.quality-row label{font-size:12px;color:#c5d3ce}.controls select{appearance:none;border:1px solid #3a4c4d;background:#0d1518;color:var(--text);border-radius:10px;padding:12px 14px;font:inherit;font-size:13px}.quality-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:7px}.quality-row[hidden]{display:none}.quality-row label span{color:var(--green);font-weight:700}.quality-row input{grid-column:1/-1;width:100%;accent-color:var(--green)}.format-hint{color:#8fa19c;font-size:11px;line-height:1.5;margin:2px 0 0}.actions{display:flex;gap:10px;margin-top:20px}.actions button{border-radius:10px;padding:12px 16px;font-weight:700;cursor:pointer}.primary{flex:1;border:0;background:var(--green);color:#102016}.primary:hover:not(:disabled){background:#bcf491}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.secondary{border:1px solid #40534c;background:transparent;color:var(--text)}.status{font-size:12px;color:var(--muted);min-height:18px;margin:14px 0 0}.status[data-kind=success]{color:#a7e9c1}.status[data-kind=warning]{color:var(--orange)}.info-panel{display:flex;flex-direction:column;gap:18px}.info-panel .panel-title{margin-bottom:0}.feature{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.feature>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#20312a;color:var(--mint)}.feature strong{font-size:13px}.feature p,.notice p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.notice{border:1px solid #625234;background:#292316;border-radius:12px;padding:13px}.notice strong{font-size:12px;color:var(--orange)}.privacy-footer{margin-top:auto;padding-top:15px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:#8da59b}footer{max-width:1180px;margin:0 auto;padding:0 28px 28px;display:flex;justify-content:space-between;gap:15px;color:#7f908b;font-size:11px}@media(max-width:800px){.layout{padding-top:42px}.workspace{grid-template-columns:1fr}.info-panel{min-height:400px}}@media(max-width:520px){.topbar{padding:18px 17px}.layout{padding:36px 17px 52px}.panel{padding:18px}.lede{font-size:15px}.dropzone{min-height:140px}.queue-item{flex-wrap:wrap}.download-link{margin-left:49px}footer{padding:0 17px 24px;flex-direction:column}}