/* Light palette and optics only. Geometry and typography are shared with dark mode. */
.light-workspace-controls{display:none}
html[data-studio-theme=light] body#daailokStudio{color:#f4f4f4!important;background:#818181!important}
html[data-studio-theme=light] body#daailokStudio .studio{background:linear-gradient(135deg,#a9a9a980,#6f6f6f8c)!important;box-shadow:0 22px 55px #2a2a2a38,inset 0 1px 1px #ffffffe0!important}
html[data-studio-theme=light] body#daailokStudio .topbar{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .brand{background:linear-gradient(135deg,#4b4b4b80,#70707066)!important}
html[data-studio-theme=light] body#daailokStudio .brand strong{color:#f3f3f3!important}
html[data-studio-theme=light] body#daailokStudio .brand em{color:#d6d6d6!important}
html[data-studio-theme=light] body#daailokStudio .brand .logo{background:#e2e2e2!important}
html[data-studio-theme=light] body#daailokStudio .top-function-nav .rail-item{background:#ffffff04!important;color:#ededed!important;box-shadow:inset 0 1px 0 #ffffff12!important}
html[data-studio-theme=light] body#daailokStudio .top-function-nav .rail-item.active{background:#282828!important;color:#f0f0f0!important;border-color:#f5f5f538!important;box-shadow:inset 0 -1px 0 rgba(var(--ds-optical-accent-rgb),0.533333)!important}
html[data-studio-theme=light] body#daailokStudio .top-function-nav .rail-item.active svg{color:var(--ds-optical-accent)!important}
html[data-studio-theme=light] body#daailokStudio .top-actions .top-quiet{background:#2c2c2ce8!important;color:#f2f2f2!important}
html[data-studio-theme=light] body#daailokStudio .studio-theme-switch{background:#34343434!important;border-color:#f4f4f442!important}
html[data-studio-theme=light] body#daailokStudio .studio-theme-switch button{color:#e7e7e7!important;background:transparent!important;box-shadow:none!important}
html[data-studio-theme=light] body#daailokStudio .studio-theme-switch button[aria-pressed=true]{background:#2a2a2a!important;color:var(--ds-optical-accent)!important}
html[data-studio-theme=light] body#daailokStudio .account-badge{background:#323232e8!important;border-color:#f4f4f43b!important}
html[data-studio-theme=light] body#daailokStudio .body-grid,html[data-studio-theme=light] body#daailokStudio .body-grid.drawer-open{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio .main-workspace{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio .viewport{background:linear-gradient(160deg,#8e8e8e,#7b7b7b)!important;box-shadow:inset 0 1px 0 #fff4!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .viewport-scene{background:radial-gradient(ellipse at 58% 25%,#959595,#7a7a7a 58%,#696969)!important}
html[data-studio-theme=light] body#daailokStudio .right-panel{background:#dddddd3d!important}
html[data-studio-theme=light] body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel){box-shadow:inset 0 1px 0 #ffffff21!important;color:#f2f2f2!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
html[data-studio-theme=light] body#daailokStudio .layers-panel{background:linear-gradient(140deg,#4f4f4fb8,#7c7c7cad)!important}
html[data-studio-theme=light] body#daailokStudio .ai-panel{background:radial-gradient(ellipse at 25% 30%,#e8e8b32a,transparent 65%),linear-gradient(135deg,#a7a7a780,#7f7f7f88)!important}
html[data-studio-theme=light] body#daailokStudio .properties-panel{background:linear-gradient(150deg,#2b2b2bf5,#282828f5)!important}
html[data-studio-theme=light] body#daailokStudio .left-drawer{background:linear-gradient(135deg,#646464ed,#4d4d4df5)!important;box-shadow:12px 0 30px #30303020!important;backdrop-filter:blur(18px)!important}
html[data-studio-theme=light] body#daailokStudio :is(.section-head,.prop-head,.ai-head){border-color:#f1f1f11a!important;background:transparent!important}
html[data-studio-theme=light] body#daailokStudio :is(.section-head h2,.prop-head h2,.ai-head h2){color:#f2f2f2!important}
html[data-studio-theme=light] body#daailokStudio :is(.section-head small,.prop-head small,.ai-head small){color:#c6c6c6!important}
html[data-studio-theme=light] body#daailokStudio :is(h1,h2,h3,.layer-row>b,.drawer-item strong,.drawer-card strong,.shot-info b,.selection-label,.timeline-title){color:#f1f1f1!important}
html[data-studio-theme=light] body#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,.selection-summary small,.selection-summary b,.selection-summary em,.ai-feedback,.ai-chips button){color:#d2d2d2!important;text-shadow:none!important}
html[data-studio-theme=light] body#daailokStudio .prop-empty span{color:#c5c5c5!important}
html[data-studio-theme=light] body#daailokStudio .prop-empty b{color:#f3f3f3!important}
html[data-studio-theme=light] body#daailokStudio button:not([data-glass-live]):not(.swatch):not(.joint-dot){background:linear-gradient(140deg,#f9f9f910,#efefef04)!important;color:#f1f1f1!important;border-color:#e8e8e833!important;box-shadow:inset 0 1px 0 #fbfbfb11!important}
html[data-studio-theme=light] body#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:var(--ds-optical-accent)!important;border-color:rgba(var(--ds-optical-accent-rgb),0.466667)!important;box-shadow:inset 0 1px 0 #fdfdfd22!important}
html[data-studio-theme=light] body#daailokStudio .top-function-nav button.active:not([data-glass-live]){background:#282828!important;color:#f3f3f3!important}
html[data-studio-theme=light] body#daailokStudio :is(input:not([type=range]):not([type=color]):not([type=checkbox]),select,textarea,.drawer-search,.axis-input){background:#ececec0c!important;color:#ededed!important;border-color:#e0e0e033!important;box-shadow:inset 0 1px 4px #19191920!important}
html[data-studio-theme=light] body#daailokStudio select option{background:#4b4b4b!important;color:#f5f5f5!important}
html[data-studio-theme=light] body#daailokStudio :is(input,textarea)::placeholder{color:#bfbfbf!important}
html[data-studio-theme=light] body#daailokStudio .axis-input span{background:#e6e6e60a!important;color:#e1e1e1!important}
html[data-studio-theme=light] body#daailokStudio .axis-input input{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio :is(.selection-summary,.selection-symbol,.selection-status,.rig-note){background:#f2f2f205!important;border-color:#f0f0f01f!important;color:#e9e9e9!important}
html[data-studio-theme=light] body#daailokStudio .selection-symbol{color:var(--ds-optical-accent)!important}
html[data-studio-theme=light] body#daailokStudio :is(.layer-row,.layer-folder-row).active{background:#e2d99a18!important;color:var(--ds-optical-accent)!important}
html[data-studio-theme=light] body#daailokStudio :is(.layer-row,.layer-folder-row):not(.active)>b{color:#ebebeb!important}
html[data-studio-theme=light] body#daailokStudio .viewport-hud-top{background:#3a3a3a4d!important}
html[data-studio-theme=light] body#daailokStudio .hud-trigger{background:#343434f2!important;color:#f2f2f2!important;border-color:#f2f2f23b!important;box-shadow:inset 0 1px 0 #fbfbfb19!important}
html[data-studio-theme=light] body#daailokStudio .viewport-toolbox{background:#58585866!important;border-color:#ededed4d!important;box-shadow:inset 0 1px 0 #fff3!important}
html[data-studio-theme=light] body#daailokStudio .north-compass{background:#56565659!important;border-color:#eaeaea4d!important;box-shadow:inset 0 1px 0 #fff3!important}
html[data-studio-theme=light] body#daailokStudio .north-letter{color:#f3f3f3!important}
html[data-studio-theme=light] body#daailokStudio :is(.hud-menu,.account-menu,.floating-palette,.context-menu,.preview-simple-card,.creation-dialog){background:linear-gradient(130deg,#686868f5,#4a4a4afa)!important;color:#f2f2f2!important;border-color:#f2f2f255!important;box-shadow:0 15px 45px #27272750,inset 0 1px 0 #fff3!important}
html[data-studio-theme=light] body#daailokStudio :is(.creation-dialog,.preview-simple-body,.preview-auth-form,.account-menu) :is(label,p,small,h2,h3){color:#e5e5e5!important}
html[data-studio-theme=light] body#daailokStudio :is(.drawer-card,.project-card,.cloud-asset-card,.asset-library-card,.account-menu-profile,.account-info-row){background:#e8e8e807!important;border-color:#ededed33!important;color:#eaeaea!important}
html[data-studio-theme=light] body#daailokStudio .light-workspace-caption{color:#f2f2f2;text-shadow:0 2px 10px #1e1e1e35}
html[data-studio-theme=light] body#daailokStudio #lightShotsToggle{background:#4b4b4b80!important;color:#f4f4f4!important}
html[data-studio-theme=light] body#daailokStudio .timeline{background:linear-gradient(120deg,#7b7b7bdd,#595959ed)!important;box-shadow:0 -5px 25px #27272729!important}
html[data-studio-theme=light] body#daailokStudio .timeline-toolbar{border-color:#ebebeb26!important}
html[data-studio-theme=light] body#daailokStudio .timeline-title span{color:#d9d9d9!important}
html[data-studio-theme=light] body#daailokStudio .top-actions :is(#createWorldBtn,#createCharacterBtn,#createCameraBtn):not([data-glass-live]){background:#2c2c2ce8!important;color:#f2f2f2!important;border-color:#f4f4f433!important}
html[data-studio-theme=light] body#daailokStudio .top-actions :is(#createWorldBtn,#createCharacterBtn,#createCameraBtn).creation-active:not([data-glass-live]){color:var(--ds-optical-accent)!important;border-color:rgba(var(--ds-optical-accent-rgb),0.533333)!important}
html[data-studio-theme=light] body#daailokStudio .viewport{background:transparent!important;box-shadow:none!important}
html[data-studio-theme=light] body#daailokStudio .topbar,html[data-studio-theme=light] body#daailokStudio .brand{background:transparent!important;backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .right-panel{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel){background:linear-gradient(145deg,#66666645,#46464655)!important;box-shadow:inset 0 1px 0 #fbfbfb33,0 8px 22px #2121211c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .properties-panel{background:linear-gradient(145deg,#39393966,#2b2b2b77)!important}
html[data-studio-theme=light] body#daailokStudio .left-drawer{background:#55555580!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio [data-light-glass-ready]{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-studio-theme=light] body#daailokStudio canvas.light-panel-optics{position:absolute!important;left:-6px!important;top:-6px!important;z-index:-1!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;display:block!important}
html[data-studio-theme=light] body#daailokStudio .viewport-scene{background:radial-gradient(ellipse at 58% 25%,#949494,#797979 58%,#686868)!important}
html[data-studio-theme=light] body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel){background:linear-gradient(145deg,#28282888,#18181899)!important}
html[data-studio-theme=light] body#daailokStudio .ai-panel{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio .left-drawer{background:#22222299!important}
html[data-studio-theme=light] body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel,.left-drawer)[data-light-glass-ready]{background:transparent!important;border-color:transparent!important}
html[data-studio-theme=light] body#daailokStudio .viewport::after{box-shadow:inset 0 0 0 1px #17171728,0 0 0 1px #20202033!important}
html[data-studio-theme=light] body#daailokStudio .viewport::before{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio .drawer-inner{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .light-viewport-frame{background:transparent!important}
html[data-studio-theme=light] body#daailokStudio .light-viewport-frame > canvas.light-panel-optics{z-index:0!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button):not(.swatch):not(.joint-dot):is(.active,.creation-active,[aria-pressed=true],[aria-selected=true]):not(:disabled):not([aria-disabled=true]){color:var(--ds-optical-accent)!important;border-color:rgba(var(--ds-optical-accent-rgb),0.6)!important;background:linear-gradient(125deg,rgba(var(--ds-optical-accent-rgb),0.133333),rgba(var(--ds-optical-accent-rgb),0.031373))!important;box-shadow:inset 0 1px 0 #fff4,0 0 10px rgba(var(--ds-optical-accent-rgb),0.094118)!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button)[data-glass-live][data-glass-ready]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ds-optical-accent)!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button)[data-glass-live][data-glass-ready]::before{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button)[data-glass-live][data-glass-ready]::after{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button)[data-glass-live][data-glass-selected=true]{color:var(--ds-optical-accent)!important;text-shadow:0 0 7px rgba(var(--ds-optical-accent-rgb),0.333333)!important}
html[data-studio-theme=light] body#daailokStudio :is(#studioOpticalControl,button)[data-glass-live] > canvas.button-glass-surface{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}

/* Optical layers are anchored to their own panels, never to the workspace. */
html[data-studio-theme=light][data-studio-layout=compact] body#daailokStudio :is(.ai-panel,.timeline){position:relative!important}
html[data-studio-theme=light] body#daailokStudio :is(.layers-panel,.ai-panel,.properties-panel,.left-drawer,.timeline)[data-light-glass-ready]{isolation:isolate!important;background:transparent!important;box-shadow:none!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-studio-theme=light] body#daailokStudio .right-panel{background:transparent!important;box-shadow:none!important}
html[data-studio-theme=light][data-studio-layout=compact] body#daailokStudio .light-viewport-frame{display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;z-index:5!important;isolation:isolate!important;overflow:visible!important}
html[data-studio-theme=light] body#daailokStudio #shotStrip{border-bottom-color:transparent!important}
html[data-studio-theme=light] body#daailokStudio #propertiesPanel #propertyContent{overflow-x:hidden!important}

/* Compact light AI placeholder crosses bright/dark optical pixels on one line.
   Keep the existing surface-selected light ink, but add a subtle 1px outer dark edge
   so the glyph remains legible without repainting the glass or changing geometry. */
html[data-studio-theme=light][data-studio-layout=compact] body#daailokStudio #aiInput::placeholder{
  color:var(--ds-ink-light,#fff)!important;
  opacity:1!important;
  -webkit-text-stroke:2px rgba(0,0,0,.20);
  paint-order:stroke fill;
}