:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--green:#8ad6bf;--line:#35414a;--muted:#aab9c1;--panel:#1d242b;--soft:#29333b;color:#e6edf2;background:#171c21}
html[data-theme=dark] body,html[data-theme=dark] .studio,html[data-theme=dark] #chat-main,html[data-theme=dark] .chat-embedded{color:#e6edf2;background:#171c21}
html[data-theme=dark] #chat-sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] body>header,html[data-theme=dark] .mobile-dock{background:#12181d;border-color:var(--line)}
html[data-theme=dark] .shell-toolbar,html[data-theme=dark] .chat-heading,html[data-theme=dark] .workspace-header{border-color:var(--line)}
html[data-theme=dark] button,html[data-theme=dark] select,html[data-theme=dark] dialog input,html[data-theme=dark] #chat-sidebar input,html[data-theme=dark] #workspace input,html[data-theme=dark] #workspace textarea,html[data-theme=dark] .chat textarea{color:#e6edf2;background:#202930;border-color:var(--line)}
html[data-theme=dark] button:hover,html[data-theme=dark] .chat-row:hover,html[data-theme=dark] .collection-group>summary:hover{background:#2b3840}
html[data-theme=dark] #create-chat,html[data-theme=dark] .primary,html[data-theme=dark] #send,html[data-theme=dark] #pair-approve,html[data-theme=dark] #work-tabs button[aria-pressed=true]{background:#176b55;color:#fff;border-color:#2f9274}
html[data-theme=dark] .chat-row.current,html[data-theme=dark] .tab[aria-selected=true],html[data-theme=dark] .mobile-dock button[aria-pressed=true],html[data-theme=dark] .mobile-dock button[aria-expanded=true]{background:#233d35;color:#b6ecd8}
html[data-theme=dark] .project,html[data-theme=dark] section,html[data-theme=dark] .workspace,html[data-theme=dark] .chat,html[data-theme=dark] dialog,html[data-theme=dark] .chat-menu,html[data-theme=dark] .tools-popover,html[data-theme=dark] .tab-recovery-list,html[data-theme=dark] .embedded-chat.shell-options-open .engine-options{background:#1d242b;color:#e6edf2;border-color:var(--line)}
html[data-theme=dark] .message.user,html[data-theme=dark] .reply-choices button,html[data-theme=dark] .starter-grid button,html[data-theme=dark] .agent-indicator,html[data-theme=dark] .attachment,html[data-theme=dark] .workspace-status,html[data-theme=dark] pre,html[data-theme=dark] #install-app{background:#24312f;color:#d9eae3;border-color:#3c554b}
html[data-theme=dark] #terminal-output{background:#10191a;color:#d8f1df}
html[data-theme=dark] a,html[data-theme=dark] .brand,html[data-theme=dark] .collection-icon{color:#8ad6bf}
html[data-theme=dark] label,html[data-theme=dark] .eyebrow,html[data-theme=dark] .subtle,html[data-theme=dark] .muted,html[data-theme=dark] .empty-list,html[data-theme=dark] .chat-row small,html[data-theme=dark] #chat-list-status,html[data-theme=dark] #active-chat-title,html[data-theme=dark] .shell-brand small,html[data-theme=dark] .section-heading h2,html[data-theme=dark] #notice,html[data-theme=dark] #run-state,html[data-theme=dark] #chat-settings,html[data-theme=dark] .collection-empty,html[data-theme=dark] .engine-choice,html[data-theme=dark] .shell-brand span{color:#b1c0c7}
html[data-theme=dark] #demos-count,html[data-theme=dark] .collection-count,html[data-theme=dark] .tab{background:#2a363e;color:#c4d5d9}
html[data-theme=dark] #sidebar-divider:before{background:#35414a}
html.chat-embedded[data-theme=dark] #work-messages:empty::before{color:#e6edf2}
html[data-theme=dark] #chat-form{background:#202930;border-color:var(--line);color:#e6edf2}
html[data-theme=dark] textarea::placeholder,html[data-theme=dark] input::placeholder{color:#a5b5bf;opacity:1}
html[data-theme=dark] .projects-section,html[data-theme=dark] #loose-section,html[data-theme=dark] .collection-folders,html[data-theme=dark] .collection-group nav,html[data-theme=dark] .item{border-color:var(--line)}
.appearance-choice{display:grid;gap:5px;font-size:12px;padding:8px 10px}.appearance-choice select{width:100%;font:inherit;padding:8px;margin:0}.engine-choice[hidden]{display:none}