.theme-toggle{flex-shrink:0}
.theme-toggle .theme-moon{display:none}
html[data-theme=light] .theme-toggle .theme-sun{display:none}
html[data-theme=light] .theme-toggle .theme-moon{display:block}
.app-header .header-tools{gap:14px}
.workspace-header nav .theme-toggle{width:40px;height:40px;min-width:40px;padding:0;background:#1a263a;color:#cad4e8}
.studio-header .theme-toggle{width:40px;height:40px}
html[data-theme=light]{color-scheme:light;--navy:#f4f7fc;--panel:#fff;--muted:#63718a;--border:#d4ddeb}
html[data-theme=light] body{color:#21314d;background:#f2f5fb}
html[data-theme=light] :is(button,a,input,select,textarea):focus-visible{outline-color:#6650c4}
html[data-theme=light] .record-indicator{color:#b8234c!important}
html[data-theme=light] .chat-page{background-image:linear-gradient(180deg,#f6f8fffa 0%,#f4f7ffed 40%,#edf3f9b0 75%,#edf3f9a0),url('../img/mauritius-coast.jpg')}
html[data-theme=light] .chat-page:after{opacity:.15}
html[data-theme=light] .app-header{background:linear-gradient(100deg,#ffffffed,#eef2ffed);border-color:#d6deed}
html[data-theme=light] .brand small{color:#64718b}
html[data-theme=light] .mode-nav{background:#e8edf6}
html[data-theme=light] .mode-button{background:linear-gradient(120deg,#e9edf6,#eef1fa);color:#4c5b76}
html[data-theme=light] .mode-button .icon{color:inherit}
html[data-theme=light] .mode-button.active{background:linear-gradient(130deg,#4024cf,#4325ea);color:#fff}
html[data-theme=light] .settings-button{background:#e7ecf7;color:#52617c}
html[data-theme=light] .ui-language select{color:#293a57}
html[data-theme=light] .ui-language>.icon:last-child{color:#697892}
html[data-theme=light] .sidebar{background:linear-gradient(#f9fbfff0 40%,#f3f7fc99);border-color:#d4ddeb}
html[data-theme=light] .sidebar nav>a,html[data-theme=light] .sidebar nav>button{color:#4b5b74}
html[data-theme=light] .sidebar nav .icon{color:#687995}
html[data-theme=light] .sidebar nav .selected{background:linear-gradient(105deg,#4229da,#6650df);color:#fff}
html[data-theme=light] .sidebar .selected .icon,html[data-theme=light] .sidebar .selected small{color:#fff}
html[data-theme=light] .media-link,html[data-theme=light] .sidebar nav>.sidebar-media{background:linear-gradient(#fff6f8,#fff8ef) padding-box,linear-gradient(120deg,#ff2861,#ff3e67 65%,#ff981e) border-box;color:#c32b57}
html[data-theme=light] .header-media strong{color:#a24a11}
html[data-theme=light] .media-link small{color:#a34b65}
html[data-theme=light] .island-note{color:#233750;text-shadow:0 1px 5px #fff}
html[data-theme=light] .conversation{background:linear-gradient(120deg,#ffffffef,#f7f9ffed);border-color:#cfd9e9;box-shadow:0 12px 40px #314c7a10}
html[data-theme=light] .video-tile{border-color:#b8c5dd}
html[data-theme=light] .video-placeholder{background:radial-gradient(ellipse at 25% 10%,#d8cbe880,transparent 70%),linear-gradient(145deg,#eaeaf6,#e0edf2);color:#29395a}
html[data-theme=light] .local-tile .video-placeholder{background:radial-gradient(ellipse at 85% 0%,#c6c2ff90,transparent 70%),linear-gradient(145deg,#eeeafa,#e2eafa)}
html[data-theme=light] .video-placeholder p{color:#586c86}
html[data-theme=light] .orb{background:linear-gradient(140deg,#d8d0fa88,#e0e1f555);border-color:#b6afe1;color:#6453ad;box-shadow:0 0 0 15px #8575bf08,0 0 0 30px #8575bf04}
html[data-theme=light] .tile-kicker{color:#6a7796}
html[data-theme=light] .preview-button{background:#ffffff88;border-color:#b3b4d8;color:#4b4284}
html[data-theme=light] .tile-badge,html[data-theme=light] .quality-badge,html[data-theme=light] .video-caption{color:#fff}
html[data-theme=light] .circle-control{background:linear-gradient(130deg,#e7edf8,#dfe6f3);color:#536582;box-shadow:inset 0 0 0 1px #bcc8df55}
html[data-theme=light] .next-control{background:linear-gradient(135deg,#ff6052,#fa244f 65%,#e51779);color:#fff;box-shadow:0 0 30px #ed285a25}
html[data-theme=light] .next-wrap{color:#bd2856}
html[data-theme=light] .report-control{color:#e72b53}
html[data-theme=light] .stop-button{color:#687994}
html[data-theme=light] .chat-panel{background:linear-gradient(#f9faff,#f2f6fd);border-color:#d3ddeb}
html[data-theme=light] .chat-tabs{background:#f1f4fc;border-color:#d6dfee}
html[data-theme=light] .chat-tabs>button{background:#e8edf7;color:#60718e}
html[data-theme=light] .chat-tabs>button.active{background:linear-gradient(135deg,#3512b0,#4828e4);color:#fff}
html[data-theme=light] .connection-banner{background:linear-gradient(115deg,#e1f7ee,#edf9f9);border-color:#39b69e;color:#23584f}
html[data-theme=light] .connection-banner small{color:#52736f}
html[data-theme=light] .connection-banner>.icon{color:#07a989}
html[data-theme=light] .connection-banner.error{background:#fff0f4;border-color:#e15c80;color:#9e3151}
html[data-theme=light] .empty-chat{color:#687994}
html[data-theme=light] .empty-chat>.icon{color:#8a79bc}
html[data-theme=light] .empty-chat h3{color:#4a5875}
html[data-theme=light] .bubble{background:#e4ebf7;color:#293d5c}
html[data-theme=light] .mine .bubble{background:linear-gradient(120deg,#4930da,#4825e3);color:#fff}
html[data-theme=light] .message time{color:#6c7d98}
html[data-theme=light] .message-composer{background:#f7f9ff;border-color:#d0daeb}
html[data-theme=light] .message-composer>button:first-child{color:#63738f}
html[data-theme=light] .message-composer input{background:#fff;color:#2d3e5b;border-color:#bdcce2}
html[data-theme=light] .message-composer input::placeholder{color:#7b8ba3}
html[data-theme=light] .preferences-bar{background:linear-gradient(115deg,#ffffffed,#f4f7ffef);border-color:#cedaeb;box-shadow:0 12px 40px #314c7a10}
html[data-theme=light] .preference-group{border-color:#d5dfef}
html[data-theme=light] .preference-group h2 .icon{color:#71809b}
html[data-theme=light] .mode-pills button{background:linear-gradient(130deg,#e9eef7,#e0e7f4);color:#485b7a}
html[data-theme=light] .mode-pills button.active{background:linear-gradient(130deg,#4024cf,#4325ea);color:#fff}
html[data-theme=light] .select-wrap select{background:#fff;color:#2e3f5e;border-color:#bacbe2}
html[data-theme=light] .select-wrap>.icon{color:#6d7f9b}
html[data-theme=light] .trust-footer{color:#526583;border-color:#ced9e9}
html[data-theme=light] .trust-footer>span,html[data-theme=light] .trust-footer>a{border-color:#c1ccde}
html[data-theme=light] .trust-footer>span:first-child,html[data-theme=light] .trust-footer>button{color:#344d71}
html[data-theme=light] .age-icon{border-color:#71829d}
html[data-theme=light] .other-tab{color:#526780}
html[data-theme=light] .other-tab h3{color:#253a58}
html[data-theme=light] .modal,html[data-theme=light] .auth-card{background:linear-gradient(145deg,#fff,#f4f7fd);color:#293b58;border-color:#c0cce0}
html[data-theme=light] .modal p,html[data-theme=light] .auth-card p{color:#5c6e88}
html[data-theme=light] .modal-close{color:#647794}
html[data-theme=light] .eyebrow{color:#6954b3!important}
html[data-theme=light] .field,html[data-theme=light] .check-line{color:#455b78}
html[data-theme=light] .field input,html[data-theme=light] .field select,html[data-theme=light] .field textarea{background:#fff;border-color:#bfcce0;color:#293e5d}
html[data-theme=light] .check-line a{color:#6145bd}
html[data-theme=light] .fine-print{color:#667b96!important}
html[data-theme=light] .secondary{background:#e6edf8;border-color:#c5d0e2;color:#425c80}
html[data-theme=light] .form-error{color:#b42e56}
html[data-theme=light] .toast{background:#fff;color:#2e4361;border-color:#afbdd5;box-shadow:0 8px 40px #243d6620}
html[data-theme=light] .simple-header{border-color:#d2dced;background:#ffffffc9}
html[data-theme=light] .simple-header nav{color:#5e718d;align-items:center}
html[data-theme=light] .info-content{color:#516782}
html[data-theme=light] .info-content h1,html[data-theme=light] .info-content h2{color:#283c5b}
html[data-theme=light] .info-content a{color:#6242bb}
html[data-theme=light] .info-content a.primary{color:#fff}
html[data-theme=light] .page-shell{background:#f1f4f9}
html[data-theme=light] .workspace-header,html[data-theme=light] .studio-header{background:#fff;border-color:#d1dcea}
html[data-theme=light] .workspace-header nav a,html[data-theme=light] .workspace-header button{color:#5e7290}
html[data-theme=light] .workspace-header nav .theme-toggle{background:#e7edf7;color:#526783}
html[data-theme=light] .workspace-title p,html[data-theme=light] .workspace-brand small{color:#6e809b}
html[data-theme=light] .metric-card,html[data-theme=light] .workspace-card{background:linear-gradient(130deg,#fff,#f9fbff);border-color:#d0daea}
html[data-theme=light] .metric-card small,html[data-theme=light] .workspace-card p{color:#647a96}
html[data-theme=light] .workspace-tabs{border-color:#cdd8e8}
html[data-theme=light] .workspace-tabs button{color:#5f7797}
html[data-theme=light] .workspace-tabs button.active{background:#dce8ff;color:#285998}
html[data-theme=light] .data-table th{color:#6d7e96;border-color:#cad5e6}
html[data-theme=light] .data-table td{color:#304764;border-color:#dce3ef}
html[data-theme=light] .empty-state{color:#6b7e98}
html[data-theme=light] .empty-state h3{color:#425d7f}
html[data-theme=light] .banner-note,html[data-theme=light] .studio-notice{background:#e9f3fc;border-color:#bed4e8;color:#496d8e}
html[data-theme=light] .copy-result{background:#edf3fc;border-color:#bfcfe3;color:#3c5679}
html[data-theme=light] .brand-preview{border-color:#b9c9de}
html[data-theme=light] .status-pill{background:#edf3fc;border-color:#bfcee3;color:#536d8e}
html[data-theme=light] .studio-title small,html[data-theme=light] .studio-clock{color:#6a7f9b}
html[data-theme=light] .studio-company{border-color:#d0dbea}
html[data-theme=light] .studio-side{background:#fff;border-color:#cbd7e9}
html[data-theme=light] .studio-side p,html[data-theme=light] .stage-topline,html[data-theme=light] .stage-diagnostics{color:#627b99}
html[data-theme=light] .studio-side section{border-color:#d4deed}
html[data-theme=light] .studio-controls button{background:#e4ecf8;border-color:#bfcfe3;color:#405b7f}
html[data-theme=light] .studio-controls .danger{background:#b72f57;border-color:#bc4163;color:#fff}
html[data-theme=light] .scene-picker button{background:#eff4fc;border-color:#c2d0e4;color:#5d7597}
html[data-theme=light] .scene-picker button.active{background:#ddeaff;border-color:#6d9ad8;color:#235caa}
html[data-theme=light] .guest-row{border-color:#c5d3e6}
html[data-theme=light] .guest-row small{color:#6e839f}
html[data-theme=light] .private-chat{background:#fff;border-color:#c6d5e8}
html[data-theme=light] .private-chat input{background:#f7faff;color:#304967;border-color:#c0d0e6}
html[data-theme=light] .lower-third{color:#fff}
html[data-theme=light] .stage-slate h2{color:#fff}
html[data-theme=light] .stage-slate p{color:#a9bddd}
html[data-theme=light] .program-page{background:#000}
.simple-header nav{align-items:center}
@media(min-width:1401px) and (max-width:1500px){.app-header>.brand{margin-right:25px}}
@media(max-width:540px){.app-header .header-tools{gap:7px}.theme-toggle{width:38px;height:38px}.theme-toggle .icon{width:23px;height:23px}.simple-header nav{gap:9px}.simple-header nav>a:last-of-type{display:inline-flex}}
