:root{color:#17211b;background:#f5f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.mode-rail{background:#17211b;color:#f8faf7;display:flex;flex-direction:column;gap:28px;padding:24px}.brand-block{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:#ffcf5a;border-radius:8px;color:#17211b;display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.brand-block h1,.brand-block p,.topbar h2,.topbar p{margin:0}.brand-block h1{font-size:22px}.brand-block p{color:#b8c5bd;font-size:13px;margin-top:2px}.mode-list{display:grid;gap:10px}.mode-button{align-items:center;background:transparent;border:1px solid #34443a;border-radius:8px;color:#f8faf7;display:flex;gap:12px;min-height:68px;padding:12px;text-align:left}.mode-button.active{background:#244e44;border-color:#55b79f}.mode-button strong,.mode-button small{display:block}.mode-button small{color:#bac8c0;font-size:12px;margin-top:3px}.workspace{align-content:start;display:grid;gap:16px;padding:24px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.eyebrow{color:#587067;font-size:13px;font-weight:700}.topbar h2{font-size:28px;line-height:1.15;margin-top:4px}.topbar h2 span{color:#0f8b8d}.status-cluster{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-pill{align-items:center;background:#fff;border:1px solid #d9ded8;border-radius:999px;color:#26352d;display:inline-flex;font-size:13px;gap:6px;min-height:34px;padding:6px 10px;white-space:nowrap}.status-pill.action{cursor:pointer}.status-pill.action:hover,.status-pill.running{border-color:#55b79f;color:#116452}.status-pill.error{border-color:#db8d8d;color:#9f2e2e}.control-strip{align-items:center;background:#fff;border:1px solid #dfe4de;border-radius:8px;display:flex;flex-wrap:wrap;gap:14px;min-height:58px;padding:10px 12px}.icon-button,.primary,.secondary{align-items:center;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.icon-button.compact{height:34px;min-height:34px;padding:0;width:34px}.secondary.compact-text{font-size:13px;min-height:34px;padding:0 10px}.icon-button,.secondary{background:#f5f6f3;border:1px solid #d8ded7;color:#1f2f27}.toggle{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.language-field,.server-field{align-items:center;display:inline-flex;gap:8px}.language-field span,.server-field span{color:#587067;font-size:13px;font-weight:700}.language-field select,.server-field input{background:#f8faf7;border:1px solid #d8ded7;border-radius:8px;color:#1f2f27;min-height:42px;padding:0 10px}.language-field select{min-width:138px}.server-field input{width:min(210px,54vw)}.api-panel{align-items:center;background:#fff;border:1px solid #dfe4de;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;min-height:58px;padding:10px 12px}.api-title{align-items:center;color:#203029;display:inline-flex;gap:8px;min-width:170px}.api-title span{color:#60746a;font-size:12px;font-weight:800}.api-title strong{font-size:15px;white-space:nowrap}.api-mode-control{grid-template-columns:repeat(3,minmax(104px,1fr))}.api-facts{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.api-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:100%}.api-settings{align-items:center;border-top:1px solid #eef2ee;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;width:100%}.api-key-field{align-items:center;display:inline-flex;gap:8px;min-width:min(320px,100%)}.api-key-field span{color:#60746a;font-size:12px;font-weight:800;white-space:nowrap}.api-key-field input{background:#f8faf7;border:1px solid #d8ded7;border-radius:8px;color:#1f2f27;min-height:38px;min-width:0;padding:0 10px;width:100%}.api-facts span,.api-note{align-items:center;background:#f5f6f3;border:1px solid #d8ded7;border-radius:999px;color:#50635a;display:inline-flex;font-size:12px;font-weight:800;gap:5px;min-height:30px;padding:5px 8px;white-space:nowrap}.api-note{background:#fff9e7;border-color:#e3c76d;color:#725a10;font-style:normal}.segmented-control{background:#eef2ee;border:1px solid #d8ded7;border-radius:8px;display:inline-grid;grid-template-columns:repeat(2,minmax(84px,1fr));min-height:42px;overflow:hidden}.segmented-control.three{grid-template-columns:repeat(3,minmax(76px,1fr))}.segment{align-items:center;background:transparent;border:0;color:#43554b;display:inline-flex;gap:6px;font-weight:700;justify-content:center;padding:0 12px;white-space:nowrap}.segment.active{background:#fff;color:#0f6d6f}.toggle input{accent-color:#0f8b8d;height:18px;width:18px}.connection-stack{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-left:auto}.connection-text{color:#66756e;font-size:14px}.room-panel{align-items:center;background:#fff;border:1px solid #dfe4de;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(180px,1fr) auto minmax(180px,260px);min-height:64px;padding:10px 12px}.room-field{display:grid;gap:4px}.room-field span{color:#60746a;font-size:12px;font-weight:700}.room-field input{border:1px solid #d8ded7;border-radius:8px;color:#1f2f27;min-height:38px;min-width:0;padding:0 10px}.room-actions{display:flex;flex-wrap:wrap;gap:8px}.room-summary{background:#f5f6f3;border:1px solid #d8ded7;border-radius:8px;min-width:0;padding:8px 10px}.room-summary.ready{border-color:#55b79f}.room-summary span,.room-summary strong,.room-summary small{display:block}.room-summary span,.room-summary small{color:#60746a;font-size:12px}.room-summary strong{color:#203029;font-size:15px;margin:2px 0;overflow-wrap:anywhere}.call-panel{align-items:center;background:#fff;border:1px solid #dfe4de;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(180px,260px) minmax(240px,1fr) auto;min-height:64px;padding:10px 12px}.call-summary{background:#f5f6f3;border:1px solid #d8ded7;border-radius:8px;min-width:0;padding:8px 10px}.call-summary span,.call-summary strong,.call-summary small{display:block}.call-summary span,.call-summary small{color:#60746a;font-size:12px}.call-summary strong{color:#203029;font-size:15px;margin:2px 0;overflow-wrap:anywhere}.call-link-field{display:grid;gap:4px;min-width:0}.call-link-field span{color:#60746a;font-size:12px;font-weight:700}.call-link-field input{border:1px solid #d8ded7;border-radius:8px;color:#1f2f27;min-height:38px;min-width:0;overflow:hidden;padding:0 10px;text-overflow:ellipsis}.term-panel{background:#fff;border:1px solid #dfe4de;border-radius:8px;display:grid;gap:12px;padding:12px}.term-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.term-header span,.term-header strong,.term-header em{display:block}.term-header span{color:#60746a;font-size:12px;font-weight:800}.term-header strong{color:#203029;font-size:15px;margin-top:2px}.term-header em{background:#fff9e7;border:1px solid #e3c76d;border-radius:999px;color:#725a10;font-size:12px;font-style:normal;font-weight:800;padding:4px 8px;white-space:nowrap}.term-form{display:grid;gap:8px;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto}.term-form input{border:1px solid #d8ded7;border-radius:8px;color:#1f2f27;min-height:38px;min-width:0;padding:0 10px}.term-list{display:grid;gap:8px}.term-card{align-items:center;border-top:1px solid #eef2ee;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding-top:8px}.term-card:first-child{border-top:0;padding-top:0}.term-card.disabled{opacity:.6}.term-card p,.term-card strong{display:block;margin:0}.term-card p{color:#60746a;font-size:14px}.term-card strong{color:#203029;font-size:16px;margin-top:3px;overflow-wrap:anywhere}.term-actions{display:flex;gap:6px}.subtitle-stage{background:#111815;border-radius:8px;color:#f8faf7;display:grid;gap:20px;grid-template-rows:auto 1fr auto;min-height:420px;padding:22px}.subtitle-header{align-items:center;display:flex;justify-content:space-between}.subtitle-header p,.subtitle-header strong{display:block;margin:0}.subtitle-header p{color:#a9bab0;font-size:13px}.subtitle-header span{background:#ffcf5a;border-radius:999px;color:#17211b;font-size:13px;font-weight:800;padding:6px 10px}.subtitle-lines{align-content:end;display:grid;gap:14px}.empty-state{align-items:center;align-self:center;color:#c6d2ca;display:grid;gap:12px;justify-items:center;margin:0 auto;max-width:360px;text-align:center}.empty-state p{line-height:1.6;margin:0}.subtitle-line{border-left:4px solid #55b79f;padding-left:14px}.speaker-tag{align-items:center;background:#ffcf5a;border-radius:999px;color:#17211b;display:inline-flex;font-size:12px;font-weight:900;height:24px;justify-content:center;margin-bottom:8px;width:24px}.subtitle-line p,.subtitle-line strong{display:block;margin:0}.subtitle-line p{color:#b9c6bf;font-size:calc(20px * var(--caption-scale, 1));line-height:1.35}.subtitle-line strong{color:#fff;font-size:calc(34px * var(--caption-scale, 1));line-height:1.2;margin-top:8px}.subtitle-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.caption-size-buttons{display:flex;gap:4px}.caption-size-buttons button,.clear-history-btn{background:#232a26;color:#b9c6bf;border:1px solid #2a3a31;border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer;min-height:32px}.caption-size-buttons button.active{background:#4f8cff;color:#fff;border-color:#4f8cff}.partial-line{align-items:center;background:#1e2a24;border:1px solid #2f4137;border-radius:8px;display:flex;gap:12px;min-height:54px;padding:10px 12px}.partial-line span{color:#ffcf5a;font-size:13px;font-weight:800}.partial-line p{color:#c6d2ca;margin:0}.playback-panel{align-items:center;background:#fff;border:1px solid #dfe4de;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto;min-height:64px;padding:12px}.playback-title{align-items:center;color:#203029;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.playback-title span{color:#60746a;font-size:13px;font-weight:800}.playback-title strong{background:#e8f5f1;border-radius:999px;color:#116452;font-size:12px;padding:4px 8px;white-space:nowrap}.playback-title em{background:#fff9e7;border:1px solid #e3c76d;border-radius:999px;color:#725a10;font-size:12px;font-style:normal;font-weight:800;padding:4px 8px;white-space:nowrap}.playback-panel p{color:#203029;font-weight:800;margin:0;min-width:0;overflow-wrap:anywhere}.playback-actions{display:flex;gap:6px;justify-content:flex-end}.playback-meta{display:flex;flex-wrap:wrap;gap:6px;grid-column:2 / -1;justify-content:flex-end}.playback-meta span{background:#f5f6f3;border:1px solid #d8ded7;border-radius:999px;color:#50635a;font-size:12px;font-weight:700;padding:5px 8px;white-space:nowrap}.notice{align-items:center;border-radius:8px;display:flex;gap:10px;padding:12px 14px}.notice strong{font-size:13px}.notice span{min-width:0}.notice.error{background:#fff1f1;border:1px solid #e6a3a3;color:#8d2929}.notice.warning{background:#fff9e7;border:1px solid #e3c76d;color:#725a10}.metrics-row{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.metrics-row div{background:#fff;border:1px solid #dfe4de;border-radius:8px;padding:12px}.metrics-row span,.metrics-row strong{display:block}.metrics-row span{color:#60746a;font-size:12px}.metrics-row strong{font-size:22px;margin-top:4px}.history-panel{background:#fff;border:1px solid #dfe4de;border-radius:8px;display:grid;gap:12px;padding:12px}.history-header{align-items:center;display:flex;justify-content:space-between}.history-header span{color:#60746a;font-size:12px;font-weight:800}.history-header strong{background:#e8f5f1;border-radius:999px;color:#116452;font-size:12px;padding:4px 8px}.history-list{display:grid;gap:8px}.history-item{align-items:start;border-top:1px solid #eef2ee;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding-top:8px}.history-item:first-child{border-top:0;padding-top:0}.history-item p,.history-item strong{display:block;margin:0}.history-item p{color:#60746a;font-size:14px}.history-item strong{color:#203029;font-size:16px;margin-top:3px;overflow-wrap:anywhere}.capture-panel{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.capture-panel div{background:#fff;border:1px solid #dfe4de;border-radius:8px;min-width:0;padding:12px}.capture-panel span,.capture-panel strong{display:block}.capture-panel span{color:#60746a;font-size:12px}.capture-panel strong{color:#203029;font-size:17px;line-height:1.25;margin-top:4px;overflow-wrap:anywhere}.action-bar{align-items:center;display:flex;gap:10px}.primary{background:#0f8b8d;border:1px solid #0f8b8d;color:#fff;font-weight:800;min-width:158px}.primary.danger{background:#bc4749;border-color:#bc4749}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.mode-rail{gap:16px;padding:16px}.mode-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-button{min-height:76px}.workspace{padding:16px}.topbar,.control-strip,.api-panel,.room-panel,.call-panel,.playback-panel,.action-bar{align-items:stretch;flex-direction:column}.room-panel,.call-panel,.playback-panel,.term-form,.term-card{grid-template-columns:1fr}.term-actions{justify-content:flex-start}.playback-meta{grid-column:auto;justify-content:flex-start}.status-cluster,.connection-stack,.segmented-control{justify-content:flex-start;margin-left:0}.segmented-control,.api-title,.api-facts,.api-key-field{width:100%}.subtitle-line strong{font-size:calc(28px * var(--caption-scale, 1))}.metrics-row{grid-template-columns:repeat(3,minmax(0,1fr))}.capture-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mode-list{grid-template-columns:1fr}.topbar h2{font-size:24px}.subtitle-stage{min-height:380px;padding:16px}.subtitle-line p{font-size:calc(17px * var(--caption-scale, 1))}.subtitle-line strong{font-size:calc(24px * var(--caption-scale, 1))}.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-panel{grid-template-columns:1fr}}