/* Shared surface language: one restrained glass treatment, legible on every stage. */
:root{--glass:linear-gradient(145deg,rgba(37,53,70,.50),rgba(10,19,30,.66));--glass-border:rgba(219,242,255,.22);--glass-ink:#eff7ff;--glass-muted:#b6c7d5;--glass-accent:#92e9f3;--glass-shadow:inset 0 1px 0 #ffffff22,0 14px 50px #02060e38;--surface-radius:18px;}
.studio-app :is(.creator,.studio-header,.workspace-transport,.timeline-editor,.scene-activity,.character-preview,.entry-gate,.studio-dialog,.workspace-search,.game-lobby,.game-results,.game-head,.music-player,.character-selector,.entry-start-menu),.creator-popout-host #creator{
 background:var(--glass)!important;border:1px solid var(--glass-border)!important;border-radius:var(--surface-radius)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);color:var(--glass-ink);}
.studio-app #creator.creator-workspace{width:min(480px,calc(100vw - 96px));padding:13px;background:var(--glass)!important;}
.studio-app #creator.creator-workspace .workspace-layout{grid-template-columns:78px minmax(0,1fr);gap:12px;}
.studio-app #creator.creator-workspace .tab-grid{border-color:#e3f3ff12;padding-right:9px;gap:3px;}
.studio-app #creator.creator-workspace .tab{min-height:34px;padding:8px 7px;font-size:10px;border-radius:9px!important;color:var(--glass-muted);}
.studio-app #creator.creator-workspace .tab.is-active{background:#a7eaff17!important;box-shadow:inset 0 0 0 1px #a7eaff35;color:#ddfbff;}
.studio-app #creator.creator-workspace .workspace-nav-group{font-size:7px;letter-spacing:.07em;margin:12px 0 5px 4px;color:#92a7b9;}
.studio-app #creator.creator-workspace .panel-head{padding-bottom:10px;gap:6px;}
.studio-app #creator.creator-workspace .panel-head>span{display:none;}
.studio-app #creator.creator-workspace .panel-head-actions output{font:10px/1.3 system-ui,sans-serif;color:#b4c7d6;max-width:150px;}
.studio-app #creator.creator-workspace :is(button,.file-action),.studio-app :is(.studio-header,.workspace-transport,.timeline-editor,.studio-dialog,.workspace-search,.game-lobby,.game-results,.game-head) button{
 border:1px solid #c9eaff24;border-radius:10px!important;background:linear-gradient(155deg,#d9f5ff0e,#a8d9ff06);color:#dbeaf5;box-shadow:inset 0 1px 0 #ffffff0b;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .16s,border-color .16s;}
.studio-app #creator.creator-workspace :is(button,.file-action):hover,.studio-app :is(.studio-header,.workspace-transport,.studio-dialog,.workspace-search) button:hover{background:#d0ecff1c;border-color:#c9eaff55;}
.studio-app :is(button,input,select,textarea):focus-visible{outline:2px solid #9af0f7!important;outline-offset:3px;}
.studio-app #creator.creator-workspace button:is(.is-active,[aria-pressed=true]),.studio-app .workspace-section-nav button[aria-pressed=true]{background:#adecf326!important;border-color:#b2f1fa70!important;color:#edfdff!important;}
.studio-app #creator.creator-workspace .tab-panel{padding-right:4px;scrollbar-color:#c1d8ed4d transparent;}
.studio-app #creator.creator-workspace :is(.menu-section,.field,.dance-director,.action-row,.crew-actions){box-shadow:none;border-radius:10px;}
.studio-app #creator.creator-workspace .menu-section{background:transparent;border-color:#daeaff16;}
.studio-app #creator.creator-workspace :is(.mini-button,.primary-action,.file-action){min-height:33px;padding:8px 10px;font-size:10px;letter-spacing:.01em;}
.studio-app #creator.creator-workspace .field{margin-bottom:12px;gap:5px;}
.studio-app #creator.creator-workspace .field>span{font:10px/1.4 system-ui,sans-serif;letter-spacing:.03em;color:#d0dde8;}
.studio-app #creator.creator-workspace :is(input:not([type=range]):not([type=color]),select,textarea),.studio-app :is(.studio-dialog,.workspace-search,.game-lobby) :is(input,select,textarea){background:#030c1870!important;border:1px solid #d5eaff26!important;border-radius:9px!important;color:#edf7ff!important;font-family:system-ui,sans-serif;min-height:34px;}
.studio-app #creator.creator-workspace input[type=range]{accent-color:#a5e8ed;min-height:24px;}
.studio-app #creator.creator-workspace input[type=range]::-webkit-slider-thumb{background:#b5eff5;box-shadow:0 1px 6px #0006;}
.studio-app #creator.creator-workspace input[type=range]::-webkit-slider-runnable-track{background:#d0e8ff24;border-radius:10px;}
.studio-app #creator.creator-workspace :is(.slot,.character-card,.dance-card,.terrain-button){border-radius:12px!important;border-color:#c9eaff25;background:#c7e7ff08;overflow:hidden;}
.studio-app #creator.creator-workspace .terrain-button{min-height:54px;padding:7px;font:10px/1.3 system-ui,sans-serif;}
.studio-app #creator.creator-workspace .terrain-preview{border:0;border-radius:6px;opacity:.75;}
.studio-app #creator.creator-workspace .slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.studio-app #creator.creator-workspace .slot{min-height:76px;}
.studio-app #creator.creator-workspace .slot-number{border-radius:6px;background:#091522b3;border:1px solid #ffffff30;color:#fff;font:10px system-ui,sans-serif;}
.studio-app #creator.creator-workspace .control-note{border:0;background:#04122232;border-radius:10px;color:#b5c8d8;line-height:1.55;padding:9px;font:11px/1.55 system-ui,sans-serif;}
.studio-app .workspace-section-bar{border-color:#e7f5ff16;padding-bottom:9px;min-height:34px;}
.studio-app .workspace-section-bar>strong{font-size:16px;letter-spacing:-.02em;}
.studio-app .workspace-section-nav{padding-bottom:12px;gap:4px;}
.studio-app .workspace-section-nav button{font-size:10px;padding:7px 9px;border-radius:20px!important;}
.studio-app .workspace-find,.studio-app .workspace-expand{padding:7px 9px;font-size:10px;border-radius:9px!important;}
.studio-app .studio-header{padding:9px 11px;min-height:52px;gap:10px;}
.studio-app .studio-header-actions{gap:5px;}
.studio-app .studio-header-actions button{font-size:11px;min-height:34px;padding:7px 10px;}
.studio-app .studio-project-meta input{font:12px system-ui,sans-serif;}
.studio-app .studio-export,.studio-app .workspace-transport [data-transport=play],.studio-app .game-lobby [data-start-game]{background:linear-gradient(135deg,#b9f3ed,#80dce9)!important;color:#0b2532!important;border-color:#d4fff8!important;box-shadow:inset 0 1px 0 #fff8;font-weight:650;}
.studio-app .workspace-transport{min-height:48px;padding:7px 9px;bottom:15px;}
.studio-app .workspace-transport button{min-height:32px;font-size:11px;}
.studio-app .transport-track strong{font-size:11px;}
.studio-app .transport-track span{font-size:9px;}
.studio-app .scene-activity{padding:12px 15px;font-family:system-ui,sans-serif;}
.studio-app .quick-status-button,.studio-app .menu-collapse-toggle,.studio-app .camera-mode-toggle,.studio-app .performance-toggle,.studio-app .timeline-toggle{border-radius:50%!important;background:#101d2b77!important;backdrop-filter:blur(18px);border:1px solid #ddf5ff38!important;box-shadow:inset 0 1px 0 #fff2;}
.studio-app .studio-dialog,.studio-app .workspace-search{padding:24px;border-radius:24px!important;font-family:system-ui,sans-serif;}
.studio-app :is(.studio-dialog,.workspace-search) h2{font:600 25px/1.15 system-ui,sans-serif;letter-spacing:-.035em;}
.studio-app :is(.studio-dialog,.workspace-search)::backdrop{background:#02071155;backdrop-filter:blur(5px);}
.studio-app .game-highway{border-radius:0 0 18px 18px;background-color:#081b2977;backdrop-filter:blur(12px);}
.studio-app .game-receptors button{border-radius:13px;background:#24404f88;border:1px solid #ddf5ff38;}
.studio-app .game-head{border-radius:0 0 20px 20px!important;}
.studio-app .game-mode-cards label{border-radius:14px;background:#d1ecff07;border-color:#e1f2ff24;}
.studio-app .game-mode-cards label:has(:checked){background:#a0eff31c;border-color:#b0f4f477;box-shadow:inset 0 1px 0 #fff2;}
.studio-app [data-panel=create]{display:none!important;}
/* The landing screen is a silent live attract reel, separate from the user's saved floor. */
body:not(.entry-complete) .studio-header{display:none!important;}
body:not(.entry-complete) :is(.title-lock,.topbar,.quick-status-controls,.menu-collapse-toggle,.camera-mode-toggle,.performance-toggle,.timeline-toggle){display:none!important;}
body:not(.entry-complete) #creator{display:none!important;}
.attract-brand{position:fixed;left:5vw;top:8vh;z-index:22;pointer-events:none;color:#fff;text-shadow:0 4px 30px #0007;}
.attract-brand small{font:10px system-ui,sans-serif;letter-spacing:.3em;color:#d4edf4;}
.attract-brand h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(62px,10vw,155px);letter-spacing:-.025em;line-height:1;margin:10px 0;}
.attract-brand p{font:14px/1.5 system-ui,sans-serif;color:#deebf2;letter-spacing:.03em;}
.attract-caption{position:fixed;left:5vw;bottom:7vh;z-index:22;max-width:50vw;color:#eef7ff;text-shadow:0 2px 14px #000;font:11px/1.6 system-ui,sans-serif;pointer-events:none;}
.attract-caption strong{display:block;font-size:17px;font-weight:500;}
.attract-caption span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bad0df;}
body.entry-complete :is(.attract-brand,.attract-caption){display:none;}
.studio-app .entry-gate{top:auto!important;bottom:7vh!important;left:auto!important;right:5vw!important;width:330px!important;max-height:70vh!important;padding:22px!important;overflow:auto;transform:none!important;display:flex;flex-direction:column;gap:12px;}
.studio-app .entry-gate__head{display:flex;justify-content:space-between;align-items:center;border:0;padding:0;}
.studio-app .entry-gate__head strong{font:600 19px system-ui,sans-serif;letter-spacing:-.02em;}
.studio-app .entry-gate__head span{display:none;}
.studio-app .entry-gate__head output{font:9px system-ui,sans-serif;color:#acc7d6;}
.entry-main-actions{display:grid;gap:8px;}
.studio-app .entry-main-actions button,.studio-app .entry-custom-start{font:600 13px system-ui,sans-serif;border:1px solid #def5ff33;border-radius:11px;min-height:43px;text-align:left;padding:12px 15px;background:#e1f3ff0b;color:#e8f5ff;cursor:pointer;}
.studio-app .entry-main-actions #entryJustDance{background:linear-gradient(130deg,#c3f6ed,#91dce8);color:#0e2936;min-height:49px;box-shadow:inset 0 1px 0 #fff9;}
.studio-app .entry-main-actions #entryJustDance small{display:none;}
.studio-app .entry-main-actions button:disabled{opacity:.4;}
.entry-custom-options{display:none;border-top:1px solid #e3f5ff20;padding-top:15px;}
.entry-gate.is-customizing .entry-custom-options{display:block;}
.entry-gate.is-customizing .entry-main-actions{display:none;}
.studio-app .entry-dancer-picker{border:0;background:transparent;padding:0;margin:0 0 12px;}
.studio-app .entry-selected-dancers{gap:5px;}
.studio-app .entry-dancer-option,.studio-app .entry-selected-dancer{border-radius:10px;background:#10203380;border-color:#e2f6ff2c;font:10px system-ui,sans-serif;}
.studio-app .entry-music-field input{border-radius:9px;background:#06101b80;border:1px solid #e0f2ff30;}
.entry-silent-note{margin:2px 0 0;font:10px/1.5 system-ui,sans-serif;color:#a9bfcc;}
@media(max-width:700px) and (orientation:portrait){.studio-app #creator.creator-workspace{width:auto;left:8px;right:8px;height:53dvh;padding:10px;border-radius:19px!important;}.studio-app #creator.creator-workspace .workspace-layout{grid-template-columns:61px minmax(0,1fr);gap:9px;}.studio-app #creator.creator-workspace .tab{font-size:9px;min-height:33px;}.studio-app .studio-header-actions button{font-size:10px;padding:7px 9px;}.studio-app .workspace-transport{bottom:8px;}.studio-app .entry-gate{left:5vw!important;right:5vw!important;bottom:5vh!important;width:auto!important;max-height:56vh!important;padding:19px!important;}.attract-brand{top:9vh;left:6vw;}.attract-brand h1{font-size:15vw;}.attract-brand p{font-size:12px;}.attract-caption{bottom:calc(5vh + 280px);left:6vw;max-width:88vw;}.attract-caption strong{font-size:13px;}.studio-app #creator.creator-workspace .slots{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-height:600px) and (orientation:landscape){.studio-app #creator.creator-workspace{width:49vw;top:8px;bottom:68px;}.studio-app #creator.creator-workspace .workspace-layout{grid-template-columns:61px minmax(0,1fr);}.studio-app .entry-gate{top:5vh!important;bottom:5vh!important;right:4vw!important;width:300px!important;max-height:90vh!important;padding:17px!important;}.attract-brand{top:12vh;left:4vw;}.attract-brand h1{font-size:9vw;}.attract-caption{left:4vw;bottom:9vh;max-width:40vw;}.attract-brand p{font-size:11px;}}
@media(prefers-reduced-transparency:reduce){:root{--glass:#101c2bf5;}.studio-app .creator{backdrop-filter:none;}}
@media(prefers-reduced-motion:reduce){.studio-app :is(button,input){transition:none!important;}}

.studio-app.entry-complete .entry-gate{display:none!important}

body:not(.entry-complete) :is(.timeline-editor,.workspace-transport,.hotkey-help,.interaction-hint){visibility:hidden!important;pointer-events:none!important}
.studio-app :is(.character-preview-panel,.live-mimic-preview,.music-source-tabs,.timeline-library,.timeline-head,.timeline-labels){background:#06111b50!important;border-color:#c5e9ff20!important;border-radius:12px!important;box-shadow:none!important}
.studio-app :is(.timeline-editor,.character-preview-panel) :is(button,input,select){border-radius:9px!important;border-color:#c5e9ff2b!important;background:#b5d7e80c;color:#deedf7}
.studio-app .timeline-lane{background:#04132133;border-color:#c5e9ff18}.studio-app .timeline-ruler{background:#b5d7e80b!important}

.studio-app #creator.creator-workspace .tab:not(.is-active){border-color:transparent;background:transparent;box-shadow:none}
.studio-app #creator.creator-workspace .slot-visual{border-radius:8px;overflow:hidden;border-color:#c9eaff1c}
.studio-app #creator.creator-workspace .terrain-swatch{border:0;border-radius:5px;opacity:.68}
.studio-app .title-lock h1{font-size:clamp(30px,4vw,58px)}
@media(max-width:700px) and (orientation:portrait){.studio-app #creator.creator-workspace .tab{padding:7px 3px;font-size:8px;letter-spacing:0}.studio-app .title-lock h1{font-size:30px}.studio-app .attract-caption{bottom:calc(5vh + 310px)}}

.studio-app:has(.timeline-editor.is-open:not(.is-window-popout)) #creator{visibility:hidden;pointer-events:none}
.studio-app .timeline-editor{font-family:system-ui,-apple-system,sans-serif;background:linear-gradient(145deg,#223448b8,#08131dd9)!important}
.studio-app .timeline-editor :is(.timeline-head-button,.timeline-lane-label,.timeline-ruler-label,.timeline-library__label,.timeline-song-copy){font-family:system-ui,sans-serif;font-size:10px;letter-spacing:0;color:#dbeaf5}
.studio-app .timeline-head{border-radius:0!important;background:#d6e9ff06!important}

.studio-app .hotkey-sheet span{border-radius:9px;border-color:#c5e9ff20;background:#c5e9ff07;font:11px/1.4 system-ui,sans-serif;padding:8px}
.studio-app .hotkey-sheet kbd{border-radius:5px;border-color:#c5e9ff28;background:#08152250;font-size:10px}
.studio-app .hotkey-section{font:600 10px system-ui,sans-serif;letter-spacing:.05em;color:#c6d7e4}
.studio-app #creator.creator-workspace .slot img{border-radius:7px}
.studio-app #creator.creator-workspace .danger{border-radius:10px;background:#cf976b14;border-color:#eecb962b;font:11px/1.45 system-ui,sans-serif;color:#f4d3aa}


/* Keep navigation above the phone home indicator and out of the music bar. */
.floor-controls { display:contents; }
@media (max-width:700px), (max-height:600px) and (orientation:landscape) {
  .studio-app { --floor-dock-bottom:calc(8px + env(safe-area-inset-bottom)); --floor-panel-bottom:calc(128px + env(safe-area-inset-bottom)); }
  .studio-app .floor-controls {
    position:fixed; z-index:30; left:max(8px,env(safe-area-inset-left)); right:max(8px,env(safe-area-inset-right));
    bottom:var(--floor-dock-bottom); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px;
    border:1px solid #d6efff40; border-radius:19px; background:linear-gradient(135deg,#233547c9,#091722e6);
    backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 6px 24px #0004;
  }
  body.studio-app:not(.entry-complete) .floor-controls { display:none; }
  .studio-app .floor-controls > button {
    position:static; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px;
    width:100%; height:48px; min-height:48px; padding:5px; margin:0; border-radius:14px;
    opacity:1; color:#e9f6ff; background:transparent; border-color:transparent; box-shadow:none; touch-action:manipulation;
  }
  .studio-app .floor-controls > button::after { font:500 10px/1 system-ui,sans-serif; letter-spacing:0; }
  .studio-app #hideUi::after { content:"Menu"; }
  .studio-app #cameraModeToggle::after { content:"Camera"; }
  .studio-app #performanceToggle::after { content:"Quality"; }
  .studio-app #timelineToggle::after { content:"Timeline"; }
  .studio-app .floor-controls svg { width:20px; height:20px; }
  .studio-app .floor-controls .timeline-toggle > span { margin:7px 0; }
  .studio-app.ui-hidden .floor-controls { left:auto; width:76px; grid-template-columns:1fr; }
  .studio-app.ui-hidden .floor-controls > button:not(#hideUi) { display:none; }
  .studio-app.ui-hidden #hideUi { pointer-events:auto; }
  .studio-app .workspace-transport {
    bottom:calc(var(--floor-dock-bottom) + 64px); left:max(8px,env(safe-area-inset-left)); right:max(8px,env(safe-area-inset-right));
    min-height:48px; padding:3px 7px; gap:5px;
  }
  .studio-app .workspace-transport button { min-height:44px; }
  .studio-app .workspace-transport [data-transport=timeline] { display:none; }
  .studio-app .workspace-transport .transport-track { min-width:0; max-width:none; }
  .studio-app #creator.creator-workspace {
    left:max(8px,env(safe-area-inset-left)); right:max(8px,env(safe-area-inset-right)); width:auto;
    top:auto; bottom:var(--floor-panel-bottom); height:53dvh; max-height:calc(100dvh - var(--floor-panel-bottom) - 76px - env(safe-area-inset-top));
  }
  .studio-app #creator.creator-workspace.workspace-expanded { top:calc(74px + env(safe-area-inset-top)); height:auto; }
  .studio-app #creator.creator-workspace .panel-head { min-width:0; gap:5px; }
  .studio-app #creator.creator-workspace .panel-head-actions { min-width:0; }
  .studio-app #creator.creator-workspace .panel-head-actions output { max-width:72px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .studio-app #creator #menuPopoutToggle { display:none; }
  .studio-app #creator.creator-workspace .tab { min-height:44px; font-size:10px; padding:7px 3px; }
  .studio-app #creator .workspace-nav-group { font-size:8px; }
  .studio-app #creator :is(.workspace-find,.workspace-expand) { min-height:44px; padding:7px; }
  .studio-app .workspace-section-bar { gap:5px; margin-bottom:8px; padding-bottom:8px; }
  .studio-app .workspace-section-bar > strong { font-size:15px; }
  .studio-app #creator :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea),
  .studio-app :is(.studio-dialog,.workspace-search) :is(input,select,textarea) { font-size:16px; min-height:44px; }
  .studio-app #creator :is(.mini-button,.terrain-button,.music-source-tab) { min-height:44px; }
  .studio-app .studio-header { top:calc(8px + env(safe-area-inset-top)); left:auto; right:max(8px,env(safe-area-inset-right)); min-height:52px; padding:4px; }
  .studio-app .studio-header-actions button { min-height:44px; }
  .studio-app .quick-status-controls { top:calc(74px + env(safe-area-inset-top)); right:max(8px,env(safe-area-inset-right)); }
  .studio-app .quick-status-button { width:44px; height:44px; }
  .studio-app .timeline-editor:not(.is-window-popout) { left:max(8px,env(safe-area-inset-left)); right:max(8px,env(safe-area-inset-right)); bottom:calc(var(--floor-dock-bottom) + 64px); height:66dvh; max-height:calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
  .studio-app .timeline-head button { min-width:44px; min-height:44px; }
  .studio-app .studio-toast { bottom:var(--floor-panel-bottom); }
  .studio-app :is(.studio-dialog-close,.workspace-search-close) { min-width:44px; min-height:44px; }
  .studio-app .entry-gate { max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; overflow:auto!important; }
}
@media (max-height:600px) and (orientation:landscape) {
  .studio-app { --floor-panel-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .studio-app .floor-controls { left:50%; }
  .studio-app .workspace-transport { bottom:var(--floor-dock-bottom); right:calc(50% + 8px); min-height:58px; }
  .studio-app .workspace-transport :is([data-transport=previous],[data-transport=next],input) { display:none; }
  .studio-app #creator.creator-workspace { top:calc(8px + env(safe-area-inset-top)); left:50%; height:auto; max-height:none; }
  .studio-app #creator.creator-workspace.workspace-expanded { left:max(8px,env(safe-area-inset-left)); top:calc(8px + env(safe-area-inset-top)); }
  .studio-app .studio-header { left:max(8px,env(safe-area-inset-left)); right:auto; }
  .studio-app .quick-status-controls { left:max(8px,env(safe-area-inset-left)); right:auto; }
  .studio-app .timeline-editor:not(.is-window-popout) { top:calc(8px + env(safe-area-inset-top)); height:auto; max-height:none; }
  .studio-app .timeline-head { max-height:100px; }
}

@media (max-width:700px), (max-height:600px) and (orientation:landscape) {
  .studio-app .timeline-head { display:flex; flex-wrap:nowrap; min-height:68px; max-height:68px; padding-right:58px; }
  .studio-app .timeline-head > * { flex-shrink:0; }
  .studio-app .timeline-song-copy { max-width:160px; }
  .studio-app #timelineClose { position:absolute; top:8px; right:8px; z-index:3; width:44px; height:44px; background:#142536!important; }
  .studio-app #timelinePopoutToggle { display:none; }
  .studio-app .timeline-library { max-height:130px; overflow:auto; }
}

@media (max-width:700px), (max-height:600px) and (orientation:landscape) {
  .studio-app #creator.creator-workspace .workspace-layout { grid-template-columns:74px minmax(0,1fr); }
  .studio-app #creator.creator-workspace .tab-grid { scrollbar-width:thin; scrollbar-color:#c1d8ed60 transparent; padding-right:6px; }
  .studio-app #creator.creator-workspace .workspace-nav-group { display:none; }
  .studio-app #creator.creator-workspace .terrain-card { min-height:44px; }
}

/* A detached workspace owns its whole window, including when resized/fullscreen. */
html.creator-popout-document, body.creator-popout-page { height:100%; margin:0; overflow:hidden; }
.creator-popout-page .creator-popout-host { height:100dvh; min-height:0; padding:0; }
.creator-popout-host.studio-app #creator.creator-workspace.is-window-popout {
  position:static; inset:auto; width:100%; max-width:none; height:100%; min-height:0; max-height:none;
  margin:0; padding:12px; display:flex; flex-direction:column; overflow:hidden;
  border:0; border-radius:0!important; transform:none;
}
.creator-popout-host.studio-app #creator.creator-workspace .workspace-content { max-width:none; width:auto; }
.creator-popout-host.studio-app #creator.creator-workspace .workspace-layout { min-height:0; }
.creator-popout-host.studio-app #creator.creator-workspace #menuPopoutToggle { display:inline-flex; }

/* Compact controls for editable icing and stage-specific perspectives. */
#birthdayMessage{width:100%;box-sizing:border-box;resize:vertical;min-height:64px;max-height:160px;padding:10px 12px;color:inherit;background:rgba(4,16,22,.45);border:1px solid rgba(180,227,229,.2);border-radius:12px;font:inherit;line-height:1.5;}
.show-fx-description{margin:12px 0 0;color:#adc3c8;font:12px/1.6 system-ui,sans-serif;max-width:38em;}
#stagePerspectiveControls{margin-top:12px;}
#cakeViewActions[hidden],#birthdayMessageField[hidden],#stagePerspectiveControls[hidden]{display:none!important;}