.agent-demo-scene{width:100%;height:100%;display:flex;flex-direction:column;padding:0 24px;background:#101318;color:#e4e8ee;font-family:'Segoe UI',system-ui,sans-serif;overflow:hidden;--agent-chat:#181c22;--agent-rule:#ffffff16;--agent-subtle:#a7b1bf;--agent-mint:#b4e8ce}
.agent-demo-scene .agent-scene-header{height:76px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.agent-demo-scene .agent-route{display:flex;align-items:center;gap:17px;font-size:17px;font-weight:600;letter-spacing:-.01em}
.agent-demo-scene .agent-route>svg{color:#7b899b}
.agent-demo-scene .agent-route-protocol{color:var(--agent-mint);font-size:12px;letter-spacing:.07em}
.agent-demo-scene .agent-scene-caption{font-size:13px;color:var(--agent-subtle)}
.agent-demo-scene .agent-scene-workspace{display:grid;grid-template-columns:414px minmax(0,1fr);gap:18px;flex:1;min-height:0}
.agent-demo-scene .agent-chat{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--agent-rule);border-radius:10px;background:var(--agent-chat)}
.agent-demo-scene .agent-chat-header{height:47px;min-height:47px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--agent-rule)}
.agent-demo-scene .agent-chat-header>strong{font-size:17px;font-weight:600;letter-spacing:-.025em}
.agent-demo-scene .agent-chat-header>span{font-size:12px;color:var(--agent-subtle)}
.agent-demo-scene .agent-chat-header-action{margin-left:auto;display:flex;align-items:center}
.agent-demo-scene .agent-task-heading{padding:22px 22px 0}
.agent-demo-scene .agent-workspace-name{display:flex;align-items:center;gap:6px;color:var(--agent-subtle);font-size:12px}
.agent-demo-scene .agent-task-heading h2{margin:9px 0 0;font-size:21px;font-weight:550;line-height:1.3;letter-spacing:-.025em}
.agent-demo-scene .agent-conversation{flex:1;min-height:0;overflow:hidden;padding:23px 22px 0;font-size:13px;line-height:1.55}
.agent-demo-scene .agent-user-message{margin:0 0 23px 20px;padding:12px 14px;border-radius:12px 12px 3px 12px;background:#2b323c;color:#e4e8ee;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.agent-demo-scene .agent-assistant-label{margin-bottom:6px;color:#e4e8ee;font-size:12px;font-weight:600}
.agent-demo-scene:is([data-phase='idle'],[data-phase='composing']) .agent-assistant-label{visibility:hidden}
.agent-demo-scene .agent-assistant-reply{margin:0 0 15px;color:#c8d0dc;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.agent-demo-scene .agent-tool-chain{display:flex;flex-direction:column;gap:0}
.agent-demo-scene .agent-tool-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--agent-rule)}
.agent-demo-scene .agent-tool-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:20px;color:var(--agent-subtle)}
.agent-demo-scene .agent-tool-copy{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}
.agent-demo-scene .agent-tool-copy strong{font-size:12px;font-weight:500;color:#dce3ed;line-height:1.4}
.agent-demo-scene .agent-tool-copy code{font-family:'JetBrains Mono Variable',Consolas,monospace;font-size:10px;font-weight:400;line-height:1.35;color:var(--agent-subtle)}
.agent-demo-scene .agent-tool-detail{display:none}
.agent-demo-scene .agent-tool-status{padding-top:2px;font-size:10px;color:var(--agent-subtle);white-space:nowrap;line-height:1.5}
.agent-demo-scene .agent-tool-row[data-status='working'] .agent-tool-status,.agent-demo-scene .agent-tool-row[data-status='working'] .agent-tool-icon{color:var(--agent-mint)}
.agent-demo-scene .agent-tool-row[data-status='completed'] .agent-tool-status{color:var(--agent-mint)}
.agent-demo-scene .agent-assistant-summary{margin:16px 0 0;padding-top:13px;border-top:1px solid var(--agent-rule);font-size:13px;line-height:1.55;color:#dce3ed;white-space:pre-line}
.agent-demo-scene .agent-chat-compose-area{padding:20px 16px 13px;flex-shrink:0}
.agent-demo-scene .agent-composer{min-height:109px;border:1px solid #ffffff24;border-radius:12px;background:#20252d;display:flex;flex-direction:column;padding:13px 13px 9px;gap:12px}
.agent-demo-scene .agent-composer-text{font-size:13px;color:#e4e8ee;line-height:1.5;min-height:39px;overflow-wrap:anywhere}
.agent-demo-scene .agent-composer-placeholder{color:#aab5c4}
.agent-demo-scene [data-agent-composer]:not(:empty)+.agent-composer-placeholder{display:none}
.agent-demo-scene .agent-compose-caret{display:none;height:1em;width:1px;background:var(--agent-mint);vertical-align:-.14em}
.agent-demo-scene[data-phase='composing'] .agent-compose-caret{display:inline-block}
.agent-demo-scene .agent-composer-controls{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#c5ceda;font-size:11px}
.agent-demo-scene .agent-composer-controls>span:first-child{display:flex;align-items:center;gap:11px}
.agent-demo-scene .agent-send{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#d9e4df;color:#15261d}
.agent-demo-scene .agent-chat-note{margin:10px 0 0;color:var(--agent-subtle);font-size:10px;text-align:center;line-height:1.5}
.agent-demo-scene .agent-native-window{min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:10px}
.agent-demo-scene .agent-native-window>.app-shell{height:100%;width:100%}
.agent-demo-scene .agent-terminal-status{height:26px;min-height:26px;display:flex;align-items:center;gap:7px;padding:0 12px;border-top:1px solid var(--line-strong);font-size:10px;color:var(--muted)}
.agent-demo-scene .agent-terminal-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}
.agent-demo-scene .agent-terminal-status-source{margin-left:auto}
.agent-demo-scene .agent-scene-footer{height:38px;min-height:38px;display:flex;align-items:center;justify-content:space-between;color:#9ca8b8;font-size:10px}
.agent-demo-scene [hidden]{display:none!important}