:root{color-scheme:dark;--bg:#10141b;--card:#1a202b;--line:#303a49;--text:#f4f7fb;--muted:#9da9b9;--accent:#d9ff6a}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top right,#263149,var(--bg) 44rem);color:var(--text);font:16px/1.45 system-ui,sans-serif}
main{width:min(960px,calc(100% - 32px));margin:auto;padding:60px 0}
header{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}
h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1;margin:.2rem 0 .8rem;letter-spacing:-.05em}
.eyebrow{font-size:.72rem;letter-spacing:.15em;color:var(--accent);font-weight:bold}
#worker{height:max-content;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.84rem}
section{padding:24px;margin-bottom:22px;background:#1a202be9;border:1px solid var(--line);border-radius:18px}
label{display:grid;gap:7px;color:var(--muted);font-size:.86rem}
textarea,select{width:100%;background:#11161f;border:1px solid var(--line);border-radius:11px;color:var(--text);font:inherit}
textarea{min-height:210px;margin:5px 0 12px;padding:14px;resize:vertical}
select{padding:10px}
.controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}
button{min-height:42px;padding:0 17px;background:var(--accent);border:0;border-radius:11px;color:#172000;font:inherit;font-weight:800;cursor:pointer}
.quiet{min-height:33px;background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:600}
.hint{color:var(--muted);font-size:.85rem;margin-bottom:0}
code{color:var(--accent)}
.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.head h2{margin:0;font-size:1.2rem}
#jobs{display:grid;gap:12px}
.job{border:1px solid var(--line);border-radius:13px;padding:14px;background:#131924}
.meta{display:flex;gap:9px;color:var(--muted);font-size:.78rem;flex-wrap:wrap}
.badge{padding:3px 8px;border-radius:99px;background:#253144;font-weight:700}
.complete{color:var(--accent)}
.failed{color:#ff9292}
.text,.accented{white-space:pre-wrap}
.accented{font-size:.86rem;color:var(--muted)}
audio{width:100%}
.empty{color:var(--muted);text-align:center}
@media(max-width:760px){.controls{grid-template-columns:1fr 1fr}}
@media(max-width:650px){main{width:calc(100% - 22px);padding-top:32px}header{display:block}#worker{display:inline-block;margin-top:14px}.controls{grid-template-columns:1fr}}