html:root{min-width:0;overflow-x:auto}body,#root{min-width:850px}.demo-starting{padding:28px;color:#bbb}.demo-workspace{display:flex;flex-direction:column;height:100%;min-height:0}.demo-workspace-header{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:46px;border-bottom:1px solid var(--border);background:var(--surface-1)}.demo-workspace-header>small{color:var(--muted)}.demo-workspace-header nav{display:flex;margin-left:auto;gap:4px}.demo-workspace-header button{background:transparent;border:0;padding:7px 10px;color:var(--text-2);cursor:pointer;font-size:12px}.demo-workspace-header button[aria-pressed=true]{background:var(--surface-3);border-bottom:2px solid var(--accent);color:var(--text)}.demo-cli-grid{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:7px}.demo-cli-grid.one-pane{grid-template:1fr / 1fr}.demo-cli-pane{display:flex;flex-direction:column;overflow:auto;min-width:0;min-height:0;background:#080c12}.demo-cli-header{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--surface-1);color:var(--text);font-size:12px}.demo-cli-header button{margin-left:auto;border:0;background:none;color:#ccc;cursor:pointer}.demo-cli-pane img{width:100%;height:auto;display:block}.demo-capture-scroll{overflow:hidden;flex:1;min-height:0;height:100%;background:var(--app)}.demo-capture{display:flex;flex-direction:column;position:relative;width:100%;height:100%;min-height:0}.demo-capture.is-loading{opacity:0;pointer-events:none}.demo-capture.is-ready{opacity:1}.demo-capture-body{flex:1;min-height:0;overflow:auto}.demo-capture-image{position:relative;min-height:100%;width:100%;container-type:inline-size;background-size:100% 1px;background-repeat:repeat-y}.demo-capture-footer{position:relative;flex-shrink:0;width:100%;container-type:inline-size}.demo-capture-image>img,.demo-capture-footer>img{width:100%;height:auto;display:block}.demo-capture-image>img,.demo-capture-footer>img,.demo-cli-capture>img{color:transparent}.demo-workspace-layout{min-height:0;grid-template-columns:minmax(0,1fr) 292px}.demo-workspace-layout.inspector-collapsed{grid-template-columns:minmax(0,1fr)}.demo-workspace-layout .demo-workspace{min-width:0}.demo-atlas-empty-code,.demo-atlas-empty-threads{min-width:0;min-height:0;flex:1}.demo-atlas-empty-code button:disabled,.demo-atlas-empty-threads button:disabled{cursor:default}.demo-inspector{min-width:0;min-height:0;overflow:hidden}.demo-inspector>.workspace-inspector{height:100%;display:flex}.demo-target{position:absolute;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.demo-face-motion{position:absolute;pointer-events:none}.demo-face-motion>svg{display:block;width:100%;height:100%}.demo-target:hover{background:#71deb31a;border-color:#71deb3aa}.demo-target:focus-visible{outline:2px solid #71deb3;outline-offset:1px}.demo-menu-dismiss{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:default}.demo-actions-menu{position:absolute}.demo-chat-input{position:absolute;box-sizing:border-box;min-height:0;resize:none;background:var(--surface-0);border:1px solid var(--border-strong);border-radius:5px;padding:5px 8px;color:var(--text);font:12px/1.4 Segoe UI,sans-serif}.demo-chat-input:focus{outline:1px solid #72d9b0}.demo-sample-status{position:absolute;background:transparent;font:10px Segoe UI,sans-serif;display:flex;justify-content:flex-end;align-items:center;color:#9fa8a2;padding:0 7px}.demo-search-overlay{position:fixed;inset:0;z-index:100;background:#0009;display:grid;place-items:start center;padding-top:80px}.demo-search-overlay section{display:grid;width:380px;padding:12px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:8px;gap:6px}.demo-search-overlay input,.demo-search-overlay button{padding:10px;border:0;border-radius:4px;background:var(--surface-2);color:var(--text);text-align:left}.demo-search-overlay button{cursor:pointer;text-transform:capitalize}.demo-shell .sidebar-section-action,.demo-shell .project-group-action,.demo-shell .dashboard-header-actions .primary-button,.demo-shell .dashboard-section-heading .tiny-action,.demo-shell .project-card-header button,.demo-shell .notification-center,.demo-shell .sidebar-attention-dot,.demo-shell .sidebar-nav-badge,.demo-shell .sidebar-swarm-state{display:none}.demo-shell .workspace-row-state{pointer-events:none}.demo-shell .workspace-row-state:not(.running){visibility:hidden}.demo-shell .workspace-row-state.needs-attention{visibility:hidden}.demo-shell button[aria-label="Open mobile companion"]{display:none}.demo-shell .app-sidebar .sidebar-footer>button:first-child,.demo-shell .top-bar-companion{display:none}.demo-shell .dashboard-agents{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-settings,.demo-capability-preview{height:100%;min-height:0}.demo-capability-preview>.capabilities-view{height:100%}.demo-capability-preview button:disabled{cursor:default}.demo-settings button:disabled{cursor:default}.demo-settings .settings-section-nav button.active:not(.demo-active){border-color:transparent;background:transparent;color:var(--muted)}.demo-settings .settings-section-nav button.active:not(.demo-active)>svg:last-child{opacity:0;color:var(--muted-2)}.demo-settings .settings-section-nav button.demo-active{border-color:#4ad48f33;background:#4ad48f17;color:var(--accent-bright)}.demo-settings .settings-section-nav button.demo-active>svg:last-child{opacity:1;color:var(--accent)}.demo-shell .sidebar-nav-item{font-size:14px;min-height:35px}.demo-shell .top-bar{min-height:44px}.demo-shell .workspace-row-copy strong,.demo-shell .dashboard-agent-copy strong{font-size:13px}.demo-shell .dashboard-agent-copy span{overflow:visible;text-overflow:clip;white-space:normal}.demo-cli-surface{width:100%;min-height:100%;flex:1 0 auto;align-self:stretch;background:#0a0d13}.demo-cli-surface[data-cli=opencode]{background:#0a0a0a}.demo-cli-capture{position:relative;width:100%;height:auto;aspect-ratio:1126 / 514;flex-shrink:0;container-type:inline-size;background:#0a0d13}.demo-cli-capture[data-cli=opencode]{background:#0a0a0a}.demo-cli-capture>img{display:block;width:100%;height:auto}.demo-cli-capture[data-cli=codex]>img,.demo-cli-capture[data-cli=claude]>img,.demo-cli-capture[data-cli=powershell]>img{clip-path:inset(0 0 .8%)}.demo-cli-capture[data-cli=opencode]>img{clip-path:inset(2.5% 1.1%)}.demo-cli-prompt{position:absolute;display:block;background:#080c12;font:1.6cqw/1.2 Consolas,monospace}.demo-cli-capture[data-cli=codex] .demo-cli-prompt{background:#262626}.demo-cli-capture[data-cli=opencode] .demo-cli-prompt{background:#202020}.demo-opencode-model{position:absolute;left:28.4%;top:59.5%;width:23%;height:6%;display:flex;align-items:center;gap:.75cqw;padding-left:.55%;background:#202020;font:1.4cqw/1 Consolas,monospace;white-space:nowrap}.demo-opencode-model b{color:#f1f1f1;font:inherit;font-weight:600}.demo-opencode-model i,.demo-opencode-model em{color:#929292;font:inherit;font-style:normal}.demo-opencode-model strong{color:#e9a33a;font:inherit;font-weight:600}.demo-cli-prompt input{width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#dce5ef;caret-color:#83deb5;font:inherit}.demo-cli-prompt input::placeholder{color:#828b89}.demo-cli-caret{position:absolute;top:15%;left:0;height:70%;width:1ch;border:1px solid #84d6b3;pointer-events:none;animation:demo-cursor 1.1s step-end infinite}.demo-cli-prompt input:focus+.demo-cli-caret{display:none}@keyframes demo-cursor{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.demo-cli-caret{animation:none}}.demo-workspace>.terminal-workspace{min-height:0;flex:1}.demo-native-terminal{display:flex;flex-direction:column;flex:1;min-height:0}.demo-native-terminal>.terminal-workspace{flex:1;min-height:0}.demo-native-terminal .demo-single-pane{display:flex}.demo-native-terminal .demo-single-pane>.terminal-pane:not([hidden]){flex:1}.demo-cli-prompt input:focus{outline:none;box-shadow:none}.demo-workspace .terminal-cli-face{overflow:auto}.demo-workspace .terminal-tabs button:disabled{pointer-events:none;cursor:default}