:root{color-scheme:dark;--bg:#0d0f0d;--panel:#141714;--txt:#e9ede9;--grn:#1ed760;--mut:#a5ada5;--line:#2c342c}*{box-sizing:border-box}body{font:13px/1.65 'JetBrains Mono',ui-monospace,Consolas,monospace;margin:0}h1,h2,h3,p{margin:0}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;min-height:44px;border:1px solid #414c41;background:#1a211a;color:var(--txt);padding:9px 16px}button:hover:not(:disabled){border-color:var(--grn)}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--grn);color:#06130b;border-color:var(--grn);font-weight:800}button.quiet{background:none}a{color:var(--grn)}[hidden]{display:none!important}.top{padding:16px 22px}.badges{font-size:10px;letter-spacing:.1em;color:var(--mut)}main{max-width:1080px;margin:auto;padding:24px 20px 54px}.minihero{background:#1db954;color:#06130b;padding:32px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em}.minihero h1{font:900 clamp(38px,7vw,68px)/1.1 Archivo,Arial,sans-serif;letter-spacing:-.05em;margin:16px 0 8px}.minihero p{font-size:13px;letter-spacing:0;font-weight:600}.privacy-strip{display:flex;gap:24px;flex-wrap:wrap;padding:18px 0 26px;color:var(--mut);font-size:11px}.privacy-strip i{display:inline-block;width:7px;height:7px;background:var(--grn);margin-right:7px}.panel{border:1px solid var(--line);background:var(--panel);padding:24px;margin-bottom:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}h2{font:800 20px Archivo,Arial,sans-serif;letter-spacing:-.02em}h2 span{color:var(--grn);font:12px ui-monospace,monospace;margin-right:10px}.drop{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;min-height:160px;padding:22px;text-align:center;border:1px dashed #51705a;background:#101810;cursor:pointer}.drop:hover,.drop.over{border-color:var(--grn);background:#162516}.drop:focus-within{outline:2px solid var(--grn);outline-offset:4px}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop strong{font-size:16px;color:var(--grn)}.drop strong span{color:var(--txt);font-weight:400}.drop>span,.hint{color:var(--mut);font-size:12px;line-height:1.75}.hint{margin-top:14px}.queue{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}.file{border:1px solid var(--line);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;min-width:0}.file-main{min-width:0}.file-name{display:block;font-weight:700;overflow-wrap:anywhere}.file-meta,.file-state{font-size:11px;color:var(--mut);overflow-wrap:anywhere}.file-state{grid-column:1/-1}.file[data-state=done]{border-color:#287b43}.file[data-state=error]{border-color:#a45439}.file[data-state=error] .file-state{color:#ffba9e}.file-actions{display:flex;align-items:start;flex-wrap:wrap;gap:7px}.file-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #287b43;text-decoration:none}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.options label{display:flex;flex-direction:column;gap:8px;color:var(--mut);font-size:12px}select{min-height:48px;background:#0f140f;border:1px solid #414c41;color:var(--txt);padding:10px 12px;width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}progress{width:100%;height:8px;accent-color:var(--grn);margin-top:24px}.status{margin-top:18px;font-size:12px;overflow-wrap:anywhere}details{margin-top:16px;color:var(--mut);font-size:11px}summary{cursor:pointer;min-height:30px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font:11px/1.6 ui-monospace,monospace;background:#0d0f0d;padding:12px}.guide{margin-top:34px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}.guide h3{font-size:13px;margin-bottom:8px}.guide p{font-size:12px;color:var(--mut);line-height:1.8}footer{border-top:1px solid var(--line);font-size:11px;color:var(--mut);line-height:1.9}body.busy .drop{opacity:.5;pointer-events:none}.nav-toggle{font-size:12px}@media(max-width:700px){main{padding:16px 14px 40px}.minihero{padding:26px 22px}.panel{padding:20px 16px}.options,.guide-grid{grid-template-columns:1fr}.privacy-strip{gap:8px 18px}.file{grid-template-columns:1fr}.file-state{grid-column:auto}.file-actions{grid-row:3}.section-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
