:root{--color-canvas: oklch(.965 .008 145);--color-surface: oklch(.995 .002 145);--color-surface-muted: oklch(.938 .012 145);--color-ink: oklch(.205 .025 155);--color-muted: oklch(.43 .024 155);--color-border: oklch(.82 .018 145);--color-primary: oklch(.34 .075 160);--color-primary-strong: oklch(.255 .07 160);--color-warning: oklch(.56 .11 60);--color-danger: oklch(.48 .13 32);--color-focus: oklch(.62 .13 155);--radius-panel: 16px;--radius-control: 10px;color:var(--color-ink);background:var(--color-canvas);font-family:Aptos,Söhne,Segoe UI Variable,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-canvas)}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.file-picker:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.topbar div{display:flex;align-items:baseline;gap:10px}.topbar strong{font-size:1rem;letter-spacing:-.01em}.topbar span{color:var(--color-muted);font-size:.9rem}.topbar-meta{justify-content:flex-end;flex-wrap:wrap}.topbar-meta span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-ink);font-size:.78rem;font-weight:650}.intro-panel{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:end;margin-bottom:24px}.context-line{margin:0 0 10px;color:var(--color-primary);font-size:.92rem;font-weight:700}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:12px;font-size:clamp(2.15rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.035em;text-wrap:balance}h2{margin-bottom:6px;font-size:1.25rem;line-height:1.18;letter-spacing:-.02em}p{color:var(--color-muted);line-height:1.55}.intro-panel p{max-width:720px;margin-bottom:0}.status-summary,.panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.status-summary{display:flex;gap:12px;align-items:center;padding:16px}.status-summary small,dt{display:block;color:var(--color-muted);font-size:.78rem}.status-summary strong,dd{color:var(--color-ink);font-weight:750;text-transform:capitalize}.state-dot,.stage-marker{flex:0 0 auto;width:13px;height:13px;border:2px solid var(--color-border);border-radius:999px;background:var(--color-surface)}.state-dot.upload_received,.state-dot.asr_running{border-color:var(--color-warning);background:var(--color-warning)}.state-dot.needs_review,.state-dot.succeeded{border-color:var(--color-primary);background:var(--color-primary)}.state-dot.failed,.state-dot.cancelled{border-color:var(--color-danger);background:var(--color-danger)}.workspace-grid,.lower-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:18px;margin-bottom:18px}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)}.panel{padding:20px}.panel-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header p{max-width:56ch;margin-bottom:0;font-size:.95rem}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:28px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-family:SFMono-Regular,Cascadia Mono,monospace;font-size:.78rem}.file-picker{display:grid;gap:6px;min-height:132px;margin-bottom:16px;padding:18px;border:1px dashed var(--color-primary);border-radius:var(--radius-control);background:var(--color-surface-muted);cursor:pointer}.file-picker span{align-self:end;color:var(--color-ink);font-weight:750}.file-picker small{align-self:start;color:var(--color-muted)}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}button{width:100%;min-height:46px;border:1px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-primary);color:#fff;cursor:pointer;font-weight:750;transition:background-color .16s ease,border-color .16s ease}button:hover:not(:disabled){border-color:var(--color-primary-strong);background:var(--color-primary-strong)}button:disabled{cursor:wait;opacity:.68}.error-message{margin:12px 0 0;color:var(--color-danger);font-weight:700}.stage-list{display:grid;gap:10px;margin:0 0 18px;padding:0;list-style:none}.stage-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.stage-row p{margin:3px 0 0;font-size:.9rem}.stage-row em{color:var(--color-muted);font-size:.78rem;font-style:normal;font-weight:700;text-transform:capitalize}.stage-row.active{border-color:var(--color-warning);background:#fdf1e4}.stage-row.active .stage-marker{border-color:var(--color-warning);background:var(--color-warning)}.stage-row.complete{border-color:#a2c0ab;background:#ecf8ef}.stage-row.complete .stage-marker{border-color:var(--color-primary);background:var(--color-primary)}.stage-row.failed{border-color:#cd9589;background:#fff0ec;background:oklch(.965 .02 32)}.stage-row.failed .stage-marker{border-color:var(--color-danger);background:var(--color-danger)}.job-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.job-facts div{min-width:0;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-muted)}dd{margin:4px 0 0;overflow-wrap:anywhere}.artifact-list{display:grid;gap:10px}.artifact-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-ink);text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.artifact-link:hover{border-color:var(--color-primary);background:var(--color-surface-muted)}.artifact-link span{font-weight:750}.artifact-link small{color:var(--color-muted);text-align:right}.empty-state{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-muted)}.empty-state p{margin:6px 0 0}.safety-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.safety-list li{padding:12px 0;border-top:1px solid var(--color-border);color:var(--color-muted);line-height:1.45}.safety-list li:first-child{border-top:0;padding-top:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:860px){.app-shell{width:min(100% - 24px,680px);padding-top:16px}.topbar,.topbar div,.intro-panel,.workspace-grid,.lower-grid,.job-facts{grid-template-columns:1fr}.topbar{display:grid;align-items:start;padding-bottom:14px}.topbar-meta{justify-content:start}.intro-panel{display:grid}h1{font-size:2.35rem}.panel{padding:16px}.stage-row,.artifact-link{grid-template-columns:16px minmax(0,1fr)}.stage-row em,.artifact-link small{grid-column:2;text-align:left}}