:root{--bg0: #07080a;--bg1: #0c0e12;--bg2: #12151c;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .12);--text: #e6e8ec;--muted: #8b9199;--dim: #5c636d;--accent: #3ee8b6;--accent-dim: rgba(62, 232, 182, .12);--warn: #f5a623;--fast: #9aa7b8;--slow: #f0f2f5;--err: #ff6b6b;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 6px;--shadow: 0 24px 80px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg0);background-image:linear-gradient(165deg,rgba(62,232,182,.03) 0%,transparent 42%),radial-gradient(ellipse 120% 80% at 50% -30%,rgba(62,120,200,.08),transparent),linear-gradient(var(--bg0),var(--bg0))}#root{min-height:100vh}.shell{max-width:1080px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;gap:1.25rem}.shell__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.shell__brand{display:flex;flex-direction:column;gap:.2rem}.shell__title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;margin:0}.shell__subtitle{margin:0;font-size:.75rem;color:var(--dim);font-family:var(--mono);letter-spacing:.02em}.shell__status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;max-width:min(100%,28rem);padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line2);background:var(--bg2);font-size:.72rem;font-family:var(--mono);color:var(--muted);line-height:1.35}.shell__status-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);box-shadow:0 0 10px transparent}.shell__status-dot--idle{background:var(--dim)}.shell__status-dot--busy{background:var(--warn);box-shadow:0 0 12px #f5a62373;animation:pulse 1.4s ease-in-out infinite}.shell__status-dot--ok{background:var(--accent);box-shadow:0 0 12px #3ee8b659}.shell__status-dot--err{background:var(--err);box-shadow:0 0 12px #ff6b6b66}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--bg1) 0%,var(--bg0) 100%);box-shadow:var(--shadow);overflow:hidden}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--line);background:#ffffff05;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-family:var(--mono)}.panel__head-meta{font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--muted);font-size:.65rem;max-width:min(100%,22rem);text-align:right;line-height:1.35}.panel__body{padding:1rem}.panel__body--tight{padding:.75rem 1rem}.panel__body--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.85rem 1rem;align-items:end}.toggle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted);cursor:pointer;grid-column:1 / -1}.toggle input{accent-color:var(--accent)}.text-input-block{margin-top:1rem;display:flex;flex-direction:column;gap:.65rem}.run-hint{margin:.75rem 0 0}.help{margin:0;font-size:.8rem;color:var(--muted);line-height:1.55}.help code{font-family:var(--mono);font-size:.78em;padding:.1em .35em;border-radius:4px;background:#ffffff0f;color:var(--text)}.details{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg1)}.details__summary{padding:.65rem 1rem;cursor:pointer;font-size:.8rem;color:var(--muted);list-style:none;font-family:var(--mono)}.details__summary::-webkit-details-marker{display:none}.details__summary:before{content:"▸ ";color:var(--accent)}details[open] .details__summary:before{content:"▾ "}.details__body{padding:0 1rem 1rem;border-top:1px solid var(--line)}.details__body .help+.help{margin-top:.65rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}.toolbar__grow{flex:1;min-width:140px}.field{display:flex;flex-direction:column;gap:.3rem}.field__label{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-family:var(--mono)}.btn{font-family:var(--font);font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--line2);background:var(--bg2);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.btn:hover:not(:disabled){border-color:#3ee8b659;background:#3ee8b60f}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--accent{border-color:#3ee8b673;background:var(--accent-dim);color:var(--accent)}.btn--accent:hover:not(:disabled){background:#3ee8b62e;border-color:var(--accent)}.btn--danger{border-color:#ff6b6b59;color:var(--err)}.btn--danger:hover:not(:disabled){background:#ff6b6b14}.btn--ghost{border-color:transparent;background:transparent;color:var(--muted);padding:.25rem .5rem}.btn--ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.btn--sm{font-size:.75rem;padding:.35rem .65rem}.btn-stack{display:flex;flex-direction:column;align-items:stretch;gap:.2rem}.btn-stack .btn{white-space:nowrap}.btn-stack__cap{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:var(--dim);text-transform:uppercase}.select{font-family:var(--mono);font-size:.8rem;padding:.45rem .65rem;border-radius:var(--radius);border:1px solid var(--line2);background:var(--bg0);color:var(--text);min-width:9rem}.select:disabled{opacity:.4}.textarea{width:100%;min-height:88px;resize:vertical;font-family:var(--mono);font-size:.8125rem;line-height:1.45;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid var(--line2);background:var(--bg0);color:var(--text)}.textarea::placeholder{color:var(--dim)}.textarea:focus{outline:none;border-color:#3ee8b666;box-shadow:0 0 0 1px #3ee8b626}.stream{display:flex;flex-direction:column;gap:1rem}.stream__block{position:relative;padding:.85rem 1rem .85rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg0)}.stream__block--fast{border-left:3px solid rgba(154,167,184,.5)}.stream__block--slow{border-left:3px solid var(--accent);background:linear-gradient(90deg,var(--accent-dim) 0%,var(--bg0) 48%)}.stream__label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.stream__tag{font-family:var(--mono);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.stream__hint{font-size:.65rem;color:var(--dim);font-family:var(--mono)}.stream__text{font-size:.95rem;line-height:1.55;min-height:1.5em;word-break:break-word}.stream__text--fast{color:var(--fast)}.stream__text--slow{color:var(--slow);font-weight:500}.speaker-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:4px;font-family:var(--mono);font-size:.7rem;color:var(--warn);border:1px solid rgba(245,166,35,.25);background:#f5a6230f;margin-bottom:.5rem}.metrics{font-family:var(--mono);font-size:.7rem;color:var(--dim);padding-top:.25rem;border-top:1px dashed var(--line);margin-top:.25rem}.alert{padding:.65rem .85rem;border-radius:var(--radius);border:1px solid rgba(255,107,107,.35);background:#ff6b6b0f;color:#ffb4b4;font-size:.8rem;line-height:1.45}.alert--flex{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.alert__msg{flex:1;min-width:0}.shell-footer{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.shell-footer__mono{font-family:var(--mono);font-size:.65rem;color:var(--dim);letter-spacing:.02em;line-height:1.45}.btn:focus-visible,.select:focus-visible,.textarea:focus-visible,.details__summary:focus-visible{outline:2px solid rgba(62,232,182,.45);outline-offset:2px}.hintline{font-size:.75rem;color:var(--muted);font-family:var(--mono)}.hintline--accent{color:var(--accent)}