:root{--bg:#f5f7fb;--surface:#fff;--soft:#f2f4f7;--text:#475467;--text-strong:#101828;--muted:#667085;--border:#d0d5dd;--border-strong:#98a2b3;--primary:#175cd3;--button-bg:#f9fafb;--input-bg:#fff;--code-bg:#eaecf0;--focus:#84caff;--shadow:0 14px 28px #10182814;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--text);background:var(--bg);font:18px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--bg:#0c111d;--surface:#161b26;--soft:#1f242f;--text:#d0d5dd;--text-strong:#f9fafb;--muted:#98a2b3;--border:#333741;--border-strong:#667085;--primary:#2e90fa;--button-bg:#1f242f;--input-bg:#0c111d;--code-bg:#333741;--focus:#53b1fd;--shadow:0 14px 28px #0000004d}}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.editor-shell{box-sizing:border-box;flex-direction:column;gap:12px;height:100svh;min-height:0;padding:12px;display:flex;overflow:hidden}.top-bar,.document-pane,.activity-pane,.activity-rail,.error-banner{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px}.top-bar{grid-template-columns:minmax(170px,.45fr) minmax(320px,1.4fr) minmax(360px,auto);align-items:center;gap:14px;padding:10px 14px;display:grid}.title-group h1,.title-group p{margin:0}.document-title-row{align-items:baseline;gap:14px;min-width:0;display:flex}.title-group h1{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(24px,2.6vw,36px);line-height:1.05}.document-title-row p{color:var(--muted);white-space:nowrap;font-size:clamp(14px,1.3vw,18px)}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.status-stack{gap:6px;min-width:0;display:grid}.status-pill{border:2px solid var(--status-border);min-height:44px;color:var(--text-strong);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:7px 14px;font-size:18px;font-weight:800;display:inline-flex}.mic-level{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:8px;font-size:11px;font-weight:800;display:grid}.mic-level-track{border:1px solid var(--border-strong);background:var(--button-bg);border-radius:999px;height:8px;overflow:hidden}.mic-level-fill{border-radius:inherit;background:linear-gradient(90deg,#177245,#fdb022);width:0;height:100%;transition:width 80ms linear}.status-dot{background:currentColor;border-radius:999px;width:12px;height:12px}.status-idle,.status-disconnected{--status-border:var(--border-strong)}.status-connecting,.status-processing,.status-calling_tool{--status-border:#925d00}.status-connected,.status-listening{--status-border:#177245}.status-user_speaking,.status-speaking{--status-border:#005a9e}.status-waiting_for_confirmation{--status-border:#7442c8}.status-error{--status-border:#b42318}.top-actions,.toggle-group,.manual-load{align-items:center;gap:12px;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions button{min-height:46px}button,input,select{border:2px solid var(--border-strong);min-height:44px;font:inherit;border-radius:16px;padding:8px 14px}button{color:var(--text-strong);background:var(--button-bg);cursor:pointer;font-weight:800;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,opacity .12s}button:not(:disabled):hover{border-color:var(--primary);box-shadow:0 6px 18px #0f172a1f}button:not(:disabled):active{transform:translateY(1px)scale(.98);box-shadow:inset 0 2px 6px #0f172a2e}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--focus);outline-offset:3px}button.primary{color:#fff;background:var(--primary);border-color:var(--primary)}.manual-load{grid-template-columns:1fr auto;gap:8px;padding:0;display:grid}.login-panel{border:1px solid var(--border);background:var(--soft);border-radius:18px;gap:10px;padding:12px;display:grid}.auth-status{border:1px solid var(--border-strong);text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.auth-authenticated{color:#05603a;background:#ecfdf3;border-color:#039855}.auth-error{color:#912018;background:#fffbfa;border-color:#d92d20}.auth-message,.auth-details{color:var(--muted);margin:0;font-size:13px}.auth-details{color:var(--text-strong)}.login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.login-grid label{color:var(--text-strong);gap:4px;font-size:13px;font-weight:800;display:grid}.login-grid input{background:var(--input-bg);min-width:0;min-height:38px;color:var(--text-strong);padding:6px 10px}.password-field{grid-column:1/-1}.login-actions{flex-wrap:wrap;gap:8px;display:flex}.login-actions button{min-height:38px;padding:6px 12px}.manual-load label{color:var(--text-strong);grid-column:1/-1;font-weight:800}.manual-load input{background:var(--input-bg);min-width:0;color:var(--text-strong)}.error-banner{color:#7a271a;background:#fffbfa;border-color:#fecdca;padding:12px 14px;font-weight:800}.content-grid{flex:auto;grid-template-columns:minmax(0,1fr) minmax(360px,.42fr);gap:12px;height:auto;min-height:0;display:grid}.content-grid.activity-collapsed{grid-template-columns:minmax(0,1fr) 54px}.document-pane,.activity-pane{flex-direction:column;min-height:0;display:flex}.pane-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.pane-header h2,.pane-header p,.activity-pane h2,.activity-pane h3{margin:0}.pane-header p{color:var(--muted)}.toggle-group{border:1px solid var(--border);background:var(--button-bg);border-radius:18px;padding:6px}.toggle-group button{background:0 0;border-color:#0000;min-height:48px}.toggle-group button.selected{color:#fff;background:var(--primary)}.markdown-source,.document-rendered,.rendered-markdown{text-align:left;flex:1;min-height:0;margin:0;padding:28px;font-size:clamp(22px,2.3vw,32px);line-height:1.5;overflow:auto}.document-rendered{box-sizing:border-box;width:100%;color:var(--text-strong);align-self:stretch}.markdown-source{white-space:pre-wrap;font-family:var(--mono);color:var(--text-strong)}.document-rendered h1,.document-rendered h2,.document-rendered h3,.document-rendered h4,.document-rendered h5,.document-rendered h6,.rendered-markdown h1,.rendered-markdown h2,.rendered-markdown h3,.rendered-markdown h4,.rendered-markdown h5,.rendered-markdown h6{color:var(--text-strong);margin:.6em 0 .35em}.document-rendered p,.document-rendered ul,.document-rendered ol,.document-rendered blockquote,.document-rendered pre,.document-rendered table,.rendered-markdown p,.rendered-markdown ul,.rendered-markdown ol,.rendered-markdown blockquote,.rendered-markdown pre,.rendered-markdown table{margin:0 0 1em}.document-rendered blockquote,.rendered-markdown blockquote{border-left:6px solid var(--primary);color:var(--text-strong);padding-left:18px}.document-rendered code,.document-rendered pre,.rendered-markdown code,.rendered-markdown pre{font-family:var(--mono);background:var(--code-bg);border-radius:10px}.document-rendered code,.rendered-markdown code{padding:2px 8px}.document-rendered pre,.rendered-markdown pre{padding:18px;overflow-x:auto}.tw-table-wrapper{max-width:100%;margin-bottom:1em;overflow-x:auto}.tw-table{border-collapse:collapse;width:100%;font-size:.86em}.tw-table th,.tw-table td{border:1px solid var(--border);vertical-align:top;padding:10px 12px}.tw-table th{color:var(--text-strong);background:var(--soft);font-weight:800}.rendered-block{border-radius:18px;padding:2px 10px;scroll-margin-block:96px;transition:background-color .16s,outline-color .16s,box-shadow .16s}.tw-block{max-width:72ch}.tw-block-active{outline:2px dashed var(--border-strong);outline-offset:4px}.rendered-block-highlight{outline:3px solid var(--primary);box-shadow:none}.tw-block-reading{box-shadow:none;background:0 0;outline:4px solid #7442c8}.tw-callout{border:2px solid var(--border);border-left:8px solid var(--primary);background:var(--soft)}.tw-callout-warning,.tw-callout-caution{border-left-color:#dc6803}.tw-callout-tip{border-left-color:#039855}.tw-callout-important{border-left-color:#7442c8}.tw-task-list{padding-left:0;list-style:none}.tw-task-list input{min-height:auto;margin-right:10px;transform:scale(1.25)}.tw-code-block{border:1px solid var(--border)}.activity-pane{text-align:left;gap:12px;padding:14px;overflow:hidden}.activity-title-row{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-title-row.compact{align-items:center}.collapse-button,.activity-rail{min-height:40px}.collapse-button{padding:6px 12px}.activity-rail{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;min-width:0;padding:16px 8px;font-size:14px;display:flex}.activity-title-row label{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.activity-title-row select{min-height:40px;color:var(--text-strong);background:var(--button-bg);padding:6px 10px;font-weight:800}.activity-title-row select:disabled{opacity:.6}.activity-pane .activity-section{border-top:1px solid var(--border);flex-direction:column;flex:1 1 0;min-height:0;padding-top:12px;display:flex;overflow:hidden}.activity-pane .activity-section.is-collapsed{flex:none}.activity-pane .activity-form-section.is-expanded{flex:none;gap:10px}.activity-pane .activity-section:first-of-type{border-top:0;padding-top:0}.activity-pane h2,.activity-pane h3{flex:none}.activity-section-header{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.activity-section-toggle{text-align:left;background:0 0;border:0;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;min-width:0;min-height:34px;padding:4px 6px;display:inline-flex}.activity-section-toggle:hover:not(:disabled){background:var(--button-bg);box-shadow:none}.activity-section-toggle h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.activity-section-chevron{width:1.1em;color:var(--muted);font-size:14px;line-height:1}.activity-section-accessory{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.activity-section-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-top:8px;display:flex}.activity-section-body[hidden]{display:none}.section-header-control{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.section-header-control select{min-height:36px;color:var(--text-strong);background:var(--button-bg);padding:5px 9px;font-weight:800}.section-header-control select:disabled{opacity:.6}.activity-scroll{flex:auto;min-height:0;padding-top:4px;overflow:auto}.message-list,.tool-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.message-list li,.tool-list li,.live-text,.empty,.confirmation{background:var(--soft);border-radius:16px;padding:14px}.message-list span{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.message-list p,.tool-list span,.live-text,.empty,.confirmation p{margin:0}.tool-list li{--tool-accent:var(--border-strong);border-left:5px solid var(--tool-accent);border-radius:0 12px 12px 0;gap:2px;padding:8px 10px 8px 12px;display:grid}.tool-list strong{color:var(--text-strong);font-size:14px}.tool-list span{font-size:14px}.tool-list li.tool-failed{--tool-accent:#d92d20}.tool-list li.tool-loading{--tool-accent:#dc6803}.tool-list li.tool-done{--tool-accent:#039855}.tool-status-indicator{--tool-status-color:var(--border-strong);border:1px solid var(--tool-status-color);color:var(--text-strong);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex}.tool-status-indicator:before{background:var(--tool-status-color);content:"";border-radius:999px;width:8px;height:8px}.tool-status-failed{--tool-status-color:#d92d20}.tool-status-loading{--tool-status-color:#dc6803}.tool-status-done{--tool-status-color:#039855}.tool-status-empty{--tool-status-color:var(--border-strong);color:var(--muted)}.confirmation{border:2px solid var(--primary)}@media (width<=980px){.editor-shell{height:auto;min-height:100svh;overflow:auto}.top-bar,.content-grid,.content-grid.activity-collapsed{grid-template-columns:1fr}.document-title-row{flex-wrap:wrap;gap:4px 12px}.top-actions{justify-content:stretch}.top-actions button{flex:180px}.content-grid{height:auto;min-height:auto}.document-pane,.activity-pane{min-height:50svh}.activity-rail{writing-mode:horizontal-tb;min-height:52px}}