:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:#d6d8df;background:#181a20;color-scheme:dark;--line:#30333d;--muted:#9399a7;--blue:#73b7ff;--accent:#2468bd}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#282c36;border-radius:5px;padding:8px 12px}button:hover{background:#363b47}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}a{color:var(--blue)}.primary{background:var(--accent);border-color:#347bd3;color:white}.primary:hover{background:#337bd1}input,textarea,select{width:100%;border:1px solid #414652;border-radius:4px;background:#20232b;padding:9px}textarea{resize:vertical;line-height:1.6}label{display:block;margin:16px 0 8px;font-size:12px}h1,h2,h3,p{margin-top:0}h2{font-size:25px;font-weight:550}h3{font-size:16px}small,.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--muted)}
.layout{display:grid;grid-template-columns:48px 240px minmax(0,1fr);grid-template-rows:42px minmax(0,1fr) 26px;height:100dvh;overflow:hidden}.titlebar{grid-column:1/-1;background:#252831;border-bottom:1px solid #15171c;display:flex;align-items:center;gap:10px;padding:0 12px;min-width:0;user-select:none}.titlebar button{border:0;background:transparent;padding:5px 8px}.brand-icon{display:inline-grid;place-items:center;background:#2468bd;color:white;border-radius:5px;font-weight:750;font-size:14px;width:24px;height:24px}.app-name{font-weight:600;font-size:12px}.command-title{background:#30343e;border:1px solid #484e5b;border-radius:6px;width:min(45%,540px);text-align:center;margin:auto;padding:5px 10px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-title span{color:var(--muted)}.server-label{font-size:11px;color:#8dcdad;white-space:nowrap}.activity-bar{grid-column:1;grid-row:2;background:#22252c;border-right:1px solid #181a20;display:flex;flex-direction:column;padding-top:6px}.activity-bar button{font-size:25px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#999fad;height:50px;padding:0}.activity-bar button.active{color:#f1f4fa;border-left-color:var(--blue);background:#2a2e36}.activity-bar button:hover{color:#fff}.activity-bar .settings-nav{margin-top:auto;margin-bottom:10px}aside{grid-column:2;grid-row:2;background:#20232a;border-right:1px solid var(--line);min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-heading{height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-size:10px;letter-spacing:1px;color:#c0c5cf}.sidebar-heading button{background:transparent;border:0;font-size:21px;padding:2px 5px}#search{margin:0 12px;width:calc(100% - 24px);padding:7px 9px;font-size:12px;background:#2a2e37}.sidebar-section{padding:20px 12px 9px;font-size:10px;letter-spacing:.6px;color:#acb2bf}#thread-list{flex:1;min-height:0;overflow:auto}.thread-row{display:flex;align-items:center;padding:0 5px 0 10px;min-width:0}.thread-row:hover{background:#2b2f38}.thread-row.selected{background:#303b4d}.thread-button{min-width:0;flex:1;text-align:left;background:none;border:0;border-radius:0;padding:10px 2px}.thread-button:hover{background:none}.thread-button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.thread-button small{display:block;margin:5px 0 0 17px;font-size:10px}.thread-split{border:0;background:transparent;padding:6px;font-size:17px;color:#aeb7c7}footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 12px;font-size:11px}footer p{margin-bottom:8px}footer small{font-size:10px;line-height:1.7}.text-button{display:block;background:transparent;border:0;color:#9aa7bb;padding:12px 0 0;font-size:11px}.sidebar-hidden{grid-template-columns:48px 0 minmax(0,1fr)}.sidebar-hidden aside{visibility:hidden}
main{grid-column:3;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:#181b21}header{display:flex;align-items:center;justify-content:space-between;gap:12px;height:43px;flex-shrink:0;padding:0 14px;background:#1d2027;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:8px;align-items:center;min-width:0;color:#8993a3;font-size:11px}.breadcrumb h1{margin:0;font-size:12px;color:#c9cfd9;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#section-label{font-size:9px;letter-spacing:1px}#split-editor{font-size:12px;border:0;background:transparent;padding:6px;white-space:nowrap;color:#bbd5f7}#notice{flex-shrink:0;padding:10px 16px;background:#423821;color:#f1d69b;border-bottom:1px solid #675431;max-height:100px;overflow:auto}.view{min-height:0;flex:1;min-width:0}#view-chats{display:flex;overflow:hidden}#editors{display:flex;flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.editor-group{flex:1 0 340px;min-width:340px;display:flex;flex-direction:column;min-height:0;border-right:1px solid #424754;background:#1c1f26;overflow:hidden}.editor-group:last-child{border-right:0}.group-bar{display:flex;min-width:0;background:#15181e;border-top:2px solid transparent;height:40px;flex-shrink:0}.focused .group-bar{border-top-color:#559df1}.tabs{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#414652 transparent}.tab{display:flex;align-items:center;background:#22252c;border-right:1px solid #14171c;max-width:240px;flex-shrink:0}.tab.active{background:#1c1f26;color:#eff3fa}.tab-select{display:flex;align-items:center;gap:8px;border:0;border-radius:0;background:transparent;padding:9px 8px 9px 13px;min-width:0;font-size:12px;color:#aab1bd}.tab-select>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:175px}.tab.active .tab-select{color:#edf0f6}.tab-select:hover{background:transparent}.tab-icon{color:#79b6ed;font-size:16px}.tab-select i{color:#a9bfd6}.tab-close{border:0;background:transparent;border-radius:4px;padding:0 5px;margin-right:7px;font-size:17px;color:#979fac}.group-tools{display:flex;align-items:center;padding:0 4px;background:#181b21;flex-shrink:0}.group-tools button{border:0;background:transparent;padding:3px 6px;font-size:18px}.group-tools button:hover{background:#383e49}.pane-caption{font-size:10px;color:#8f98a9;padding:9px 15px;border-bottom:1px solid #292e38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.transcript{flex:1;min-height:0;overflow:auto;padding:14px 22px;overscroll-behavior:contain;scrollbar-gutter:stable}.message{padding:18px 0;border-bottom:1px solid #2d323c;overflow-wrap:anywhere}.message .role{color:#8bbcff;letter-spacing:1px;font-size:10px;font-weight:700;margin-bottom:10px}.message.user .role{color:#c1c7d2}.message.user .text{background:#272c37;border:1px solid #343c4b;border-radius:7px;padding:12px 14px}.message .text{font-size:13px;line-height:1.8;white-space:pre-wrap;color:#d8dce5}.welcome{margin:40px auto 20px;max-width:400px}.welcome-mark{font-size:66px;color:#374150;font-weight:750;margin-bottom:22px;letter-spacing:-6px}.welcome h2{font-size:24px;color:#dce2ec;letter-spacing:-.5px}.welcome p{font-size:12px;color:#8f9aac;line-height:1.8;margin:16px 0 28px}.welcome button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;border-bottom:1px solid #333b48;border-radius:0;background:none;color:#a7c8f4;padding:13px 0;font-size:12px}.welcome button:hover{color:#d8eaff}.run-status{font-size:11px;line-height:1.5;padding:0 14px;color:#9eb8d8;flex-shrink:0;max-height:65px;overflow:auto}.run-status:not(:empty){padding-top:8px;padding-bottom:6px}.run-status.error{color:#f4a8a1}.composer{margin:12px 12px 10px;border:1px solid #454e60;border-radius:8px;background:#232833;flex-shrink:0;padding:8px}.composer:focus-within{border-color:#69aaf5}.composer textarea{background:none;border:0;min-height:70px;max-height:180px;padding:6px;font-size:13px;outline:none}.composer textarea:focus-visible{outline:none}.composer-bottom{display:flex;align-items:center;gap:7px;min-width:0}.composer-bottom select{border:0;background:#232833;font-size:11px;min-width:0;flex:1;padding:7px 2px;text-overflow:ellipsis}.composer-bottom button{flex-shrink:0;padding:7px 9px;font-size:11px}.composer-hint{display:block;color:#7f899c;font-size:9px;padding:7px 5px 0}.statusbar{grid-column:1/-1;display:flex;gap:20px;align-items:center;padding:0 12px;background:#204a79;color:#deebfa;font-size:10px;min-width:0;white-space:nowrap;overflow:hidden}.status-spacer{flex:1}.content-view{overflow:auto;padding:30px clamp(20px,4vw,60px);scrollbar-gutter:stable}.content-view>*{max-width:960px;margin-left:auto;margin-right:auto}.intro{padding:10px 0 15px}.intro p{color:#9da7b9;line-height:1.8}.panel{background:#22262f;border:1px solid #363e4c;border-radius:7px;padding:24px;margin-top:20px;margin-bottom:20px}.panel p,.panel li{line-height:1.8;color:#aab3c2}.panel button{margin-top:14px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.settings-row p{margin-bottom:0}.panel ul{padding-left:18px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#b7c1d1}#device-code{padding:20px;background:#192637;margin:20px 0;border-radius:7px}#code{display:block;font-size:30px;letter-spacing:4px;margin:16px 0}.task{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:18px;margin-bottom:8px}.task small{display:block;margin-top:6px}.status{padding:5px 8px;font-size:10px;border-radius:5px;background:#343d4b;white-space:nowrap}.status.running,.status.starting{color:#e4c774;background:#433e29}.status.failed,.status.interrupted{color:#f2b4b0;background:#493236}.empty{color:#8f98a9;padding:20px 12px;line-height:1.7;font-size:12px}.login{height:100dvh;overflow:auto;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0%,#293c55,transparent 65%),#181b22}.login-card{width:min(100%,470px);padding:36px;background:#222731;border:1px solid #3b4656;border-radius:12px}.login-card .brand-icon{width:40px;height:40px;font-size:24px}.login-card .eyebrow{margin-top:25px}.login-card h1{font-size:28px;line-height:1.4}.login-card p{line-height:1.7}.login-card button{width:100%;margin-top:18px}.login-card small{display:block;margin-top:20px}#login-error{color:#ffb5ab}.working{animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.working{animation:none}}
@media(max-width:1000px){.layout{grid-template-columns:44px 205px minmax(0,1fr)}.sidebar-hidden{grid-template-columns:44px 0 minmax(0,1fr)}.transcript{padding:12px 16px}.command-title{width:45%}.server-label{display:none}}
@media(max-width:700px){.layout{grid-template-columns:40px 0 minmax(0,1fr)}aside{visibility:hidden}.layout.sidebar-hidden{grid-template-columns:40px 205px minmax(0,1fr)}.layout.sidebar-hidden aside{visibility:visible}.app-name,.command-title span,#section-label,#execution-status{display:none}.command-title{width:auto;flex:1;font-size:10px}.titlebar{padding:0 8px;gap:6px}.editor-group{min-width:min(340px,calc(100vw - 40px));flex-basis:calc(100vw - 40px)}.group-tools button{padding:3px 5px}.breadcrumb{min-width:0}header{padding:0 10px}#split-editor span{display:none}.statusbar{gap:12px;font-size:9px}.statusbar>span:last-child{display:none}.settings-row{display:block}.panel{padding:18px}.content-view{padding:18px}.welcome{margin-top:20px}.welcome h2{font-size:21px}.composer-hint{font-size:9px}.login-card{padding:25px}}

.chat-summary{margin:18px 0;padding:4px 0 4px 16px;border-left:2px solid #6b618f;overflow-wrap:anywhere}.chat-summary .role{font-size:9px;letter-spacing:1px;color:#b0a0dd;margin-bottom:9px}.chat-summary .text{font-size:13px;line-height:1.75;color:#aebad0;white-space:pre-wrap}.chat-summary .text pre{overflow:auto;background:#141a25;padding:12px;border-radius:8px}.chat-summary .text code{color:#c9bfee}.chat-summary .run-plan{margin:0}.chat-event{display:flex;align-items:center;gap:9px;margin:11px 0;color:#8595af;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.chat-event time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}.message.commentary{padding:13px 0}.message.commentary .text{color:#bac6db}.run-strip{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid #354157;border-radius:10px;background:#202839;color:#b8c5dd;font-size:12px}.run-strip small{display:block;font-size:10px;color:#7f8fa9;margin-top:3px}.run-strip .run-clock{margin-left:auto}.run-strip .phase-orb{width:26px;height:26px;font-size:16px}
.layout{transition:grid-template-columns .18s ease}.thread-row{transition:background .16s ease,box-shadow .16s ease}.composer{transition:border-color .18s ease,box-shadow .18s ease}.transcript{overflow-anchor:none}.pane-caption{display:flex;align-items:center;gap:12px;min-height:34px}.pane-caption>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-caption .run-clock{font-size:10px;color:#8292aa}.run-status:has(.last-event:empty){display:none}button:active:not(:disabled){transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.layout,.thread-row,.composer{transition:none}button:active:not(:disabled){transform:none}}
.editor-group{position:relative}
.pane-resizer{position:absolute;right:0;top:0;bottom:0;width:8px;z-index:5;cursor:col-resize;touch-action:none;outline:none;background:transparent}
.pane-resizer::after{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:#505c73;opacity:.4;transition:background .15s,opacity .15s}
.pane-resizer:hover::after,.pane-resizer:focus-visible::after,.resizing-panes .pane-resizer::after{background:#a99cff;opacity:1}
.resizing-panes,.resizing-panes *{cursor:col-resize!important;user-select:none!important;-webkit-user-select:none!important}
/* Quiet desktop surfaces; only real running activity is animated. */
:root{--line:#2c3445;--muted:#929fb5;--blue:#acb8ff;--accent:#6466cf;color:#e1e6f0;background:#11151e}
button{border-radius:8px;transition:background .15s,border-color .15s}.primary{background:#6964d8;border-color:#847feb}.primary:hover{background:#7c75eb}
.titlebar{background:#191e2b;border-bottom:1px solid var(--line)}.brand-icon{background:linear-gradient(135deg,#8278ef,#407dbb);border-radius:7px}.command-title{background:#202635;border-color:#353e50;color:#b6c2d6}.server-label{color:#86cdb5}
.activity-bar{background:#161b26;border-color:var(--line)}.activity-bar button.active{background:#252c41;border-left-color:#a99cff;color:#c5bcff}
aside{background:#191f2b}.sidebar-heading{color:#a7b2c7}#search{background:#121925;border:1px solid #303b4e;border-radius:8px}.sidebar-section{color:#6f7e97;font-size:9px}.thread-row{margin:3px 8px;padding-left:10px;border-radius:8px}.thread-row.selected{background:#2a3048;box-shadow:inset 2px 0 #a699fc}.thread-row:hover{background:#252d3d}.thread-button{padding:12px 2px}.thread-button small{color:#8e9ab1}footer{border-color:#293244;color:#8e9bb1}footer small{color:#74819a}
main,header{background:#171d28}.editor-group{background:#181e2a;border-color:#353d50}.group-bar{background:#131923;height:43px}.focused .group-bar{border-top-color:#9585ea}.tab{background:#1a202d;border-color:#131923}.tab.active{background:#262b40}.tab.active .tab-select{color:#e7e1ff}.tab-icon{color:#b2a1f6}.group-tools{background:#171d28}.pane-caption{border-color:#293244;color:#8391a9;padding:10px 18px}.transcript{padding:16px clamp(18px,3vw,42px)}
.message{border:0;padding:16px 0 22px}.message .role{color:#a99cf4;letter-spacing:1.2px;font-size:9px}.message.user .role{color:#99a7be}.message .text{color:#dbe2ef;font-size:14px;line-height:1.8}.message.user .text{background:#242c3e;border:1px solid #35415a;border-radius:14px 14px 4px 14px;padding:14px 17px}.message .text code,.reasoning-summary code{background:#252d40;padding:2px 5px;border-radius:4px;font-size:.9em;color:#c6bef8}.message .text pre,.reasoning-summary pre{overflow:auto;background:#101722;border:1px solid #2e3950;padding:16px;border-radius:10px;white-space:pre}.message .text pre code,.reasoning-summary pre code{background:none;padding:0}.message .text h3{margin:16px 0 4px;font-size:16px;color:#e8eafa}.message .text strong{font-weight:650;color:#f1f1fb}
.welcome{margin:clamp(20px,6vh,70px) auto 24px}.welcome-mark{display:grid;place-items:center;width:60px;height:60px;background:linear-gradient(145deg,#393b69,#26394b);border:1px solid #595786;border-radius:18px;font-size:28px;letter-spacing:-2px;color:#cbc3ff;box-shadow:0 12px 50px #6453ac22}.welcome h2{font-size:26px;font-weight:600}.welcome p{color:#94a2bb;font-size:13px}.welcome button{border:1px solid #303b51;border-radius:10px;padding:14px 15px;background:#202737;margin-bottom:9px;color:#c1c8e8}.welcome button:hover{background:#293248;border-color:#5c5c8c}
.composer{margin:10px 16px 14px;padding:10px;background:#222b3b;border:1px solid #3f4b64;border-radius:14px;box-shadow:0 6px 24px #080c1426}.composer:focus-within{border-color:#9586e5;box-shadow:0 0 0 2px #8271c318}.composer textarea{min-height:60px;max-height:140px;font-size:14px}.composer textarea::placeholder{color:#8090aa}.composer-bottom select{background:#222b3b;color:#a8b7ce}.composer-bottom .primary{padding:8px 13px;border-radius:8px}.composer-hint{color:#7c8ba5}.statusbar{background:#191f2d;border-top:1px solid #30384a;color:#93a4bf;gap:16px}#connection{color:#91c8b3}
#network-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#352f24;border-bottom:1px solid #665239;padding:12px 18px;flex-shrink:0;color:#efd4a1;font-size:12px}#network-banner p{font-size:11px;margin:5px 0 0;line-height:1.5;color:#c7b898}#network-banner button{white-space:nowrap;background:#4a402e;border-color:#756142;color:#efd4a1;font-size:11px}
.progress-slot{flex-shrink:0;margin:0 16px;max-height:34vh;overflow:auto}.progress-slot:empty{display:none}.progress-card{border:1px solid #364158;border-radius:12px;background:linear-gradient(135deg,#252b40,#202a37);overflow:hidden}.progress-card>summary{display:flex;align-items:center;gap:11px;padding:12px 13px;cursor:pointer;list-style:none;user-select:none}.progress-card>summary::-webkit-details-marker{display:none}.progress-heading{min-width:0;flex:1}.progress-heading b{font-size:12px;font-weight:550;display:block;color:#d9daf3}.progress-heading small{font-size:10px;display:block;color:#8e9cb5;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-orb{display:grid;place-items:center;background:#373457;border:1px solid #5a527c;width:30px;height:30px;border-radius:10px;color:#c2b5ff;font-size:19px;flex-shrink:0}.live .phase-orb{animation:glow 2s ease-in-out infinite}.completed .phase-orb{background:#203d36;color:#9bd7b8;border-color:#37594d}.failed .phase-orb,.interrupted .phase-orb{background:#493135;color:#f2a9a9;border-color:#704448}.run-clock{font-size:12px;font-variant-numeric:tabular-nums;color:#bcc6e4;white-space:nowrap}.disclosure{color:#8290ac;transition:transform .2s}.progress-card[open] .disclosure{transform:rotate(180deg)}.progress-body{border-top:1px solid #374057;padding:12px 14px;max-height:180px;overflow:auto;overscroll-behavior:contain}.activity-caption{font-size:10px;color:#7f8da6;line-height:1.5;margin:0 0 12px}.no-summary{font-size:11px;line-height:1.5;color:#98a5ba;margin-bottom:12px}.reasoning-summary{font-size:12px;line-height:1.7;white-space:pre-wrap;color:#c4cee0;margin-bottom:12px}.run-plan{list-style:none;padding:0;margin:0 0 14px;font-size:12px}.run-plan li{display:flex;gap:9px;padding:5px 0;line-height:1.4}.run-plan li span{color:#a89ae7}.plan-completed{color:#8da8a0}.activity-events{list-style:none;padding:0;margin:0}.activity-events li{display:flex;align-items:center;gap:9px;font-size:11px;padding:6px 0;color:#a5b3c9}.activity-events time{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:#76879e;white-space:nowrap}.event-dot{width:6px;height:6px;border-radius:50%;background:#638e86;flex-shrink:0}.event-dot.running{background:#b09bec;box-shadow:0 0 0 3px #8c71cf22}.event-dot.failed,.event-dot.interrupted{background:#d08b8b}.activity-error{font-size:11px;color:#e8a8a8;margin:12px 0 0;line-height:1.6}.last-event{font-size:10px;color:#b9aa87}
@keyframes glow{50%{box-shadow:0 0 0 4px #9c7ff610;border-color:#9b86d9}}@media(prefers-reduced-motion:reduce){.live .phase-orb{animation:none}button,.disclosure{transition:none}}@media(max-width:800px){#sync-info{display:none}.progress-slot{margin:0 12px}.composer{margin:10px 12px}.message .text{font-size:13px}.progress-body{max-height:140px}}@media(max-height:700px){.progress-body{max-height:110px}.composer textarea{min-height:45px}.composer-hint{display:none}.welcome{margin-top:15px}}