/* The visual and essential transport own the default screen. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main{max-width:1440px;padding-top:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.studio-grid{display:block!important}.center-column{min-width:0;width:100%}.board-actions{display:flex;align-items:center;gap:8px;margin-bottom:12px}.board-actions .button{min-height:44px;padding:9px 13px;font-size:12px}.board-actions #snapshotBtn{margin-left:auto;flex-shrink:0}.icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.topbar{height:68px;padding-left:max(3%,env(safe-area-inset-left));padding-right:max(3%,env(safe-area-inset-right))}.topbar .header-right{gap:12px}.topbar #helpBtn{width:44px;height:44px;min-width:44px}.topbar #themeBtn{min-height:44px}.stage{height:clamp(320px,58dvh,820px);min-height:0;max-height:none;aspect-ratio:auto}.stage-toolbar{margin:7px 0;min-height:40px}.watch-options{margin-bottom:8px}.engine-state{font-size:9px}.toolbar-right .text-button{min-height:44px;font-size:12px}.studio-caption,footer{display:none}.focus-mode .stage{height:calc(100dvh - 220px);min-height:220px}.focus-mode .watch-options{display:none}.focus-mode main{padding-top:10px}
/* Familiar music transport remains visible; queue and source choices are secondary. */
.audio-panel{padding:14px 20px}.track-row{display:flex;align-items:center;gap:12px;margin:0}.track-details{min-width:0;flex:1}.track-details strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.track-details>span{font-size:12px}.album-art{width:42px;height:42px;flex-shrink:0}.transport{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}.transport .play-button{width:56px;height:56px;min-width:56px;min-height:56px;margin:0}.transport>.icon-button{border:1px solid var(--line);background:#b1c8ed0b;color:var(--text)}.transport>.icon-button:active{background:#c2ddff25;transform:scale(.96)}.seek-step{position:relative;font-size:29px;line-height:1}.seek-step small{position:absolute;left:0;right:0;top:18px;font-size:9px;font-weight:700}.timeline-row{margin:8px 0}.timeline-row input{height:28px;background-repeat:no-repeat;background-position:center;background-size:100% 3px;min-width:0}.timeline-row span{font-size:12px}.player-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.player-bottom>span{font-size:12px;line-height:1.5;flex:1;min-width:180px}.player-bottom .volume{margin-left:auto}.volume input{width:100px;min-height:28px;background-repeat:no-repeat;background-position:center;background-size:100% 3px}.playback-more{border-top:1px solid var(--line);padding-top:4px;margin-top:8px}.playback-more>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--secondary)}.playback-more>summary:before{content:'+';font-size:18px}.playback-more[open]>summary:before{content:'−'}.playback-more>summary span{margin-left:auto;color:var(--muted)}.player-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.player-options button{font-size:12px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.player-options button[aria-pressed=true]{background:#b8dfff20;color:var(--text);border-color:var(--accent)}.audio-source-row{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);align-items:center}.source-tabs{justify-content:flex-start;gap:6px}.source-tabs button{min-height:44px;font-size:12px}.playlist{max-height:240px;overflow:auto}.playlist button{min-height:44px;font-size:13px;padding:10px;text-align:left;overflow-wrap:anywhere}.playlist button.active{color:var(--text);background:#b7dfff20}
/* Native modal focus handling, Escape, and on-demand library/tools. */
.library-dialog,.tools-dialog{color:var(--text);border:1px solid var(--line);border-radius:22px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:20px;box-sizing:border-box}.library-dialog{width:760px;max-width:calc(100% - 24px)}.tools-dialog{position:fixed;inset:16px 16px 16px auto;width:390px;max-width:calc(100% - 24px);margin:0}.library-dialog::backdrop,.tools-dialog::backdrop{background:#02051080;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-header h2{font-size:22px}.library-dialog .library,.tools-dialog .controls,.focus-mode .library-dialog .library,.focus-mode .tools-dialog .controls{display:block!important;width:100%;position:static;max-height:none;overflow:visible;margin:0;padding:12px 0 0;border:0;background:none;box-shadow:none;backdrop-filter:none}.library-dialog .library>.panel-heading{display:none}.library-dialog .library-tabs{width:100%;margin:10px 0}.library-dialog .library-tabs button{min-height:44px;font-size:13px}.library-dialog .search{position:static;width:100%;margin:12px 0;display:flex}.library-dialog .search input{min-height:44px;width:100%;font-size:16px}.library-category{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin:12px 0}.library-category select{font-size:14px;min-height:44px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;max-width:75%}.library-dialog .preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-height:0;max-height:none;overflow:visible;margin:12px 0}.library-dialog .preset-card{min-width:0;min-height:62px}.library-dialog .preset-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.5}.library-dialog .preset-meta{padding:12px}.library-dialog .library-bottom{display:none}#libraryResults{font-size:12px;margin:14px 0;color:var(--muted)}#moreVisuals{width:100%;min-height:44px}.tools-dialog .controls>.panel-heading{display:flex;margin-bottom:12px}.tools-dialog .controls .control-section,.tools-dialog .controls .save-section{display:block}.tools-dialog .tool-section{margin-bottom:12px}.tools-dialog .tool-section>summary,.tools-dialog .layer-advanced>summary,.tools-dialog .geometry-motion>summary{min-height:40px;line-height:1.5}.tools-dialog .tool-section label{font-size:13px;min-height:36px}.tools-dialog .tool-section p{font-size:12px}.tools-dialog .tool-section select,.tools-dialog .tool-section input[type=number]{font-size:16px;min-height:44px}.tools-dialog .tool-section input[type=range]{height:28px;background-repeat:no-repeat;background-position:center;background-size:100% 3px}.tools-dialog .geometry-slider input{margin:0}.tools-dialog .tool-section input[type=checkbox]{width:20px;height:20px}.tools-dialog .tool-section .geometry-strobe{min-height:44px}.tools-dialog .geometry-motion{padding-left:6px}.tools-dialog .save-section .button{min-height:44px}.tools-dialog .save-section p{font-size:12px;line-height:1.5}.tools-dialog .tool-section>summary{font-size:14px}.tools-dialog .range-endpoints{margin-bottom:16px}.tools-dialog .control-label{font-size:13px}
@media(max-width:700px){.topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:8px}.topbar .header-right{gap:6px}.topbar .photo-button{padding:8px;width:44px;height:44px;min-width:44px}.topbar #themeBtn{width:44px;min-width:44px}.topbar .brand{font-size:16px}.topbar .wave-logo{width:27px}.board-actions{gap:6px;margin-bottom:9px}.board-actions .button{font-size:12px;padding:9px 10px}.board-actions #focusBtn{min-width:0;flex-shrink:1}.stage{height:clamp(290px,52dvh,650px);min-height:0;max-height:none}.audio-panel{padding:12px}.transport{gap:8px}.track-details strong{font-size:14px}.source-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.audio-source-row .section-label{display:none}.source-tabs button{font-size:11px;padding:6px 3px}.engine-state{font-size:8px}.toolbar-right .text-button{font-size:11px}.tools-dialog{inset:12px 12px 12px auto;padding:16px}.library-dialog{padding:16px}.library-dialog .preset-card strong{font-size:12px}.focus-mode .stage{height:calc(100dvh - 230px);min-height:220px}}
/* Landscape phones get a full-viewport visual, with compact glass transport. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){body{min-height:100dvh}.topbar{position:relative;z-index:5;height:44px;padding-top:0;background:#10172b80}.topbar .brand-sub{display:none}main{padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));margin:0;max-width:none}.board-actions{position:relative;z-index:5;justify-content:flex-end;margin:0;height:46px;pointer-events:none}.board-actions>button{pointer-events:auto}.board-actions #snapshotBtn{margin-left:0}.stage,.focus-mode .stage{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto;border:0;border-radius:0;z-index:0}.stage-top{top:96px}.stage-bottom{bottom:148px}.stage-bottom h2{font-size:16px}.stage-bottom p{display:none}.stage-toolbar{position:fixed;left:max(12px,env(safe-area-inset-left));top:45px;margin:0;height:44px;z-index:5}.stage-toolbar .engine-state{display:none}.watch-options{display:none}.audio-panel{position:fixed;z-index:5;bottom:max(8px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));padding:6px 12px;display:grid;grid-template-columns:minmax(110px,1fr) minmax(260px,1fr);gap:0 16px;max-height:70dvh;overflow:auto;background:#101829a8;border-radius:16px}.track-row{grid-column:1;grid-row:1;gap:8px}.track-row .album-art{width:32px;height:32px}.track-details strong{font-size:13px}.track-details>span{font-size:10px}.transport{grid-column:2;grid-row:1;margin:0;gap:8px;justify-content:flex-end}.transport .play-button{width:44px;height:44px;min-width:44px;min-height:44px}.timeline-row{grid-column:1/-1;grid-row:2;margin:0;gap:8px}.timeline-row input{height:24px}.playback-more{grid-column:1/-1;margin-top:0;padding-top:0}.playback-more>summary{min-height:28px;font-size:11px}.touch-readout{bottom:145px}.tools-dialog{inset:8px max(12px,env(safe-area-inset-right)) 8px auto;max-height:calc(100dvh - 16px)}.library-dialog{max-height:calc(100dvh - 16px)}.stage.full-window,.stage:fullscreen{z-index:200}}
@media(max-width:359px){.board-actions .button{padding:9px 8px}.board-actions{gap:4px}.library-dialog .preset-list{grid-template-columns:1fr}.brand{letter-spacing:-1px}.topbar .header-right{gap:2px}}

.import-music{font-size:11px;min-height:44px;padding:8px 10px;flex-shrink:0;white-space:nowrap}.import-music svg{width:16px;height:16px}.seek-step svg{width:26px;height:26px}.tools-dialog .engine-state{display:flex;flex-wrap:wrap;font-size:10px;line-height:1.7}.tools-dialog .watch-options{display:flex!important;margin:8px 0}.tools-dialog .watch-options>span{display:none}

/* Immersion is a full viewport, independent of the editor layout. */
body.is-immersed{overflow:hidden!important;overscroll-behavior:none}
body.is-immersed .topbar,body.is-immersed .board-actions,body.is-immersed .stage-toolbar,body.is-immersed .audio-panel{display:none!important}
body.is-immersed #stage,.stage:fullscreen,.stage:-webkit-full-screen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;aspect-ratio:auto!important;z-index:1000!important;touch-action:none}
body.is-immersed main{max-width:none;margin:0;padding:0}
body.is-immersed .stage-top{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));justify-content:flex-end}
body.is-immersed .stage-bottom{bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}
body.is-immersed .stage-top-actions .icon-button{background:#0b1021a6;border:1px solid #ffffff30}
body.is-immersed .immersion-idle .stage-chrome{opacity:0;pointer-events:none}
body.is-immersed .stage:before{display:none}.scene-caption{transition:opacity .4s ease,transform .4s ease}.stage .scene-caption p{display:none}
#themeBtn:after{content:none!important}#themeBtn svg{width:21px;height:21px;stroke-width:1.6}#helpBtn{border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:inherit}.topbar .icon-button{color:var(--text);background:#a3b9df0a;border:1px solid var(--line)}.album-art{display:none}.track-row{gap:10px}.track-details strong{font-weight:550}.track-details>span{color:var(--muted)}
/* Every dialog has its own legible surface, including Light Glass. */
:root{--dialog:#111827f5;--dialog-text:#f1f5ff;--dialog-muted:#b6c3dd}
body[data-theme=light]{--dialog:#f6f8fff5;--dialog-text:#192943;--dialog-muted:#445674}
body dialog{background:var(--dialog);color:var(--dialog-text);border:1px solid var(--line);border-radius:22px;padding:24px;max-height:calc(100dvh - 32px);max-width:calc(100vw - 24px);overflow:auto;box-shadow:0 24px 100px #0005}
body dialog::backdrop{background:#05091885;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body dialog :is(p,li,label,.help-small,.eyebrow,.photo-note,.search,.photo-select-row,.control-label,.layer-advanced>summary,.control-heading>span,.control-heading h3,.source-tabs button,.engine-state,.watch-options>span,kbd){color:var(--dialog-muted)}
body dialog :is(h2,h3,strong,summary,.button,.icon-button,.site-menu a,.site-menu button){color:var(--dialog-text)}
body dialog p{font-size:14px;line-height:1.65;margin:14px 0}body dialog h2{font-size:24px;line-height:1.25;letter-spacing:-.6px}body dialog .eyebrow{font-size:10px}body dialog .help-small{font-size:12px;line-height:1.65}
body dialog input:not([type=range]):not([type=checkbox]),body dialog select{background:#829ac212;color:var(--dialog-text);border:1px solid var(--line);padding:12px;border-radius:10px;font-size:16px;min-height:44px}body dialog input::placeholder{color:var(--dialog-muted)}body dialog .icon-button{border:1px solid var(--line)}body dialog .primary{background:var(--accent);color:#142238;border-color:transparent}
body[data-theme=light] dialog .primary{background:#243b64;color:#fff}body dialog a{color:var(--dialog-text)}body dialog kbd{color:var(--dialog-text);border-color:var(--line)}
.menu-dialog,.account-dialog{width:430px}.site-menu{display:flex;flex-direction:column;margin-top:22px;gap:6px}.site-menu>a,.site-menu>button{padding:16px;text-align:left;text-decoration:none;border:1px solid var(--line);border-radius:13px;font-size:17px;background:#899dc10a;display:block;width:100%}.site-menu span{display:block;font-size:12px;color:var(--dialog-muted);margin-top:5px}.quick-start{padding:20px 0 0}.quick-start h3{font-size:16px}.quick-start p{margin:8px 0}.account-dialog .button{margin:20px 0;text-decoration:none}.account-dialog .account-note{font-size:12px}.account-dialog form>label:not(.consent-row){display:block;font-size:13px;margin:18px 0 8px}.account-dialog input[type=text],#accountName{width:100%}.consent-row{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.6;margin:22px 0}.consent-row input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin-top:2px}.sign-out{display:inline-flex;min-height:44px;align-items:center;font-size:13px}.account-dialog #accountStatus{font-size:13px}.photo-creative{margin:16px 0}.photo-creative summary{cursor:pointer;min-height:44px;padding-top:12px}.photo-creative label{display:flex;justify-content:space-between;font-size:13px;margin:14px 0}.photo-creative input{width:100%;height:24px;background-size:100% 3px;background-position:center;background-repeat:no-repeat}.photo-select-row label{font-size:13px}body dialog.photo-dialog{width:620px}.photo-dialog .photo-note{font-size:12px}.photo-dialog input[type=range]{min-height:24px}
body[data-theme=light] .timeline-row span,body[data-theme=light] #audioHint,body[data-theme=light] .player-options button,body[data-theme=light] .playback-more summary{color:#40516e}
@media(max-width:700px){body dialog{padding:20px}.topbar .header-right{gap:8px}.topbar .icon-button{width:44px;height:44px}.topbar .brand{font-size:17px}.board-actions #focusBtn{background:var(--accent);color:#142238;border:0}body[data-theme=light] .board-actions #focusBtn{background:#243b64;color:#fff}.track-row .import-music{font-size:12px;padding:9px 11px}.track-details strong{font-size:15px}.stage-toolbar .toolbar-right{width:100%;justify-content:space-between}.stage-toolbar .text-button{font-size:12px}.toolbar-right{gap:8px}.scene-caption{max-width:75%}}

.stage-top{justify-content:flex-end}.stage .stage-top-actions{margin-left:auto}