:root{--bg: #0b0d12;--card: #141822;--card-2: #1a2030;--border: #262d40;--text: #e8ecf4;--muted: #9aa3b8;--accent: #7c6cf6;--accent-2: #9d8cff;--green: #3ecf8e;--red: #ff6b6b;--amber: #ffb454;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#1b2140 0%,var(--bg) 55%) fixed,var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 6px;max-width:1160px;margin:0 auto;flex-wrap:wrap}.brand{display:flex;gap:14px;align-items:center}.brand-logo{width:46px;height:46px}h1{font-size:1.5rem;margin:0;display:flex;align-items:center;gap:10px}.badge{font-size:.7rem;background:var(--accent);color:#fff;border-radius:999px;padding:3px 10px;font-weight:700;letter-spacing:.04em}.tagline{margin:4px 0 0;color:var(--muted);font-size:.92rem}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pill{font-size:.8rem;padding:5px 12px;border-radius:999px;background:var(--card-2);border:1px solid var(--border);color:var(--muted)}.pill.ok{color:var(--green);border-color:#1f4d38}.pill.bad{color:var(--red);border-color:#5a2b2b}.links{display:flex;gap:14px;font-size:.85rem}.links a{color:var(--accent-2);text-decoration:none}.links a:hover{text-decoration:underline}.layout{max-width:1160px;margin:0 auto;padding:16px 28px 60px;display:flex;flex-direction:column;gap:16px}.card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px}.card h2{margin:0 0 14px;font-size:1.08rem;display:flex;align-items:center;gap:10px}.card h2 small{color:var(--muted);font-weight:400;font-size:.8rem}.step{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 860px){.grid{grid-template-columns:1fr}}.row{display:flex;gap:10px;align-items:center;margin:10px 0}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.control{background:#0e1220;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:.92rem;font-family:inherit}select.control{cursor:pointer}.control.grow{flex:1;min-width:0}.control.narrow{width:90px}.control.mono,textarea.control{font-family:JetBrains Mono,monospace}textarea.control{width:100%;resize:vertical;line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:.85rem;color:var(--muted)}.field.inline{flex-direction:row;align-items:center;gap:8px}.check{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted)}.check code{color:var(--accent-2)}.btn{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .05s,background .15s}.btn:hover:not(:disabled){background:#232b44}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#6a5af0}.btn.big{width:100%;padding:13px;font-size:1rem;margin-top:6px}.btn.small{padding:7px 12px;font-size:.82rem}.btn.ghost{background:transparent}.dropzone{border:1.5px dashed #3a4563;border-radius:12px;min-height:260px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#0d1120;text-align:center;padding:12px}.dropzone.drag{border-color:var(--accent);background:#171b36}.drop-hint{display:flex;flex-direction:column;gap:6px;align-items:center}.drop-icon{font-size:2rem}#preview-img{max-width:100%;max-height:420px;border-radius:8px;object-fit:contain}.meta{font-size:.8rem;margin-top:8px;min-height:1.2em}.muted{color:var(--muted)}.hint{font-size:.82rem;color:var(--muted);line-height:1.5}code{font-family:JetBrains Mono,monospace}.progress-wrap{margin:12px 0}.progress-track{height:8px;background:#0e1220;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.progress-label{font-size:.8rem;color:var(--muted);margin-top:6px;word-break:break-all}.status-line{font-size:.88rem;margin:8px 0;line-height:1.5}.status-line.success{color:var(--green)}.status-line.error{color:var(--red)}.status-line.loading{color:var(--amber)}.output-scroll{background:#0c101c;border:1px solid var(--border);border-radius:12px;max-height:480px;overflow:auto;padding:16px 18px}#output-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:.88rem;line-height:1.65}#output-text:empty:after{content:"Transcription will stream here…";color:var(--muted)}.stats{font-size:.82rem;color:var(--muted);margin:10px 0}.reasoning{margin-bottom:10px;font-size:.85rem}.reasoning summary{cursor:pointer;color:var(--muted)}.reasoning pre{white-space:pre-wrap;color:var(--muted);font-family:JetBrains Mono,monospace}.footer{color:var(--muted);font-size:.82rem;text-align:center;padding:8px}.footer a{color:var(--accent-2)}