/* Dark remains the original editor. Silver surfaces exist only in light mode. */
.studio-theme-switch{display:flex;flex:none;align-items:center;gap:2px;border:1px solid #42464b;border-radius:var(--ds-radius-pill);padding:3px;margin-left:6px;background:#141619}
html body .studio-theme-switch button{position:relative;border:0!important;border-radius:var(--ds-radius-pill)!important;padding:5px 9px!important;font:500 11px/16px system-ui!important;min-width:0!important;height:26px!important;color:#b3bac3!important;background:transparent!important;box-shadow:none!important;white-space:nowrap}
html body .studio-theme-switch button[aria-pressed=true]{background:#363b41!important;color:#fff!important}
html body .studio-theme-switch button:focus-visible{outline:2px solid var(--ds-optical-accent);outline-offset:2px}
html[data-studio-theme=light]{color-scheme:light}
html[data-studio-theme=light] #daailokStudio{color:#262d32!important;background:radial-gradient(ellipse at 25% 0%,#eeeeeb,#bfc3c7)!important}
html[data-studio-theme=light] #daailokStudio .studio{background:linear-gradient(135deg,#ffffff45,#c7cccf55)!important;box-shadow:inset 0 0 0 1px #ffffff9c!important}
html[data-studio-theme=light] #daailokStudio :is(.topbar,.layers-panel,.properties-panel,.left-drawer,.ai-panel,.timeline){background:linear-gradient(125deg,#f8f9f8cf,#d9dedec7)!important;border-color:#ffffffa6!important;box-shadow:inset 0 1px 0 #fff9,0 5px 20px #35404a12!important;backdrop-filter:blur(18px)!important;color:#262d32!important}
html[data-studio-theme=light] #daailokStudio :is(.body-grid,.right-panel,.main-workspace){background:transparent!important}
html[data-studio-theme=light] #daailokStudio :is(.viewport,.viewport-scene){background:radial-gradient(ellipse at 45% 22%,#d1d4d4,#929b9f)!important;border-color:#ffffffe0!important}
html[data-studio-theme=light] #daailokStudio :is(.view-controls,.display-modes,.viewport-toolbox,.north-compass,.hud-trigger,.hud-menu,.account-menu,.floating-palette,.preview-simple-card,.ui-icon-tooltip){background:linear-gradient(135deg,#fafbfadc,#dbe0e0ed)!important;border-color:#ffffffcf!important;color:#293239!important;box-shadow:0 8px 25px #28313b26,inset 0 1px 0 #fff!important}
html[data-studio-theme=light] #daailokStudio :is(.section-head,.prop-head,.drawer-head,.ai-head,.timeline-toolbar,.layer-toolbar,.subsection){background:transparent!important;border-color:#48535c22!important}
html[data-studio-theme=light] #daailokStudio button:not([data-glass-live]):not(.swatch):not(.joint-dot){color:#323b42!important;background:linear-gradient(145deg,#ffffff91,#d4dadb54)!important;border-color:#ffffffb3!important;box-shadow:inset 0 1px 0 #ffffffad,0 2px 5px #27344109!important}

html[data-studio-theme=light] #daailokStudio button:not([data-glass-live]):is(.active,.creation-active,.camera-shot-add,[aria-pressed=true],[aria-selected=true]){background:var(--ds-studio-selected-bg)!important;color:#45310e!important;border-color:#d1aa59!important;box-shadow:var(--ds-studio-selected-shadow)!important}
html[data-studio-theme=light] #daailokStudio .studio-theme-switch{background:#bec5c77d;border-color:#ffffffb3}
html[data-studio-theme=light] #daailokStudio .studio-theme-switch button[aria-pressed=true]{background:#292f33!important;color:#fff!important;border-color:transparent!important}
html[data-studio-theme=light] #daailokStudio button:disabled{opacity:.42!important}
html[data-studio-theme=light] #daailokStudio :is(input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea,.drawer-search,.axis-input){background:#ffffff8c!important;color:#273139!important;border-color:#52606d35!important;box-shadow:inset 0 1px 3px #25343b0d!important}
html[data-studio-theme=light] #daailokStudio :is(input,textarea)::placeholder{color:#737c83!important}
html[data-studio-theme=light] #daailokStudio :is(h1,h2,h3,.brand strong,.brand em,.timeline-title,.layer-row>b,.drawer-item strong,.drawer-card strong,.shot-info b,.selection-label){color:#293239!important;text-shadow:none!important}
html[data-studio-theme=light] #daailokStudio :is(.drawer-note,.prop-empty,.sub-title,.prop-row>span,.prop-slider>span,.rig-note span,.drawer-item small,.drawer-card small,.shot-info small,.layer-folder-row,.section-head small,.save-status,.top-status b){color:#59646d!important;text-shadow:none!important}
html[data-studio-theme=light] #daailokStudio :is(.selection-summary,.selection-symbol,.selection-status,.rig-note,.track-area,.track-labels,.track-ruler,.track-canvas){background:#ffffff36!important;color:#45515a!important;border-color:#63717b24!important}
html[data-studio-theme=light] #daailokStudio :is(.layer-row,.layer-folder-row).active{background:rgba(var(--ds-optical-accent-rgb),0.4)!important;color:#433112!important}
html[data-studio-theme=light] #daailokStudio :is(.toast,.viewport-loading){background:#e4e8e8f2!important;color:#2d363e!important;border-color:#fff!important}
html[data-studio-theme=light] #daailokStudio .north-letter{color:#36424a!important}
@media(max-width:1150px){.studio-theme-switch{margin-left:0}html body .studio-theme-switch button{padding:4px 6px!important}.top-status{max-width:65px}}
html[data-studio-theme=light] #daailokStudio :is(.creation-dialog,.preview-simple-card){background:linear-gradient(130deg,#f3f5f0f2,#d8dedbf5)!important;color:#293239!important;border-color:#fff!important;box-shadow:0 18px 60px #29363440!important}
html[data-studio-theme=light] #daailokStudio :is(.drawer-card,.project-card,.cloud-asset-card,.asset-library-card,.account-menu-profile,.account-info-row){background:#ffffff45!important;border-color:#ffffff9c!important;color:#34413a!important}
html[data-studio-theme=light] #daailokStudio :is(.preview-simple-body,.preview-auth-form,.creation-dialog,.account-menu) :is(label,p,small,h2,h3){color:#46554c!important}
html[data-studio-theme=light] #daailokStudio :is(.prop-block-title,.drawer-kicker,.account-menu-title,.cloud-status,.asset-empty,.preview-form-message){color:#58685e!important}

/* Grid control now lives in the vertical toolbar, not the old bottom-right HUD.
   Optical hover changes positioning to relative: stale right/bottom offsets must not move it. */
html body#daailokStudio #viewportToolbox #gridToggle{position:relative!important;inset:auto!important;margin:0!important;flex:none!important}