/* Studio-only atmosphere tokens. Component colors follow these instead of fixed navy. */
html[data-studio-skin] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#91c9f4;--atmosphere-secondary:#adb9ee;--atmosphere-solid:#315f96}
html[data-studio-skin=aurora] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#83d7c8;--atmosphere-secondary:#a3c8e8;--atmosphere-solid:#246d64}
html[data-studio-skin=orbit] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#b8a1e5;--atmosphere-secondary:#d2afe1;--atmosphere-solid:#6a4b98}
html[data-studio-skin=rosewood] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#d4a2c7;--atmosphere-secondary:#acb1e4;--atmosphere-solid:#805174}
html[data-studio-skin=signal] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#c63d5a;--atmosphere-secondary:#dc7890;--atmosphere-solid:#8b1f3f}
html[data-studio-skin=graphite] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#bcc4d0;--atmosphere-secondary:#98a5ba;--atmosphere-solid:#4d5a6b}
html[data-studio-skin=lumen] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#d8bc8c;--atmosphere-secondary:#c9b8a4;--atmosphere-solid:#7c6037}
html[data-studio-skin=sage] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#b4ccb3;--atmosphere-secondary:#a4c8be;--atmosphere-solid:#426c54}
html[data-studio-skin=steel] body#tikinteract-studio.studio-widget-desktop{--atmosphere-primary:#a6bfce;--atmosphere-secondary:#bcc5d5;--atmosphere-solid:#4b6677}
/* Restore the colorful typography and atmosphere; soften only the floating menus. */
html[data-mode=dark] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--sd-bg:color-mix(in srgb,var(--atmosphere-primary) 6%,#080d16);--sd-panel:color-mix(in srgb,var(--atmosphere-primary) 8%,#101523ed);--sd-soft:color-mix(in srgb,var(--atmosphere-primary) 13%,#182030ed);--sd-hover:color-mix(in srgb,var(--atmosphere-primary) 19%,#1c2433);--sd-line:#d3dff014;--sd-accent:var(--atmosphere-primary);--sd-secondary:var(--atmosphere-secondary);--sd-solid:var(--atmosphere-solid);--sd-selection:color-mix(in srgb,var(--atmosphere-primary) 16%,transparent);--sd-menu-surface:color-mix(in srgb,var(--atmosphere-primary) 3%,#101523ed);--sd-text:#f0f4fb;--sd-muted:#b7c3d6}
html[data-mode=light] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--sd-bg:color-mix(in srgb,var(--atmosphere-primary) 4%,#dce3ec);--sd-panel:color-mix(in srgb,var(--atmosphere-primary) 4%,#e6ebf2f7);--sd-soft:color-mix(in srgb,var(--atmosphere-primary) 10%,#d7e0ea);--sd-hover:color-mix(in srgb,var(--atmosphere-primary) 16%,#cdd8e5);--sd-line:#2338521a;--sd-accent:var(--atmosphere-solid);--sd-secondary:var(--atmosphere-solid);--sd-solid:var(--atmosphere-solid);--sd-selection:color-mix(in srgb,var(--atmosphere-primary) 25%,#dce5f0);--sd-menu-surface:color-mix(in srgb,var(--atmosphere-primary) 2%,#e6ebf2f7);--sd-text:#24314a;--sd-muted:#52627b}
html[data-mode=dark][data-studio-skin=signal] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--sd-accent:color-mix(in srgb,#c63d5a 82%,#ffffff)}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-app-rail,#studio-dock-utilities){--sd-selection:color-mix(in srgb,var(--atmosphere-primary) 10%,var(--sd-menu-surface));background:linear-gradient(145deg,color-mix(in srgb,var(--sd-accent) 3%,var(--sd-menu-surface)),var(--sd-menu-surface))!important;border-color:var(--sd-line)!important;box-shadow:0 8px 28px #0003!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.live-studio-tab,.studio-ai-nav button,.sw-rail-footer button){color:var(--sd-muted)!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.live-studio-tab[aria-selected=true],.studio-ai-nav [aria-current=page],.sw-rail-footer [aria-current=page]){background:var(--sd-selection)!important;box-shadow:inset 0 0 0 1px var(--sd-line)!important;color:var(--sd-text)!important}
/* Backgrounds never receive palette overlays, including the legacy fallback image. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop::before{background:url('./studio-cinematic.jpg') center/cover no-repeat;filter:none;opacity:1}
/* The preview must keep its flex column when a personalized panel is shown. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live #live-studio-panel .studio-stage[data-widget-enabled=true]{display:flex!important;flex-direction:column!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-home-tab{display:flex!important;--dock-icon-color:var(--dock-blue)}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live #studio-home-panel[data-widget-enabled=true]{display:block!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config{background:var(--sd-panel)!important;color:var(--sd-text)}
body#tikinteract-studio.studio-widget-desktop .studio-nav-divider{height:1px;min-height:1px;margin:7px 5px;background:var(--sd-line);pointer-events:none}
/* Quiet edges throughout Studio; role colors belong to icons, not card outlines. */
html[data-mode=dark] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--sd-line:#d3dff014}
html[data-mode=light] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--sd-line:#2338521a}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.live-studio-tab[aria-selected=true],.studio-ai-nav [aria-current=page],.sw-rail-footer [aria-current=page],.studio-workspace-switch [aria-pressed=true]){box-shadow:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #audio-center-panel .audio-sound-card{border-color:var(--sd-line)!important;box-shadow:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(button,a,input:not([type=range]),select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--sd-muted) 45%,transparent)!important;outline-offset:2px;box-shadow:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop:not([data-desktop-section=studio]) #studio-layout-toolbar{display:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config{width:380px;max-width:calc(100vw - 24px)}
body#tikinteract-studio.studio-widget-desktop [data-widget-options]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:16px}
body#tikinteract-studio.studio-widget-desktop [data-widget-options]>p,body#tikinteract-studio.studio-widget-desktop .widget-edit-layout{grid-column:1/-1}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .widget-panel-toggle{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:0!important;border-radius:9px;background:var(--sd-soft);color:var(--sd-text);box-shadow:none!important;text-align:left;font:500 12px/1.45 Inter,sans-serif;cursor:pointer}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .widget-panel-toggle:hover{background:var(--sd-hover)}
body#tikinteract-studio.studio-widget-desktop .widget-panel-dot{display:block;width:10px;height:10px;border-radius:50%;background:#d76872;flex:none;box-shadow:none}
body#tikinteract-studio.studio-widget-desktop [aria-checked=true]>.widget-panel-dot{background:#42ba86}
@media(max-width:380px){body#tikinteract-studio.studio-widget-desktop .widget-panel-toggle{padding:8px;gap:7px;font-size:11px}}
/* Opt out of atmosphere tinting without changing the image or remembered palette. */
html[data-studio-palette=off][data-mode=dark] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--atmosphere-primary:#b9bdc5;--atmosphere-secondary:#b9bdc5;--atmosphere-solid:#626873;--sd-bg:#111215;--sd-panel:#1b1c20ed;--sd-soft:#26272ced;--sd-hover:#303137;--sd-accent:#d4d7de;--sd-secondary:#c2c6cf;--sd-solid:#626873;--sd-selection:#ffffff0e;--sd-text:#f0f1f4;--sd-muted:#b9bdc5}
html[data-studio-palette=off][data-mode=light] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop{--atmosphere-primary:#b9bdc5;--atmosphere-secondary:#b9bdc5;--atmosphere-solid:#626873;--sd-bg:#e2e3e6;--sd-panel:#e9eaedf7;--sd-soft:#dcdde1;--sd-hover:#cfd1d6;--sd-accent:#4e535d;--sd-secondary:#626873;--sd-solid:#626873;--sd-selection:#0000000c;--sd-text:#292d35;--sd-muted:#5d626c}
html[data-studio-palette=off][data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop::before{background:url('./studio-cinematic.jpg') center/cover no-repeat;filter:none;opacity:1}
body#tikinteract-studio.studio-widget-desktop .studio-palettes .sd-palette-neutral{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:auto;min-height:58px;margin-top:14px;padding:10px 12px;border:1px solid var(--sd-line);border-radius:10px;background:var(--sd-soft);color:var(--sd-text);font:600 12px/1.4 Inter,sans-serif;text-align:left;white-space:normal;cursor:pointer}
body#tikinteract-studio .sd-palette-neutral small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--sd-muted)}
body#tikinteract-studio .sd-palette-neutral>i{position:relative;width:30px;height:18px;flex:none;border-radius:12px;background:var(--sd-muted);opacity:.7}
body#tikinteract-studio .sd-palette-neutral>i::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--sd-panel);transition:transform .15s ease}
body#tikinteract-studio .sd-palette-neutral[aria-checked=true]>i{background:var(--sd-text);opacity:1}
body#tikinteract-studio .sd-palette-neutral[aria-checked=true]>i::after{transform:translateX(12px)}
body#tikinteract-studio .sd-palette-panel{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
@media(prefers-reduced-motion:reduce){body#tikinteract-studio .sd-palette-neutral>i::after{transition:none}}