.ai-terminal[data-agent]{background:#151515;border-color:#ffffff19}.ai-terminal[data-agent] .terminal-top{color:#969696;background:#1c1c1c}.ai-terminal[data-agent] .ai-tabs{background:#242424}.ai-terminal[data-agent] .ai-tabs button{color:#999}.ai-terminal[data-agent] .ai-tabs button[aria-selected=true]{background:#3b3b3b;color:#f5f5f5;border-color:#ffffff12}.ai-terminal[data-agent] .terminal-body{border-color:#ffffff12;padding:22px 20px;color:#dedede}.ai-terminal[data-agent] .terminal-footer button,.ai-terminal[data-agent] .terminal-footer a{background:#252525;border-color:#ffffff15;color:#ddd}.ai-terminal[data-agent] .demo-replay{color:#b6b6b6}.agent-welcome{display:flex;gap:17px;align-items:center;margin:0 0 22px;min-height:85px}.claude-mascot{font-size:17px;line-height:1.12;color:#d88d6e;white-space:pre;margin:0;font-family:Consolas,monospace;letter-spacing:-1px}.agent-welcome strong{display:block;color:#f1efeb;font-size:14px}.agent-welcome small{display:block;color:#909090;font-size:10px;line-height:1.8;margin-top:4px}.agent-path{color:#858585;font-size:10px}.ai-terminal[data-agent] .terminal-prompt{font-size:12px;color:#eee;line-height:1.6;margin:20px 0 25px}.ai-terminal[data-agent=claude] .terminal-prompt{padding:10px 12px;background:#242424;border-left:2px solid #d88d6e}.ai-terminal[data-agent=claude] .terminal-prompt>span{color:#ddd}.ai-terminal[data-agent] .terminal-steps strong{font-size:11px;color:#e6e6e6}.ai-terminal[data-agent] .terminal-steps div>span{font-size:10px;color:#939393;line-height:1.6}.ai-terminal[data-agent] .terminal-steps li{padding-bottom:23px}.ai-terminal[data-agent=claude] .step-dot{color:#80b589}.agent-input{border-top:1px solid #666;border-bottom:1px solid #666;padding:12px 0;color:#7e7e7e;font-size:11px;margin-top:8px}.agent-input b{font-weight:400;color:#e0dfdc}.agent-statusbar{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#737373;padding:8px 0 0}.claude-finish{color:#d88d6e;font-size:10px;margin:10px 0}.codex-header{border:1px solid #626269;border-radius:5px;padding:16px 18px;font-size:12px;line-height:1.8;color:#e6e6ec}.codex-header strong{font-size:14px}.codex-header .cli-chevron{color:#999}.codex-header dl{display:grid;grid-template-columns:85px 1fr;gap:0;margin:13px 0 0}.codex-header dt{color:#888}.codex-header dd{margin:0;overflow-wrap:anywhere}.codex-header dd em{font-style:normal;color:#47b6c6}.codex-tip{font-size:10px;color:#a3a3ac;line-height:1.6;margin:18px 0}.ai-terminal[data-agent=codex]{background:#101016}.ai-terminal[data-agent=codex] .terminal-body{background:#101016}.ai-terminal[data-agent=codex] .terminal-prompt{background:#26262f;padding:12px;margin-left:-8px;margin-right:-8px}.ai-terminal[data-agent=codex] .terminal-prompt>span{color:#92929c}.ai-terminal[data-agent=codex] .step-dot{color:#9c9ca5}.ai-terminal[data-agent=codex] .terminal-steps li:nth-child(2) div>span{color:#50b7c4}.ai-terminal[data-agent=codex] .agent-input{border:0;background:#26262f;padding:12px}.ai-terminal[data-agent=cursor]{font-family:Arial,sans-serif;background:#181818}.ai-terminal[data-agent=cursor] .terminal-body{padding:0 16px 16px}.cursor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff14;color:#aaa;font-size:12px;margin-bottom:22px}.cursor-toolbar strong{color:#e4e4e4;font-weight:500}.cursor-user{background:#252525;border:1px solid #ffffff10;padding:13px;border-radius:9px;margin:16px 0 22px;color:#ddd;font-size:12px;line-height:1.65}.cursor-user>span{display:block;font-size:10px;color:#999;margin-bottom:8px}.cursor-response{font-size:12px;line-height:1.7;color:#c5c5c5;margin-bottom:20px}.ai-terminal[data-agent=cursor] .terminal-steps li{border:1px solid #ffffff14;border-radius:6px;padding:11px;margin-bottom:10px;gap:10px;background:#1c1c1c}.ai-terminal[data-agent=cursor] .terminal-steps strong{font-size:11px;font-weight:500}.ai-terminal[data-agent=cursor] .terminal-steps div>span{font-family:Consolas,monospace;font-size:9px;color:#8a8a8a}.ai-terminal[data-agent=cursor] .step-dot{color:#87b98e;font-size:10px}.cursor-composer{border:1px solid #ffffff25;border-radius:9px;padding:13px;margin-top:24px;color:#828282;font-size:11px;background:#202020}.cursor-composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px}.cursor-mode{border:1px solid #ffffff20;padding:4px 7px;border-radius:6px;color:#c3c3c3}.cursor-send{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d7d7d7;color:#202020}.ai-terminal[data-agent=any] .terminal-client{border-color:#83708e;color:#bda3ce;background:#151515}.ai-terminal[data-agent=any] .client-name{background:#151515}.ai-terminal[data-agent=any] .step-dot{color:#b38ecb}.agent-ui-note{font-size:9px;color:#8a7a95;margin:10px 0 0;text-align:center}@media(max-width:420px){.ai-terminal[data-agent] .terminal-body{padding:18px 13px}.agent-welcome{gap:12px}.claude-mascot{font-size:15px}.agent-welcome strong{font-size:12px}.agent-welcome small{font-size:9px}.codex-header{padding:12px;font-size:10px}.codex-header strong{font-size:12px}.codex-header dl{grid-template-columns:65px 1fr}.ai-terminal[data-agent] .terminal-prompt{font-size:11px}.ai-terminal[data-agent] .terminal-steps strong{font-size:10px}.ai-terminal[data-agent] .terminal-steps div>span{font-size:9px}}
.ai-terminal:not([data-agent="any"]) .client-name{position:static;background:none;padding:0;color:inherit}
/* Claude Code terminal treatment based on the supplied reference screenshot. */
.ai-terminal[data-agent=claude]{background:#181818}
.ai-terminal[data-agent=claude] .terminal-body{background:#181818;padding:17px 14px;color:#d8d8d8}
.ai-terminal[data-agent=claude] .agent-welcome{gap:15px;align-items:flex-start;min-height:0;margin:0 0 18px}
.ai-terminal[data-agent=claude] .claude-mascot{font-size:12px;line-height:.85;letter-spacing:-.5px;color:#d88767;margin:1px 0 0;flex-shrink:0}
.ai-terminal[data-agent=claude] .agent-welcome strong{font-size:12px;line-height:1.35;letter-spacing:.25px;color:#dcdcdc}
.ai-terminal[data-agent=claude] .claude-version{color:#818181;font-weight:400}
.ai-terminal[data-agent=claude] .agent-welcome small{font-size:12px;line-height:1.35;margin-top:0;color:#818181;letter-spacing:.2px}
.ai-terminal[data-agent=claude] .agent-path{font-size:12px;color:#818181}
.ai-terminal[data-agent=claude] .terminal-prompt{background:#303030;border:0;margin:0 -5px 18px;padding:2px 5px;color:#dadada;font-size:12px;line-height:1.45;letter-spacing:.15px}
.ai-terminal[data-agent=claude] .terminal-steps li{gap:7px;padding:0 0 19px;line-height:1.45}
.ai-terminal[data-agent=claude] .terminal-steps strong{font-size:12px;font-weight:400;color:#d7d7d7;letter-spacing:.15px;line-height:1.45}
.ai-terminal[data-agent=claude] .terminal-steps div>span{font-size:12px;color:#adadad;line-height:1.45;margin-top:1px}
.ai-terminal[data-agent=claude] .terminal-steps div>span:empty{display:none}
.ai-terminal[data-agent=claude] .step-dot{font-size:12px;color:#56b77b;line-height:1.45}
.ai-terminal[data-agent=claude] .terminal-steps li:first-child .step-dot,.ai-terminal[data-agent=claude] .terminal-steps li:last-child .step-dot{color:#f0f0f0}
.ai-terminal[data-agent=claude] .agent-input{margin:5px -14px 0;padding:7px 14px;height:35px;border-color:#646571;font-size:12px;color:#dadada;display:flex;align-items:center;gap:7px}
.claude-caret{display:inline-block;width:8px;height:15px;background:#ddd}
.ai-terminal[data-agent=claude] .agent-statusbar{font-size:12px;padding:8px 0 0 15px;color:#797979}
@media(max-width:420px){.ai-terminal[data-agent=claude] .terminal-body{padding:16px 12px}.ai-terminal[data-agent=claude] .agent-welcome{gap:12px}.ai-terminal[data-agent=claude] .agent-welcome strong,.ai-terminal[data-agent=claude] .agent-welcome small,.ai-terminal[data-agent=claude] .agent-path{font-size:10px}.ai-terminal[data-agent=claude] .terminal-prompt,.ai-terminal[data-agent=claude] .terminal-steps strong,.ai-terminal[data-agent=claude] .terminal-steps div>span{font-size:11px}.ai-terminal[data-agent=claude] .agent-input{margin-left:-12px;margin-right:-12px}}