@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/demo/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/demo/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/demo/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/demo/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/demo/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/demo/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}:root{color-scheme:dark;--bg: #0f1317;--surface: #141a20;--surface-quiet: #12171d;--surface-sunken: #10161b;--code-bg: #0a0e12;--hairline: #1c242c;--border: #242d37;--border-strong: #2a343f;--border-hover: #3a4754;--fg: #e7ecf1;--fg-quiet: #c3ccd4;--muted: #8b98a5;--faint: #5c6975;--fainter: #3d4854;--accent: #c6f24e;--accent-hover: #dcff7a;--on-accent: #0f1317;--ok: #4cc38a;--ok-bg: #12301f;--info: #6cb2f5;--info-bg: #14263a;--warn: #f0b429;--bad: #e5534b;--bad-bg: #361713;--neutral-bg: #1c242c;--banner-bg: #231114;--banner-border: #57231f;--banner-fg: #f0b4ad;--font-sans: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 6px;--radius: 9px;--radius-lg: 14px;--pill: 99px}::selection{background:var(--accent);color:var(--on-accent)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;flex-direction:column}.mono{font-family:var(--font-mono)}.dim{color:var(--muted)}.faint{color:var(--faint)}.bad{color:var(--bad)}.ok{color:var(--ok)}.header{border-bottom:1px solid var(--hairline)}.header-inner{max-width:1280px;margin:0 auto;padding:0 28px;height:60px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;white-space:nowrap}.brand-mark{width:11px;height:11px;border-radius:2px;background:var(--accent)}a.brand{color:var(--fg);text-decoration:none}a.brand:hover .brand-mark{background:var(--accent-hover)}.site-links{display:flex;gap:14px;align-items:center;padding-right:14px;border-right:1px solid var(--border);font-size:13px}.site-links a{color:var(--muted);text-decoration:none}.site-links a:hover{color:var(--fg)}.tabs{display:flex;gap:4px;align-self:stretch}.tab{height:100%;padding:0 16px;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;font-size:13.5px;cursor:pointer}.tab:hover{color:var(--fg)}.tab.active{color:var(--fg);font-weight:600;border-bottom-color:var(--accent)}.session{margin-left:auto;display:flex;align-items:center;gap:14px}.keychip{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);background:var(--neutral-bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:3px 10px}.disconnect{border:none;background:none;padding:0;font-family:var(--font-mono);font-size:11.5px;color:var(--faint);cursor:pointer}.disconnect:hover{color:var(--bad)}.not-connected{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}.btn{font:inherit;font-size:14px;font-weight:600;border:none;border-radius:var(--radius);padding:10px 22px;background:var(--accent);color:var(--on-accent);cursor:pointer}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn.secondary{background:none;border:1px solid var(--border-strong);color:var(--fg);font-weight:500}.btn.secondary:hover:not(:disabled){background:var(--neutral-bg)}.btn.small{font-size:13px;font-weight:500;padding:5px 16px;border-radius:7px}.btn:disabled{opacity:.45;cursor:default}.btn.link{background:none;border:none;padding:0;color:var(--accent);font-weight:500;font-size:13px}.btn.link:hover:not(:disabled){color:var(--accent-hover);background:none}.connect-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 28px}.connect{width:440px;max-width:100%}.connect h1{margin:0 0 8px;font-size:26px;font-weight:600;letter-spacing:-.02em}.connect>p{margin:0 0 24px;font-size:14px;line-height:1.6;color:var(--muted)}.field-label{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--faint)}.key-input{width:100%;margin-bottom:6px;padding:11px 14px;background:var(--code-bg);border:1px solid var(--border-strong);border-radius:8px;color:var(--fg);font-family:var(--font-mono);font-size:13px}.key-input:focus{outline:none;border-color:var(--accent)}.secret-warning{margin:0 0 16px;font-size:12px;line-height:1.5;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.terms{margin:14px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--faint)}.connect-footnote{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--faint)}.workspace{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 28px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.stack{flex:1.7;min-width:480px;display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-body{padding:20px 22px}.card-note{padding:9px 18px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--faint)}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--faint)}.card-body>.section-label{display:block;margin-bottom:12px}.connect .banner{margin-top:16px}.banner{background:var(--banner-bg);border:1px solid var(--banner-border);border-radius:12px;padding:14px 18px;font-size:13.5px;line-height:1.6;color:var(--banner-fg)}.banner p{margin:0}.dropzone{background:var(--surface-quiet);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;transition:border-color .15s}.dropzone.over{border-color:var(--accent)}.dropzone p{margin:0 0 6px;font-size:16px}.browse{color:var(--accent);cursor:pointer}.browse:hover{color:var(--accent-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.allowance{margin:0;font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}.upload-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:14px;font-weight:500}.upload-head .pct{font-family:var(--font-mono);font-size:12.5px;font-weight:400;color:var(--accent)}.upload-head .pct.paused{color:var(--muted)}.progress{height:6px;background:var(--neutral-bg);border-radius:var(--pill);overflow:hidden}.progress .bar{height:100%;background:var(--accent);border-radius:var(--pill);transition:width .3s}.progress .bar.paused{background:var(--muted)}.upload-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.upload-actions .hint{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--faint)}.codeblock{position:relative;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;color:var(--fg-quiet);overflow-x:auto}.codeblock-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:11px;letter-spacing:.05em;color:var(--faint)}.codeblock pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit}.codeblock .comment{color:var(--faint)}.copy{border:none;background:none;padding:0;font:inherit;font-size:11px;color:var(--accent);cursor:pointer}.copy:hover{color:var(--accent-hover)}.copy-rows{display:flex;flex-direction:column;gap:2px}.copy-row{display:flex;gap:10px;align-items:baseline}.copy-row .label{width:42px;flex:none;color:var(--faint)}.copy-row .value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{border-top:1px solid var(--hairline);margin:10px 0}.queue-table{width:100%;border-collapse:collapse;font-size:12.5px}.queue-table th{padding:10px 18px;border-bottom:1px solid var(--border);text-align:left;font-family:var(--font-mono);font-size:10.5px;font-weight:400;letter-spacing:.05em;color:var(--faint)}.queue-table td{padding:12px 18px;vertical-align:middle}.queue-table tbody tr{cursor:pointer}.queue-table tbody tr:hover{background:var(--surface-quiet)}.queue-table tbody tr.selected{background:var(--surface-quiet);box-shadow:inset 2px 0 0 var(--accent)}.queue-table td.id,.queue-table td.progress-cell,.queue-table td.retries{font-family:var(--font-mono);color:var(--muted)}.queue-table .empty{color:var(--muted);line-height:1.6;font-family:var(--font-sans);cursor:default}.queue-table tbody tr.empty-row:hover{background:none}.badge{display:inline-block;border-radius:var(--pill);padding:2px 10px;font-family:var(--font-mono);font-size:11px;background:var(--neutral-bg);color:var(--muted)}.badge[data-tone=info]{background:var(--info-bg);color:var(--info)}.badge[data-tone=ok]{background:var(--ok-bg);color:var(--ok)}.badge[data-tone=bad]{background:var(--bad-bg);color:var(--bad)}.badge[data-tone=muted]{background:var(--neutral-bg);color:var(--faint)}.failure{margin-top:4px;font-size:11.5px;color:var(--bad)}.hooks{display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:12.5px}.hooks .delivery{display:flex;gap:14px;flex-wrap:wrap}.hooks-note{margin:0;font-family:var(--font-sans);font-size:13px;line-height:1.6;color:var(--muted)}.player{display:block;width:100%;max-height:60vh;background:#000}.player-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border)}.levels{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--border-strong);border-radius:var(--pill);padding:3px 12px;background:none;color:var(--muted);font-family:var(--font-mono);font-size:11.5px;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--fg)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}.ladder-note{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--faint)}.thumbs{display:flex;gap:14px;flex-wrap:wrap}.thumb{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.thumb figure{margin:0}.thumb figcaption{margin-bottom:10px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;color:var(--faint)}.thumb img{display:block;width:100%;border-radius:var(--radius-sm);background:var(--surface-sunken)}.thumb-pending{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:var(--surface-sunken)}.callpanel{flex:1;min-width:320px;max-width:420px;position:sticky;top:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.callpanel-head{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border)}.callpanel-head .pulse{width:6px;height:6px;border-radius:var(--pill);background:var(--ok);animation:pulse 2.4s infinite}.callpanel-head h2{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.05em;color:var(--muted)}.callpanel-head .order{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--faint)}.callpanel ul{list-style:none;margin:0;padding:12px 16px;display:flex;flex-direction:column;gap:9px;max-height:calc(100vh - 140px);overflow-y:auto}.call-row{display:flex;gap:10px;width:100%;border:none;background:none;padding:0;text-align:left;font-family:var(--font-mono);font-size:12px;color:var(--fg-quiet);cursor:pointer}.call-row .status{flex:none;width:26px;color:var(--ok)}.call-row .status.bad{color:var(--bad)}.call-row .path{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-row .at{flex:none;color:var(--faint)}.call-note{display:flex;gap:10px;font-family:var(--font-mono);font-size:11.5px;line-height:1.55;color:var(--faint)}.call-curl{background:var(--surface-sunken);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:var(--muted)}.call-curl .codeblock-head{margin-bottom:2px}.call-curl pre{margin:0;font:inherit;white-space:pre-wrap;word-break:break-all}.callpanel .empty{margin:0;font-family:var(--font-mono);font-size:11.5px;color:var(--faint)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.callpanel-head .pulse{animation:none}.progress .bar{transition:none}}.check{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:12.5px;cursor:pointer}.check input{accent-color:var(--accent);cursor:pointer;width:15px;height:15px;margin:0}.check input:disabled{cursor:not-allowed}.hint{margin:8px 0 0;font-family:var(--font-sans);font-size:12.5px;line-height:1.6;color:var(--faint)}.hint .mono{color:var(--muted)}.transcript-text{max-height:260px;overflow-y:auto;line-height:1.65}@media(max-width:940px){.stack{min-width:100%}.callpanel{position:static;max-width:100%}.header-inner{height:auto;padding:12px 18px;gap:16px;flex-wrap:wrap}.tab{padding:6px 12px}.workspace{padding:18px}}