:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-primary:#141414;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293b;--color-bg-elevated:#1a2233;--color-bg-hover:#273860;--color-bg-active:#444ce729;--color-border:#273860;--color-border-light:#1e293b;--color-border-focus:#444ce7;--color-text-primary:#f8fafc;--color-text-secondary:#92a4c3;--color-text-tertiary:#7c8fb1;--color-text-link:#8098f9;--color-on-primary:#f8fafc;--color-primary:#444ce7;--color-primary-hover:#363bcc;--color-danger:#ff6637;--color-danger-hover:#ff4518;--color-warning:#f8a208;--color-info:#6173f3;--color-success:#00c05f;--color-queued:#a371f7;--shadow-lg:0 10px 20px #0006;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--sidebar-width:260px;--details-width:360px;--top-bar-height:56px;--font-family:"Inter", "Inter Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Noto Sans Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Courier New", monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--transition-fast:.15s ease}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg-primary);color:var(--color-text-primary);font:var(--font-size-md)/1.5 var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::selection{background:var(--color-bg-active);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-hover) var(--color-bg-secondary)}[hidden]{display:none!important}pre,code,kbd,samp{font-family:var(--font-mono)}.login-screen{min-height:100vh;padding:var(--space-md);background:var(--color-bg-primary);justify-content:center;align-items:center;display:flex}.login-card{width:min(380px,100%);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-lg)}.login-card h1{margin-bottom:var(--space-lg);justify-content:center}.login-card h1:before{width:144px;height:144px}.login-card.logging-in .login-form{display:none}.login-card.logging-in h1{margin-bottom:0}.login-card.logging-in h1:before{background-image:url(/static/dist/assets/ziggy-fly-BHv1waAo.webp)}.login-form{gap:var(--space-md);display:grid}.login-field{gap:var(--space-xs);display:grid}.login-field span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-field input{width:100%;height:40px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);font:inherit}.login-error{min-height:18px;color:var(--color-danger-hover);font-size:var(--font-size-sm)}.login-subtitle{margin-bottom:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-subtitle:empty{display:none}.login-button{border-radius:var(--radius-lg);width:100%;height:48px;font-weight:600;font:inherit;color:var(--color-text-primary);cursor:pointer;background:linear-gradient(var(--color-bg-secondary), var(--color-bg-secondary)) padding-box, linear-gradient(90deg, #444ce7, #ff61fa) border-box;transition:filter var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:flex}.login-button:hover{filter:brightness(1.2)}.login-button:disabled{opacity:.6;cursor:default}.login-google[aria-disabled=true]{opacity:.6;pointer-events:none}.app{grid-template-columns:var(--sidebar-width) minmax(0, 1fr) var(--details-width);height:100vh;min-height:0;font-family:var(--font-mono);grid-template-rows:minmax(0,1fr) auto;display:grid}header{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;grid-area:1/1/-1;align-items:stretch;min-height:0;display:flex}.header-left{align-items:stretch;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.header-left h1:before{width:80px;height:80px;margin-left:auto;margin-right:auto}h1{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;line-height:1.25;display:flex}h1:before{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjM1MS45IDM1My40IDQ2My4yIDQ2My4yIj48cGF0aCBmaWxsPSIjRjJGMkYyIiBkPSJNNjUxLjE0LDUxNy4zNUM2NDIuMDIsNDQ5LjAzLDYxOC45NCwzOTIsNTgzLjQ5LDM5MnMtNTguNTMsNTcuMDMtNjcuNjUsMTI1LjM1CgljLTY4LjMyLDkuMTItMTI1LjM1LDMyLjItMTI1LjM1LDY3LjY1czU3LjA0LDU4LjUzLDEyNS4zNSw2Ny42NWM5LjEyLDY4LjMxLDMyLjIsMTI1LjM1LDY3LjY1LDEyNS4zNXM1OC41My01Ny4wNCw2Ny42NS0xMjUuMzUKCWM2OC4zMi05LjEyLDEyNS4zNS0zMi4yLDEyNS4zNS02Ny42NVM3MTkuNDUsNTI2LjQ3LDY1MS4xNCw1MTcuMzV6IE01MTMuNjEsNjMyLjc1Yy02NS40My05LjQ1LTEwMy41OS0zMS4wOC0xMDMuNTktNDcuNzUKCXMzOC4xNi0zOC4zLDEwMy41OS00Ny43NWMtMS40NCwxNS43NS0yLjE5LDMxLjgzLTIuMTksNDcuNzVDNTExLjQyLDYwMC45Miw1MTIuMTcsNjE3LjAxLDUxMy42MSw2MzIuNzV6IE01ODMuNDksNDExLjUzCgljMTYuNjcsMCwzOC4zLDM4LjE2LDQ3Ljc1LDEwMy41OWMtMTUuNzQtMS40NC0zMS44My0yLjE5LTQ3Ljc1LTIuMTlzLTMyLjAxLDAuNzUtNDcuNzUsMi4xOQoJQzU0NS4xOSw0NDkuNjksNTY2LjgyLDQxMS41Myw1ODMuNDksNDExLjUzeiBNNjUzLjM3LDYzMi43NWMtMy4yMiwwLjQ3LTE2LjQzLDIuMDItMTkuNzcsMi4zNWMtMC4zMywzLjM1LTEuODksMTYuNTUtMi4zNSwxOS43NwoJYy05LjQ1LDY1LjQzLTMxLjA4LDEwMy41OS00Ny43NSwxMDMuNTlzLTM4LjMtMzguMTYtNDcuNzUtMTAzLjU5Yy0wLjQ2LTMuMjItMi4wMi0xNi40My0yLjM1LTE5Ljc3CgljLTEuNTItMTUuNTEtMi40NC0zMi4xNy0yLjQ0LTUwLjFzMC45Mi0zNC41OSwyLjQ0LTUwLjExYzE1LjUxLTEuNTIsMzIuMTctMi40NCw1MC4xLTIuNDRzMzQuNTksMC45Miw1MC4xLDIuNDQKCWMzLjM1LDAuMzMsMTYuNTUsMS44OSwxOS43NywyLjM1YzY1LjQzLDkuNDUsMTAzLjYsMzEuMDksMTAzLjYsNDcuNzVTNzE4LjgsNjIzLjMsNjUzLjM3LDYzMi43NXoiLz48L3N2Zz4=) 50%/contain no-repeat;flex:none;width:32px;height:32px}.temporal-link{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:36px;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:nowrap;background:var(--color-bg-tertiary);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex}.temporal-link:hover{border-color:var(--color-text-tertiary);background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.composer .temporal-link{height:44px;min-height:44px;padding:0 18px}.status{padding:var(--space-md);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:normal;margin-top:auto}.status:before{content:"";width:8px;height:8px;margin-right:var(--space-sm);background:var(--color-success);border-radius:50%;display:inline-block}.side-panel{min-height:0;padding:var(--space-sm) var(--space-md);overflow-y:auto}.side-section{margin-bottom:var(--space-lg)}.side-section-title{margin:var(--space-md) 0 var(--space-xs);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0;font-weight:600}.side-actions{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:1fr;display:grid}.agent-settings,.demo-workspace-card{gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:#6e768114;display:grid}.demo-workspace-status{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:capitalize}.demo-workspace-host{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-workspace-namespace{color:var(--color-text-primary);font-size:var(--font-size-xs);overflow-wrap:anywhere}.demo-workspace-countdown{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.demo-workspace-progress{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere;line-height:1.35}.demo-workspace-actions{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-workspace-actions.single{grid-template-columns:minmax(0,1fr)}.demo-workspace-actions button{min-height:32px;padding:0 var(--space-xs);font-size:var(--font-size-xs)}.demo-workspace-actions button.danger{color:#ffb199;border-color:#ff663799}.agent-field{gap:3px;display:grid}.agent-field label,.agent-toggle{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.agent-field select,.agent-field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:34px;padding:0 var(--space-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.agent-field select:focus,.agent-field input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #444ce724}.agent-toggle{align-items:center;gap:var(--space-sm);min-height:28px;display:flex}.agent-toggle input{width:16px;height:16px;accent-color:var(--color-primary)}.conversation-row{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:2px;display:grid}.conversation-item,.tool-card{width:100%;padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:left;font-size:var(--font-size-sm);background:0 0;border:0;margin-bottom:2px}.conversation-row .conversation-item{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.conversation-delete{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-tertiary);background:0 0;border-color:#0000;justify-content:center;align-items:center;padding:0;display:flex}.conversation-delete:hover{background:var(--color-bg-hover);color:var(--color-danger);border-color:#0000}.conversation-item:hover,.tool-card:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-item.active{background:var(--color-bg-active);color:var(--color-text-link)}.tool-card{gap:var(--space-xs);border:1px solid var(--color-border-light);background:var(--color-bg-primary);display:grid}.tool-card.connected{border-color:#00c05f57}.tool-card.disabled{opacity:.72;border-color:#6e76814d}.tool-actions{gap:var(--space-xs);margin-top:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.tool-actions button{height:34px;min-height:34px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.tool-actions .danger{color:#ffb4af;border-color:#da3633ad}.tool-actions .danger:hover{border-color:var(--color-danger-hover);color:#ffd4d0;background:#da363329}.tool-chip-list{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.tool-chip{min-width:0;max-width:100%;min-height:22px;padding:0 var(--space-xs);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere;background:#6e76811a;align-items:center;display:inline-flex}.mcp-form{gap:var(--space-sm);margin:var(--space-sm) 0;padding:var(--space-sm);border-radius:var(--radius-md);background:#444ce70f;border:1px solid #444ce747;display:grid}.mcp-field{gap:3px;display:grid}.mcp-field label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.mcp-field input,.mcp-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:34px;padding:0 var(--space-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm)}.mcp-field input:focus,.mcp-field select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #444ce724}.mcp-form-actions{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.mcp-form-actions button{height:34px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.mcp-error{color:#ffb4af;font-size:var(--font-size-xs);overflow-wrap:anywhere}.tool-title{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);grid-template-columns:minmax(0,1fr) auto;min-width:0;font-weight:600;display:grid}.tool-label{overflow-wrap:anywhere;min-width:0}.tool-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere}.tool-status{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs);white-space:nowrap;max-width:100%;display:inline-flex}.tool-status:before{content:"";background:var(--color-text-tertiary);border-radius:50%;width:6px;height:6px}.tool-card.connected .tool-status:before{background:var(--color-success)}.tool-card.disabled .tool-status:before{background:var(--color-warning)}.tools-overlay{z-index:20;background:#0104099e;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.tools-window{border-left:1px solid var(--color-border);background:var(--color-bg-secondary);width:min(760px,100vw - 24px);height:100%;box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr);display:grid}.tools-window-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.tools-window-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.tools-window-body{min-height:0;padding:var(--space-md);overflow-y:auto}.tools-section{gap:var(--space-sm);margin-bottom:var(--space-lg);display:grid}.tools-section-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.tools-section-title{color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.tools-section-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.tools-section-actions button{height:34px;min-height:34px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.tools-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.approval-panel{bottom:var(--space-sm);z-index:3;width:min(980px,92%);margin:0 auto var(--space-md);gap:var(--space-sm);display:grid;position:sticky}.approval-panel-header{justify-content:space-between;align-items:center;gap:var(--space-sm);color:#ffb85c;font-size:var(--font-size-xs);text-transform:uppercase;font-weight:700;display:flex}.approval-panel-count{color:var(--color-text-tertiary);text-transform:none;font-weight:500}.approval-card{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:linear-gradient(90deg, #f8514929, #d2992214), var(--color-bg-elevated);border:1px solid #f8514957;display:grid;position:relative;box-shadow:inset 3px 0 #f85149e0,0 1px 2px #0000004d}.approval-title{color:var(--color-text-primary);font-size:var(--font-size-md);overflow-wrap:anywhere;font-weight:700}.approval-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere;gap:2px;display:grid}.approval-meta strong{color:var(--color-text-primary);font-weight:600}.approval-details{max-height:130px;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere;border:1px solid #f8514933;overflow:auto}.approval-actions{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.approval-actions button{height:36px;min-height:36px;padding:0 var(--space-sm);font-size:var(--font-size-xs);font-weight:600}.approval-actions .allow{color:#aff5b4;border-color:#00c05f85}.approval-actions .allow:hover{border-color:var(--color-success);background:#00c05f24}.approval-actions .always{color:#ffd58a;border-color:#d299228a}.approval-actions .always:hover{border-color:var(--color-warning);background:#d2992224}.approval-actions .deny{color:#ffb4af;border-color:#f85149b8}.approval-actions .deny:hover{border-color:var(--color-danger-hover);color:#ffd4d0;background:#f8514929}.artifact-panel{align-content:start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#444ce70b;border:1px solid #444ce738;display:grid;box-shadow:inset 3px 0 #7ee787b8,0 1px 2px #00000040}.artifacts-sidebar{min-height:0;padding:var(--space-md);border-left:1px solid var(--color-border);background:var(--color-bg-secondary);grid-area:1/3/-1;overflow-y:auto}.artifacts-sidebar .artifact-panel{border-color:var(--color-border-light);min-height:100%;box-shadow:none;background:0 0;padding:0}.artifact-empty{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:1.45}.artifact-panel-header{justify-content:space-between;align-items:baseline;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:700;display:flex}.artifact-panel-count{color:var(--color-text-tertiary);text-transform:none;font-weight:500}.artifact-list{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.artifact-card{gap:var(--space-xs);min-width:0;padding:var(--space-sm);border-radius:var(--radius-sm);background:#0d111770;border:1px solid #00c05f42;display:grid}.artifact-card-title{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0;display:grid}.artifact-name{color:var(--color-text-primary);overflow-wrap:anywhere;font-weight:700}.artifact-kind{border-radius:var(--radius-sm);color:#aff5b4;text-align:center;text-transform:uppercase;background:#7ee78714;border:1px solid #7ee78757;min-width:34px;padding:2px 6px;font-size:.68rem;font-weight:800}.artifact-kind.binary{color:var(--color-text-secondary);background:#8b949e14;border-color:#8b949e61}.artifact-kind.image,.artifact-kind.pdf,.artifact-kind.audio,.artifact-kind.video{color:#cdb7ff;background:#444ce71f;border-color:#444ce785}.artifact-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere}.artifact-actions{gap:var(--space-xs);margin-top:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.artifact-actions a,.artifact-actions button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);min-height:32px;color:var(--color-text-primary);font-size:var(--font-size-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.artifact-actions a:hover,.artifact-actions button:hover{border-color:var(--color-border-focus);background:var(--color-bg-hover);text-decoration:none}.artifact-viewer-overlay{z-index:30;padding:var(--space-lg);background:#010409b8;place-items:center;display:grid;position:fixed;inset:0}.artifact-viewer{width:min(1100px, calc(100vw - var(--details-width) - var(--sidebar-width) - 64px));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);min-width:min(720px,96vw);height:min(780px,90vh);box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.artifact-viewer-header{gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.artifact-viewer-title{gap:2px;min-width:0;display:grid}.artifact-viewer-name{color:var(--color-text-primary);overflow-wrap:anywhere;font-weight:700}.artifact-viewer-meta{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere}.artifact-viewer-actions{gap:var(--space-xs);justify-content:flex-end;align-items:center;min-width:max-content;display:flex}.artifact-viewer-actions a,.artifact-viewer-actions button{min-width:78px;height:34px;min-height:34px;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-xs);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.artifact-viewer-body{min-height:0;padding:var(--space-md);background:var(--color-bg-primary);overflow:auto}.artifact-viewer-body .bubble-content pre{min-height:100%}.artifact-viewer-body .artifact-markdown pre{min-height:0}.artifact-viewer-image{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%;margin:0 auto;display:block}.artifact-viewer-frame{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;width:100%;height:100%;min-height:520px}.artifact-viewer-media{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#000;width:100%;max-height:100%}.artifact-code-preview,.artifact-code-preview .code-block{min-height:100%}.artifact-unsupported{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#0d11177a;display:grid}.artifact-unsupported-title{color:var(--color-text-primary);font-weight:800}.artifact-viewer-error{color:#ffb4af;font-size:var(--font-size-sm)}main{background:var(--color-bg-primary);grid-area:1/2;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.messages{min-height:0;padding:var(--space-md);overflow-y:auto}.sidebar{display:none}.bubble{max-width:min(980px,88%);margin:0 0 var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;content-visibility:auto;contain-intrinsic-size:auto 180px;position:relative;box-shadow:0 1px 2px #0000004d}.bubble:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.bubble:after{content:"";border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-text-tertiary);width:3px;position:absolute;top:0;bottom:0;left:0}.bubble.user,.bubble.pending{margin-left:auto}.bubble.user{background:#00c05f14;border-color:#00c05f47}.bubble.user:after{background:var(--color-success)}.bubble.assistant{background:#444ce714;border-color:#444ce73d}.bubble.assistant.detail-open{border-color:#8098f9b8;box-shadow:0 0 0 1px #8098f92e,0 1px 2px #0000004d}.bubble.assistant:after{background:var(--color-info)}.bubble.system{color:var(--color-warning);background:#d2992214;border-color:#d2992242}.bubble.system:after{background:var(--color-warning)}.bubble.pending{color:#d2b6ff;background:#a371f71a;border-color:#a371f747;font-style:italic}.bubble.pending:after{background:var(--color-queued)}.message-attachments{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.message-attachment-chip{max-width:min(320px,100%);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-primary);background:#444ce714;border:1px solid #8098f947;gap:1px;text-decoration:none;display:grid}.message-attachment-chip:hover{background:#444ce729;border-color:#8098f999}.message-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-attachment-chip small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.bubble-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.bubble-header .label{margin-bottom:0}.bubble-trace-toggle{min-height:24px;padding:0 var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);border-color:#444ce747}.bubble.detail-open .bubble-trace-toggle{color:var(--color-text-primary);background:#444ce738;border-color:#8098f9b3}.turn-trace-drawer-shell{z-index:26;background:#01040957;justify-content:flex-end;display:flex;position:fixed;inset:0}.turn-trace-drawer{width:min(1120px, calc(100vw - var(--sidebar-width) - 24px));border-left:1px solid var(--color-border);background:var(--color-bg-secondary);min-width:min(520px,100vw);height:100%;box-shadow:var(--shadow-lg);grid-template-rows:auto minmax(0,1fr);animation:.18s ease-out turn-trace-drawer-enter;display:grid}.turn-trace-drawer-header{gap:var(--space-sm);min-width:0;padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.turn-trace-drawer-title{min-width:0;color:var(--color-text-primary);gap:2px;font-weight:700;display:grid}.turn-trace-drawer-title small{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500}.turn-trace-drawer-header button{height:34px;min-height:34px;padding:0 var(--space-sm);font-size:var(--font-size-xs)}.turn-trace-drawer-body{min-width:0;min-height:0;padding:var(--space-md);overflow-y:auto}.turn-trace-drawer-body .turn-trace-panel{margin-top:0}.turn-trace-drawer-body .runtime-stream-panel.embedded{min-height:100%}@keyframes turn-trace-drawer-enter{0%{opacity:.72;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.turn-trace-panel{min-width:0;margin-top:var(--space-md)}.turn-trace-status{margin-top:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);background:#444ce70d;border:1px solid #444ce733}.turn-trace-status.error{color:#ffb8b8;background:#ff5c5c0f;border-color:#ff5c5c47}.runtime-stream-panel{width:min(1180px,96%);min-width:0;margin:0 auto var(--space-md);background:#0d1016;border:1px solid #779bda3d;border-radius:12px;overflow:hidden;box-shadow:0 18px 52px #0000004d}.runtime-stream-panel.embedded{width:100%;margin:0}.runtime-stream-panel.collapsed{width:min(780px,88%)}.runtime-panel-header{min-height:44px;font-family:var(--font-mono);background:#0e1117fa;border-bottom:1px solid #7c92b529;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 16px;display:flex}.runtime-panel-header>div{align-items:center;gap:9px;min-width:0;display:flex}.runtime-panel-mark{background:#679eff9e;border:1px solid #8ab6ff;flex:none;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 10px #5993ff6b}.runtime-panel-header strong{color:#d9e1ed;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.runtime-panel-header small{color:#66748a;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.62rem;overflow:hidden}.runtime-panel-header button,.runtime-transport button,.runtime-inspector>button{color:#93a2b8;height:28px;min-height:28px;font:.62rem/1 var(--font-mono);letter-spacing:.04em;background:#191f2bb8;border-color:#7591be47}.runtime-collapsed-preview{color:#a9b6c9;text-align:left;background:radial-gradient(circle at 15% 40%,#5d8fdf1a,#0000 36%);border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:52px;padding:10px 16px;display:grid}.runtime-collapsed-preview strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:500;overflow:hidden}.runtime-collapsed-preview small{color:#75849a;font:.6rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.runtime-visualizer{color:#aeb9c9;min-width:0;font-family:var(--font-mono)}.runtime-agent-switcher{background:#0b0e13;border-bottom:1px solid #778eb021;gap:6px;min-width:0;padding:8px 12px;display:flex;overflow-x:auto}.runtime-agent-switcher button{color:#7f8da2;min-width:150px;max-width:270px;min-height:32px;font:.62rem/1 var(--font-mono);background:#191e28a3;border-color:#6f84a638;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 9px;display:grid}.runtime-agent-switcher button.active{color:#d5deec;background:#253752ad;border-color:#6a9ff694;box-shadow:inset 0 0 18px #5389e114}.runtime-agent-switcher button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.runtime-agent-switcher small{color:#637187;letter-spacing:.06em;text-transform:uppercase;font-size:.52rem}.runtime-dot{background:#5d6878;border-radius:50%;flex:none;width:8px;height:8px}.runtime-dot.running{background:#75a8fa;animation:1.55s ease-in-out infinite runtime-dot-pulse;box-shadow:0 0 10px #619effb3}.runtime-dot.complete{background:#79d89b;box-shadow:0 0 9px #5ed38961}.runtime-dot.error{background:#ff7b72;box-shadow:0 0 9px #ff5b5666}.runtime-dot.queued{background:#c39af9}.runtime-stage{isolation:isolate;background:radial-gradient(circle at 58% 44%,#446fb117,#0000 42%),linear-gradient(#101319,#0b0e13);grid-template-columns:1fr;align-items:center;gap:18px;min-width:0;min-height:420px;padding:58px 30px 36px;display:grid;position:relative;overflow:hidden}.runtime-stage.has-ingress{grid-template-columns:minmax(190px,.28fr) minmax(0,1fr)}.runtime-grid{z-index:-2;opacity:.28;background-image:radial-gradient(circle,#798fb061 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.runtime-stage-label{color:#67768d;letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:14px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:18px;left:30px;right:30px}.runtime-stage-label i{background:linear-gradient(90deg,#667a9742,#0000);flex:auto;height:1px}.runtime-ingress-card{color:#e6d7f8;text-align:left;background:linear-gradient(145deg,#4a3958db,#25202deb);border:2px solid #be94f8c7;border-radius:12px;align-content:center;gap:8px;min-width:0;min-height:132px;padding:18px 20px;animation:.48s cubic-bezier(.16,.8,.24,1) both runtime-ingress-enter;display:grid;position:relative;box-shadow:0 0 30px #b580f71f}.runtime-ingress-card:after{content:"";background:linear-gradient(90deg,#c294ffcc,#669df457);width:24px;height:2px;position:absolute;top:50%;left:100%}.runtime-ingress-card strong{color:#f0e8f9;font-size:.82rem}.runtime-ingress-card>span,.runtime-tool-status{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:7px;font-size:.58rem;font-weight:800;display:flex}.runtime-ingress-card>span{color:#caa4fb}.runtime-ingress-card>span i,.runtime-tool-status i{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.runtime-ingress-card p{color:#b9a9c6;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.67rem;line-height:1.55;display:-webkit-box;overflow:hidden}.runtime-agent-shell{background:linear-gradient(145deg,#21242bf7,#14171dfa);border:2px solid #70a0ebb3;border-radius:23px;grid-column:1/-1;min-width:0;transition:border-color .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #507bbe0a,0 0 0 1px #486fad2e,0 18px 48px #0000005c,0 0 30px #467ed517}.runtime-stage.has-ingress .runtime-agent-shell{grid-column:2}.runtime-agent-shell:before,.runtime-agent-shell:after{content:"";z-index:4;pointer-events:none;border-color:#acbacd3d;width:24px;height:24px;position:absolute}.runtime-agent-shell:before{border-top:2px solid;border-left:2px solid;top:16px;left:18px}.runtime-agent-shell:after{border-bottom:2px solid;border-right:2px solid;bottom:16px;right:18px}.runtime-agent-shell.error{border-color:#f56f69bf;box-shadow:0 0 30px #f55b561f}.runtime-agent-shell.complete{border-color:#6fc78f9e}.runtime-agent-header{border-bottom:1px solid #7b8eab33;justify-content:space-between;align-items:center;gap:18px;min-height:80px;padding:17px 30px;display:flex}.runtime-agent-title{align-items:center;gap:13px;min-width:0;display:flex}.runtime-agent-title strong{color:#d8dde5;letter-spacing:.22em;text-transform:uppercase;font-size:.95rem}.runtime-agent-title small{color:#6f7e93;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.58rem;overflow:hidden}.runtime-agent-glyph{background:#5c94e8;border:1px solid #8dbbff;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 10px #639df780}.runtime-run-pill{color:#8db8fa;letter-spacing:.14em;text-transform:uppercase;background:#273145c2;border:1px solid #6f9fe894;border-radius:999px;flex:none;align-items:center;gap:10px;min-height:42px;padding:0 19px;font-size:.65rem;font-weight:800;display:flex;box-shadow:inset 0 0 20px #4d80d014}.runtime-run-pill i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px}.runtime-run-pill.running i{animation:1.4s ease-in-out infinite runtime-dot-pulse}.runtime-run-pill.complete{color:#7ddaa0;border-color:#62c98975}.runtime-run-pill.error{color:#ff918b;border-color:#f46e697a}.runtime-agent-body{grid-template-columns:minmax(150px,.55fr) minmax(0,2fr);align-items:stretch;gap:24px;min-width:0;min-height:235px;padding:28px 30px 30px;display:grid;position:relative}.runtime-signal-line{z-index:0;pointer-events:none;background:#5785ca3d;height:2px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.runtime-signal-line i{filter:drop-shadow(0 0 6px #5b9affe6);background:linear-gradient(90deg,#0000,#73adffe6,#0000);width:22%;animation:2.4s linear infinite runtime-signal-sweep;position:absolute;inset:0 auto 0 -18%}.runtime-model-card{z-index:2;color:#81b3fb;background:linear-gradient(145deg,#2a3445f0,#1c212bf5);border:2px solid #72a4f0c2;border-radius:17px;place-content:center;justify-items:center;gap:10px;min-width:0;min-height:150px;padding:20px 14px;transition:opacity .26s,border-color .26s,box-shadow .26s,filter .26s;display:grid;position:relative;box-shadow:0 0 34px #4b85dc21}.runtime-model-card.dormant{opacity:.48;filter:saturate(.36)}.runtime-model-card.thinking,.runtime-model-card.active,.runtime-model-card.guarding{animation:2s ease-in-out infinite runtime-model-breathe;box-shadow:0 0 36px #4e8be73d}.runtime-model-card.guarding{color:#7bd9d2;border-color:#5dcfc7c2}.runtime-model-card.complete{color:#82dca4;border-color:#68d391ad;box-shadow:0 0 26px #50c87e1f}.runtime-model-card.failed{color:#ff918b;border-color:#f87670b8;box-shadow:0 0 28px #f4555029}.runtime-model-icon{width:25px;height:25px;box-shadow:0 0 10px color-mix(in srgb, currentColor 45%, transparent);border:2px solid;place-items:center;display:grid}.runtime-model-icon i{background:color-mix(in srgb, currentColor 26%, transparent);border:1px solid;width:14px;height:14px}.runtime-model-card strong{color:currentColor;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem}.runtime-model-card small{color:currentColor;letter-spacing:.2em;text-transform:uppercase;font-size:.65rem}.runtime-tool-bay{z-index:2;background:#07090d57;border:1px dashed #798ba62b;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));align-content:start;gap:12px;min-width:0;min-height:168px;padding:12px;display:grid;position:relative}.runtime-model-stream{background:linear-gradient(110deg,#3831528a,#141c2bd1),#0a0d13e0;border:1px solid #7fa0e657;border-radius:11px;grid-column:1/-1;gap:8px;min-width:0;padding:12px 14px;animation:.28s cubic-bezier(.16,.8,.24,1) both runtime-card-enter;display:grid;overflow:hidden;box-shadow:inset 0 0 24px #667ece0f}.runtime-model-stream.response{background:linear-gradient(110deg,#20434b85,#141f2dd6),#0a0d13e0;border-color:#5bbdc957}.runtime-model-stream-heading{color:#a9bdf0;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.56rem;font-weight:800;display:flex}.runtime-model-stream.response .runtime-model-stream-heading{color:#9ed8df}.runtime-model-stream-heading span{align-items:center;gap:7px;display:flex}.runtime-model-stream-heading i{background:#9f82e6;border-radius:50%;width:7px;height:7px;animation:1.25s ease-in-out infinite runtime-dot-pulse;box-shadow:0 0 10px #a57eeecc}.runtime-model-stream.response .runtime-model-stream-heading i{background:#66cbd5;box-shadow:0 0 10px #66cbd5b8}.runtime-model-stream-heading small{color:#8068a6;letter-spacing:.08em;font-size:.52rem}.runtime-model-stream>p{overscroll-behavior:contain;color:#b7c3d8;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-gutter:stable;max-height:132px;margin:0;font-size:.65rem;line-height:1.58;overflow:auto;-webkit-mask-image:linear-gradient(#0000008c,#000 18%);mask-image:linear-gradient(#0000008c,#000 18%)}.runtime-model-stream>p>span{display:block}.runtime-tool-empty{color:#4f5b6e;letter-spacing:.08em;text-align:center;text-transform:uppercase;place-items:center;min-height:140px;font-size:.59rem;display:grid}.runtime-tool-card{color:#c8cdd4;text-align:left;background:linear-gradient(145deg,#303337f5,#24272bfa);border:2px solid #b2bac594;border-radius:13px;align-content:start;gap:9px;min-width:0;min-height:120px;padding:14px 16px;transition:border-color .28s,background .28s,box-shadow .28s;animation:.36s cubic-bezier(.16,.8,.24,1) both runtime-card-enter;display:grid;position:relative;box-shadow:0 8px 22px #00000038}.runtime-tool-card.building{color:#91c4ff;background:linear-gradient(145deg,#26394ef0,#1c2736fa);border-color:#79b4f8;animation:.36s cubic-bezier(.16,.8,.24,1) both runtime-card-enter,1.8s ease-in-out infinite runtime-tool-running;box-shadow:0 0 24px #5c9dec33,inset 0 0 18px #79b4f80d}.runtime-tool-card.running{color:#f2d667;background:linear-gradient(145deg,#464022e6,#2f2c1cf5);border-color:#e7c653;animation:.36s cubic-bezier(.16,.8,.24,1) both runtime-card-enter,1.8s ease-in-out infinite runtime-tool-running;box-shadow:0 0 26px #e3be3947,inset 0 0 20px #e7c6530a}.runtime-tool-card.done{color:#7fe2a4;background:linear-gradient(145deg,#254331eb,#1e3025f7);border-color:#75d196;box-shadow:0 0 19px #5fcf8924}.runtime-tool-card.waiting{color:#d1aafc;background:linear-gradient(145deg,#3f304ef0,#292230fa);border-color:#bd91f5;box-shadow:0 0 22px #b17ef329}.runtime-tool-card.failed{color:#ff958e;background:linear-gradient(145deg,#4a2a29f0,#301f1ffa);border-color:#ef776f;box-shadow:0 0 22px #ef514c2e}.runtime-tool-card.guard{color:#79d7d2;background:linear-gradient(145deg,#1f4b4ee6,#16232bf7);border-color:#56cdca9e;box-shadow:0 0 24px #49beba24}.runtime-tool-card.guard.running,.runtime-tool-card.guard.waiting{box-shadow:0 0 30px #49beba42,inset 0 0 18px #49beba12}.runtime-tool-card.guard.done{color:#83dfb2;background:linear-gradient(145deg,#225142e6,#162926f7);border-color:#67d3aab8}.runtime-tool-card.guard.failed{color:#ff918b;background:linear-gradient(145deg,#4a2a29f0,#301f1ffa);border-color:#f87670c7}.runtime-tool-card.selected{outline-offset:3px;outline:2px solid #ffffff29}.runtime-tool-heading{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.runtime-tool-heading strong{color:#edf0f4;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.runtime-tool-heading small{color:#778191;flex:none;font-size:.6rem}.runtime-tool-status{color:currentColor}.runtime-tool-card p{color:#aeb5bf;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.63rem;line-height:1.5;display:-webkit-box;overflow:hidden}.runtime-guard-bundle{text-align:left;border-top:1px solid #72b8b82e;gap:5px;width:100%;min-width:0;margin-top:2px;padding-top:8px;display:grid}.runtime-model-card .runtime-guard-bundle{width:min(100%,210px);margin-top:5px}.runtime-guard-row{color:#71ccc7;letter-spacing:.04em;text-transform:none;grid-template-columns:7px minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;font-size:.48rem;display:grid}.runtime-guard-row>i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.runtime-guard-row>b{color:#b7d7d6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.5rem;font-weight:650;overflow:hidden}.runtime-guard-row>em{color:#607f82;text-transform:uppercase;font-size:.44rem;font-style:normal}.runtime-guard-row>small{color:currentColor;letter-spacing:.07em;text-transform:uppercase;font-size:.44rem}.runtime-guard-row.waiting{color:#c39af9}.runtime-guard-row.done{color:#78d8a0}.runtime-guard-row.failed{color:#ff8f88}.runtime-transport{background:#0b0e13;border-top:1px solid #778cab2b;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:16px;min-width:0;min-height:68px;padding:10px 16px;display:grid}.runtime-transport-buttons{gap:5px;display:flex}.runtime-transport-buttons button{color:#8e9db2;width:34px;padding:0;font-size:.78rem}.runtime-transport-buttons button:disabled{opacity:.34}.runtime-scrubber{align-items:center;min-width:0;height:34px;display:flex;position:relative}.runtime-scrubber input{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;position:relative}.runtime-scrubber input::-webkit-slider-runnable-track{background:#2a303b;border-radius:999px;height:4px}.runtime-scrubber input::-webkit-slider-thumb{appearance:none;background:#182336;border:2px solid #8db9f8;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 3px #6fa6f61f,0 0 12px #5e9bf459}.runtime-scrubber input::-moz-range-track{background:#2a303b;border-radius:999px;height:4px}.runtime-scrubber input::-moz-range-thumb{background:#182336;border:2px solid #8db9f8;border-radius:50%;width:14px;height:14px}.runtime-frame-marks{z-index:1;pointer-events:none;height:22px;position:absolute;top:6px;left:8px;right:8px}.runtime-frame-marks i{background:#3b4350;width:2px;height:14px;position:absolute;top:4px;transform:translate(-1px)}.runtime-frame-marks i.passed.model{background:#6e9fe8}.runtime-frame-marks i.passed.ingress{background:#be91f3}.runtime-frame-marks i.passed.running{background:#d0b349}.runtime-frame-marks i.passed.done{background:#69bd87}.runtime-frame-marks i.passed.failed{background:#e66f68}.runtime-transport-state{color:#9e76c9;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:240px;font-size:.58rem;display:grid}.runtime-transport-state strong{color:#c99bf8}.runtime-transport-state small{color:#778397;letter-spacing:.06em;white-space:nowrap;justify-self:end;font-size:.57rem}.runtime-transport-state button{color:#91b7ef;padding:0 8px}.runtime-inspector{background:linear-gradient(100deg,#1b2433fa,#0d1118fc);border-top:1px solid #6fa0eb52;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr) auto;align-items:start;gap:14px;min-width:0;padding:14px 16px;animation:.22s ease-out both runtime-inspector-enter;display:grid}.runtime-inspector>div{gap:4px;min-width:0;display:grid}.runtime-inspector .runtime-inspector-body{gap:9px}.runtime-inspector span{color:#7796c3;letter-spacing:.14em;text-transform:uppercase;font-size:.56rem;font-weight:800}.runtime-inspector strong{overflow-wrap:anywhere;color:#e4e9f1;font-size:.74rem}.runtime-inspector p{color:#8e9db2;overflow-wrap:anywhere;font-size:.62rem;line-height:1.45}.runtime-inspector pre{color:#aeb9c9;white-space:pre-wrap;overflow-wrap:anywhere;background:#05080cb3;border:1px solid #778cab29;border-radius:7px;min-width:0;max-height:150px;margin:0;padding:10px;font-size:.59rem;line-height:1.45;overflow:auto}.runtime-inspector-outcome{background:#05080c7a;border:1px solid #778cab33;border-radius:7px;gap:5px;min-width:0;padding:9px 10px;display:grid}.runtime-inspector-outcome.failed{background:#48181c52;border-color:#ff6f6f73}.runtime-inspector-outcome.failed span,.runtime-inspector-outcome.failed strong{color:#ff9898}.runtime-inspector-outcome.result{border-color:#5bcdd759}.runtime-inspector-outcome.result>span{color:#6ed4dc}.runtime-inspector-outcome.result>pre{max-height:280px}.runtime-inspector-notice{background:#23314673;border-left:2px solid #7baef599;padding:7px 9px}.runtime-inspector-notice.error{color:#e8a0a0;border-left-color:#ff7c7c}.runtime-inspector-raw{min-width:0}.runtime-inspector-raw summary{cursor:pointer;color:#8193ab;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.runtime-inspector-raw[open] summary{margin-bottom:6px}.runtime-inspector>button{padding:0 9px}.runtime-empty{color:#66758b;min-height:220px;font:.66rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;display:grid}@keyframes runtime-dot-pulse{50%{opacity:.42;transform:scale(.78)}}@keyframes runtime-ingress-enter{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes runtime-card-enter{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes runtime-model-breathe{50%{box-shadow:0 0 48px #4e8be752}}@keyframes runtime-tool-running{50%{box-shadow:0 0 34px #e3be3961,inset 0 0 20px #e7c65312}}@keyframes runtime-signal-sweep{to{transform:translate(540%)}}@keyframes runtime-inspector-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.runtime-stage,.runtime-stage.has-ingress{grid-template-columns:1fr;padding-inline:18px}.runtime-stage.has-ingress .runtime-agent-shell{grid-column:1}.runtime-ingress-card{min-height:100px}.runtime-ingress-card:after{display:none}.runtime-agent-header{padding-inline:22px}.runtime-agent-body{grid-template-columns:minmax(135px,.48fr) minmax(0,1fr);padding-inline:20px}.runtime-transport{grid-template-columns:auto minmax(100px,1fr)}.runtime-transport-state{grid-column:1/-1;min-width:0}}@media (width<=620px){.runtime-stream-panel,.runtime-stream-panel.collapsed{width:96%}.runtime-panel-header{align-items:flex-start}.runtime-panel-header>div{grid-template-columns:auto 1fr;display:grid}.runtime-panel-header small{grid-column:2}.runtime-stage{min-height:0;padding:52px 10px 20px}.runtime-stage-label{left:16px;right:16px}.runtime-agent-shell{border-radius:16px}.runtime-agent-header{align-items:flex-start;min-height:68px;padding:15px 17px}.runtime-agent-title{gap:9px}.runtime-agent-title strong{font-size:.78rem}.runtime-run-pill{letter-spacing:.08em;gap:6px;min-height:34px;padding:0 10px;font-size:.54rem}.runtime-agent-body{grid-template-columns:1fr;gap:14px;padding:18px 14px 20px}.runtime-model-card{min-height:116px}.runtime-tool-bay{grid-template-columns:1fr}.runtime-signal-line{top:32%}.runtime-transport{grid-template-columns:1fr;gap:8px}.runtime-transport-buttons{justify-content:center}.runtime-scrubber{grid-row:1}.runtime-transport-state{grid-column:1;grid-template-columns:auto auto 1fr}.runtime-transport-state small{grid-column:3}.runtime-transport-state button{grid-column:1/-1;justify-self:stretch}.runtime-inspector{grid-template-columns:1fr}.runtime-inspector>button{justify-self:end}}@media (prefers-reduced-motion:reduce){.runtime-dot.running,.runtime-run-pill.running i,.runtime-model-stream,.runtime-model-stream-heading i,.runtime-ingress-card,.runtime-model-card,.runtime-tool-card,.runtime-signal-line i,.runtime-inspector{animation:none!important}}.label{margin-bottom:var(--space-xs);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0;font-weight:600;display:block}.bubble-content{white-space:normal}.bubble-content>*+*{margin-top:var(--space-sm)}.bubble-content p{margin:0}.bubble-content a{color:var(--color-text-link);text-decoration:none}.bubble-content a:hover{text-decoration:underline}.bubble-content ul,.bubble-content ol{margin:0;padding-left:22px}.bubble-content li+li{margin-top:2px}.bubble-content strong{color:var(--color-text-primary);font-weight:700}.bubble-content em{color:var(--color-text-secondary);font-style:italic}.bubble-content code{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);padding:1px 4px}.bubble-content pre{padding:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);white-space:pre;margin:0;position:relative;overflow-x:auto}.bubble-content pre[data-language]{padding-top:calc(var(--space-sm) + 18px)}.bubble-content pre[data-language]:before{content:attr(data-language);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;position:absolute;top:5px;right:8px}.bubble-content pre code{white-space:pre;background:0 0;border:0;padding:0;display:block}.code-block{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);min-width:0;max-width:100%;overflow:hidden}.code-block-header{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:30px;padding:0 var(--space-sm);border-bottom:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;background:#30363d8c;font-weight:800;display:flex}.code-block-header button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);min-height:24px;color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:0 8px;font-weight:700}.code-block-header button:hover{border-color:var(--color-border-focus);color:var(--color-text-primary)}.code-block pre{border:0!important;border-radius:0!important;margin:0!important}.code-block .plain-code{color:var(--color-text-primary);padding:12px;font-size:.88rem;line-height:1.5;overflow-x:auto}.code-block code{background:0 0;border:0;padding:0;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.code-block.wrap-lines pre,.code-block.wrap-lines .plain-code{overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden;white-space:pre-wrap!important}.code-block.wrap-lines code,.code-block.wrap-lines span{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap!important}.code-block.compact .code-block-header{min-height:26px}.code-block.compact .code-block-header button{min-height:22px}.bubble-content blockquote{padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-border-focus);color:var(--color-text-secondary);background:#444ce70f;margin:0}.bubble-content hr{background:var(--color-border);border:0;height:1px}.markdown-table-wrap{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);max-width:100%;overflow-x:auto}.bubble-content table{border-collapse:collapse;background:#0d111747;width:100%;min-width:min(620px,100%)}.bubble-content th,.bubble-content td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);text-align:left;vertical-align:top}.bubble-content th:last-child,.bubble-content td:last-child{border-right:0}.bubble-content tr:last-child td{border-bottom:0}.bubble-content th{color:var(--color-text-primary);background:#444ce714;font-weight:700}.hl-comment{color:#8b949e;font-style:italic}.hl-keyword{color:#ff7b72}.hl-string{color:#a5d6ff}.hl-number{color:#79c0ff}.hl-function{color:#d2a8ff}.hl-operator{color:#ff7b72}.hl-property{color:#7ee787}.hl-type{color:#ffa657}.hl-tag{color:#7ee787}.hl-attr{color:#d2a8ff}.md-heading{color:var(--color-text-primary);font-weight:700}.composer{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);grid-area:2/2;grid-template-columns:1fr auto auto auto auto;display:grid}.composer-input-shell{gap:var(--space-xs);min-width:0;display:grid}.composer-attachments{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.composer-attachment-chip{gap:1px var(--space-xs);min-width:0;max-width:min(280px,100%);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#444ce714;border:1px solid #8098f947;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name remove""meta remove";align-items:center;display:grid}.composer-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:var(--font-size-sm);grid-area:name;overflow:hidden}.composer-attachment-chip small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-tertiary);font-size:var(--font-size-xs);grid-area:meta;overflow:hidden}.composer-attachment-chip button{border-radius:var(--radius-sm);width:24px;min-width:24px;height:24px;font-size:var(--font-size-xs);grid-area:remove;padding:0}.composer-attachment-status,.composer-attachment-error{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.composer-attachment-error{color:#ffb4aa}.composer .icon-button{font-size:var(--font-size-lg);padding:0}textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:100%;min-height:44px;max-height:140px;color:var(--color-text-primary);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:11px 12px}textarea:hover{border-color:var(--color-text-tertiary)}textarea:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #444ce726}textarea::placeholder{color:var(--color-text-tertiary)}button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);min-width:44px;height:44px;color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;padding:0 18px;font-weight:500}button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}button.primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}button:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}#interrupt{color:#ffb4af;border-color:#da3633ad}#interrupt:hover{border-color:var(--color-danger-hover);color:#ffd4d0;background:#da363329}button:disabled{opacity:.55;cursor:wait}.events-title{margin:0 0 var(--space-sm);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0;font-weight:600}.event{margin:0 0 var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow-wrap:anywhere}.empty{color:var(--color-text-secondary);text-align:center;max-width:520px;margin:28px auto}.draft-empty{gap:var(--space-md);justify-items:center;width:min(680px,100%);max-width:680px;display:grid}.draft-empty p{margin:0}.draft-system-prompt{width:min(620px,100%);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-tertiary);text-align:left;cursor:text;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:#d299220f;border:1px dashed #d2992280;gap:6px;display:grid}.draft-system-prompt:hover,.draft-system-prompt:focus-within{background:#d299221a;border-color:#d29922f2;box-shadow:0 0 0 3px #d299221f}.draft-system-prompt span{color:#d29922c7;font-size:var(--font-size-xs);letter-spacing:0;text-transform:uppercase;font-weight:700}.draft-system-prompt textarea{color:#dae2f2b8;min-height:54px;max-height:170px;box-shadow:none;resize:vertical;background:0 0;border:0;border-radius:0;padding:0;font-style:italic}.draft-system-prompt textarea:hover,.draft-system-prompt textarea:focus{box-shadow:none;border:0}.draft-system-prompt textarea:focus{color:var(--color-text-primary)}.history-loader{align-items:center;gap:var(--space-xs);margin:0 auto var(--space-md);color:var(--color-danger);font-size:var(--font-size-xs);flex-direction:column;display:flex}.history-loader button{min-height:34px;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700}.history-loader button:hover:not(:disabled){border-color:var(--color-border-focus);color:var(--color-text-primary)}.history-loader button:disabled{cursor:wait;opacity:.72}.conversation-loading{justify-content:center;align-items:center;gap:var(--space-md);min-height:100%;color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.conversation-loading-label{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700}.temporal-loading-animation{object-fit:contain;width:160px;height:160px}@media (width<=860px){.app{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:1fr}header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;grid-area:1/1}.header-left{border-bottom:0;flex-direction:row;flex:1;align-items:center;min-width:0;padding:0}.side-panel{display:none}h1{font-size:var(--font-size-md)}h1:before{width:24px;height:24px}.status{white-space:nowrap;border-top:0;margin-top:0;padding:0}main{grid-area:2/1;grid-template-columns:1fr}.artifacts-sidebar{border-left:0;border-top:1px solid var(--color-border);grid-area:3/1;max-height:180px}.sidebar{display:none}.composer{grid-area:4/1;grid-template-columns:1fr 1fr}textarea{grid-column:1/-1}.bubble{max-width:100%}.artifact-panel,.approval-panel{width:100%}.approval-actions{grid-template-columns:1fr}.artifact-viewer{width:min(96vw,100%);min-width:0}.artifact-viewer-header{grid-template-columns:1fr}.artifact-viewer-actions{justify-content:stretch}.artifact-viewer-actions a,.artifact-viewer-actions button{flex:1}}
