:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark;font-synthesis:none;font-weight:400;--bg: #0e0e10;--panel: #18181b;--panel-2: #1f1f23;--panel-hover: #26262c;--panel-selected: #352449;--line: #303037;--text: #efeff1;--text-secondary: #dedee3;--muted: #adadb8;--quiet: #92929d;--accent: #9146ff;--accent-hover: #772ce8;--accent-light: #bf94ff;--soft: #e3d2ff;--on-accent: #ffffff;--pink: #fab4ff;--error: #ff8d97;--warning: #ffca80;--scrollbar: #53535f;--selection: #9146ff55;--caption-bg: #18181be8;--caption-subtle: #18181ba8;--caption-border: #bf94ff40;--avatar-ted: #4b2b78;--avatar-ron: #553450}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:wait;opacity:.55}button:hover{color:var(--text)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}p,h1{margin:0}svg{vertical-align:middle}button{transition:background .15s,color .15s,border-color .15s}button:hover{background:var(--panel-hover)}::selection{background:var(--selection);color:#fff}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.small-label{font-size:8px;letter-spacing:1.1px;color:var(--quiet)}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:var(--muted);font-weight:550;margin-bottom:13px}.section-label>span{font-size:7px;letter-spacing:.7px;color:var(--quiet)}input[type=range]{display:block;width:100%;height:15px;accent-color:var(--accent);cursor:pointer;margin:0 0 12px;background:transparent}.mock-label{font-size:8px;color:var(--quiet);letter-spacing:0;border:1px solid var(--line);padding:2px 5px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.painted-panel{grid-area:scene;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:8px}.scene-topbar{height:36px;flex:0 0 36px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px}.scene-location{font-size:9px;color:var(--muted)}.scene-topbar button{color:var(--muted)}.painted-stage{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;background:#16191f}.painted-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.painted-canvas canvas{display:block}.painted-loading{position:absolute;inset:45% 20px auto;text-align:center;background:var(--panel);padding:16px}.painted-panel:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh}.stream-mode .painted-panel{border:0;border-radius:0}@media(max-width:760px){.painted-stage>.editor-window{position:absolute;inset:auto 8px 8px;width:calc(100% - 16px);min-width:0;max-width:none;height:min(42%,220px);min-height:110px;margin:0}.painted-stage>.editor-window.expanded{top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);min-height:0;max-height:none}.painted-stage>.editor-window.minimized{height:34px;min-height:34px}}.painted-stage>.editor-window{isolation:isolate;contain:paint}.painted-loading{z-index:50;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#16191ff2;color:var(--text)}.painted-loading progress{width:min(280px,80%);accent-color:var(--accent)}.painted-loading button{border:1px solid var(--accent);padding:8px 14px;border-radius:6px}.painted-loading-spinner{width:30px;height:30px;border:3px solid #ffffff22;border-top-color:var(--accent);border-radius:50%;animation:painted-loading-spin 1s linear infinite}.painted-loading-variants{inset:auto 12px 12px auto;padding:10px 14px;gap:6px;border-radius:8px;font-size:11px;pointer-events:none}.painted-loading-variants .painted-loading-spinner{display:none}@keyframes painted-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.painted-loading-spinner{animation:none}}.painted-loading-variants button{pointer-events:auto}.ron-motion-controls{margin-left:auto;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#171b22e8;font-size:11px}.ron-motion-controls>span{padding:0 4px;color:var(--muted)}.ron-motion-controls button{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:5px;color:var(--text);background:#ffffff0a}.ron-motion-controls button:hover{background:#ffffff18}.ron-motion-controls button:disabled{opacity:.4;cursor:wait}.ron-motion-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:760px){.painted-panel .scene-location{display:none}.painted-panel .scene-topbar{gap:8px;padding:0 8px}.ron-motion-controls{padding:3px;gap:4px}}.app.broadcast-mode{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.broadcast-mode .app-header,.broadcast-mode .studio-only,.broadcast-mode .stream-task,.broadcast-mode .scene-topbar{display:none}.app.broadcast-mode main{display:flex;flex:1;min-height:0;width:100%;margin:0;padding:0}.broadcast-mode .composition{display:flex;flex:1;min-width:0;min-height:0}.broadcast-mode .painted-panel{flex:1;border:0;border-radius:0}.broadcast-mode .editor-window{pointer-events:none}.broadcast-mode .window-actions,.broadcast-mode .follow-button{visibility:hidden}.music-player{display:flex;align-items:center;gap:7px;flex:1;min-width:0;height:100%;margin-left:8px;padding-left:12px;border-left:1px solid var(--line);color:var(--accent-light);letter-spacing:normal;font-size:9px;container:ambient-music / inline-size}.music-player>svg{flex-shrink:0}.music-track{display:flex;align-items:baseline;gap:6px;flex:1;min-width:0}.music-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.music-artist,.music-status,.music-position{color:var(--quiet);white-space:nowrap}.music-artist{overflow:hidden;text-overflow:ellipsis}.music-position{font-variant-numeric:tabular-nums;font-size:8px}.music-controls{display:flex;align-self:stretch;align-items:center}.music-controls button{display:grid;place-items:center;width:25px;height:24px;border-radius:3px;color:var(--text-secondary)}.music-controls button:hover{background:var(--panel-selected);color:var(--accent-light)}.music-loading{animation:music-spin 1s linear infinite}@keyframes music-spin{to{transform:rotate(360deg)}}@container ambient-music (max-width: 400px){.music-artist,.music-status{display:none}}@media(prefers-reduced-motion:reduce){.music-loading{animation:none}}.broadcast-mode .music-controls{display:none}.controls-position{grid-column:1;grid-row:3;min-width:0}.studio-controls{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden;height:auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar) var(--panel)}.controls-mobile-heading{display:none}.controls-heading{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--text-secondary)}.controls-heading .small-label{color:var(--accent-light);background:var(--panel-selected);border:1px solid var(--line);padding:3px 5px;border-radius:3px}.control-section{padding:17px 18px 16px;border-bottom:1px solid var(--line)}.character-label{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:11px}.avatar{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:12px;font-family:Georgia,serif}.ted-avatar{background:var(--avatar-ted);color:var(--soft)}.ron-avatar{background:var(--avatar-ron);border-color:var(--line);color:var(--pink)}.character-role{display:inline;color:var(--quiet);font-size:9px;margin-left:8px}.animated-dot{background:var(--accent-light);width:4px;height:4px;border-radius:50%;margin-left:auto}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.activity-grid button{height:28px;font-size:10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--panel-2)}.activity-grid button.active{background:var(--panel-selected);border-color:var(--accent);color:var(--soft)}.ron-label{margin-top:15px;margin-bottom:10px}.segmented{display:flex;border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:3px;gap:3px}.segmented button{flex:1;height:27px;font-size:9px;border-radius:3px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px}.segmented button.active{background:var(--panel-selected);color:var(--soft)}.field-label{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}.time-control button{height:33px;flex-direction:column;font-size:8px;gap:3px}.lamp-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:15px;margin-bottom:6px;color:var(--muted)}.lamp-label>span{font-size:9px;color:var(--muted);font-family:monospace}.weather-control button{height:27px}.poster-section{padding-top:15px}.poster-picker{display:flex;gap:8px;margin:0 0 11px}.poster-picker button{width:calc(25% - 6px);height:63px;padding:4px;background:var(--bg);border:1px solid var(--line);position:relative;border-radius:4px;overflow:hidden}.poster-picker button.active{border-color:var(--accent);background:var(--panel-selected)}.poster-picker img{width:100%;height:100%;object-fit:cover;border-radius:1px}.poster-picker button>span{position:absolute;bottom:4px;right:4px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;width:16px;height:16px;border-radius:50%}.poster-picker .upload-tile{display:grid;place-items:center;color:var(--muted);border-style:dashed}.upload-button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;height:29px;border:1px solid var(--line);border-radius:4px;color:var(--text-secondary);font-size:10px;background:var(--panel-hover)}.input-hint{font-size:8px;color:var(--quiet);margin-top:8px;line-height:1.5;text-align:center}.input-error{color:var(--error);font-size:10px;line-height:1.6;margin-top:8px}.inspector-section{border-bottom:1px solid var(--line)}.character-action-control{display:flex;align-items:center;gap:8px;width:calc(100% - 24px);height:32px;margin:8px 12px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);color:var(--text-secondary);font-size:10px;cursor:pointer}.character-action-control:hover:not(:disabled),.character-action-control:focus-visible{border-color:var(--accent);color:var(--soft)}.character-action-control:disabled{opacity:.45;cursor:wait}.inspector-section summary{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 18px;cursor:pointer;font-size:10px;list-style:none}.inspector-section summary::-webkit-details-marker{display:none}.inspector-section summary>span{display:flex;align-items:center;gap:7px}.inspector-section summary>span:last-child{color:var(--quiet);font-size:9px}.inspector-section[open] summary>span:last-child>svg{transform:rotate(180deg)}.layer-list{padding:0 11px 12px}.layer-list button{display:flex;align-items:center;width:100%;height:28px;border-radius:4px;font-size:10px;color:var(--muted);padding:0 7px;gap:10px}.layer-list button[aria-pressed=false]{color:var(--quiet)}.layer-index{font-size:8px;font-family:monospace;color:var(--quiet)}.layer-list button svg{margin-left:auto;color:var(--muted)}.asset-details{padding:0 18px 13px}.asset-details>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:9px 0;gap:6px}.asset-details>div>span:first-child{color:var(--quiet)}.asset-details code{font-size:9px;color:var(--accent)}.asset-details>p{font-size:9px;color:var(--quiet);line-height:1.65;margin:10px 0 0}.inspector-section summary .healthy-text{color:var(--accent-light)}.warning-text{color:var(--warning)!important}.controls-footnote{padding:15px 18px;color:var(--muted);font-size:9px}.controls-footnote>.status-dot{margin-right:5px;width:4px;height:4px}.controls-footnote p{color:var(--quiet);font-size:8px;margin-top:6px}.studio-mode .controls-position{grid-area:controls;min-height:0}.studio-mode .studio-controls{height:100%;overscroll-behavior-y:contain}.studio-mode .controls-body{display:block}.studio-mode .controls-heading{height:38px;padding:0 14px}.studio-mode .control-section{padding:8px 14px;border-right:0}.studio-mode .character-label{margin-bottom:6px}.studio-mode .avatar{width:20px;height:20px}.studio-mode .ron-label{margin-top:8px}.studio-mode .activity-grid button{height:26px}.studio-mode .segmented{padding:2px}.studio-mode .segmented button{height:24px}.studio-mode .field-label{margin-bottom:6px}.studio-mode .lamp-label{margin-top:8px}.studio-mode .time-control button{flex-direction:row;height:26px}.studio-mode .poster-picker button{height:48px}.studio-mode .poster-picker{margin-bottom:8px}.studio-mode .input-hint{margin-top:6px}.studio-mode .inspector-section summary{height:34px;padding:0 14px}.studio-mode .controls-footnote{display:none}@media(max-width:1050px){.character-role{font-size:8px;margin-left:5px}.control-section{padding-left:14px;padding-right:14px}}@media(max-width:760px){.controls-position{grid-column:1;grid-row:3}.studio-mode .controls-body{display:block}.controls-body>.control-section{border-right:0}.control-wrapper:not([open]) .controls-mobile-heading{border-bottom:0}.controls-mobile-heading{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;font-size:11px;list-style:none;cursor:pointer;border-bottom:1px solid var(--line)}.controls-mobile-heading::-webkit-details-marker{display:none}.controls-mobile-heading>svg:last-child{margin-left:auto}.control-wrapper[open] .controls-mobile-heading>svg:last-child{transform:rotate(180deg)}.controls-heading{display:none}.control-section{padding:17px}.activity-grid{grid-template-columns:repeat(6,1fr);gap:4px}.activity-grid button{font-size:9px;height:30px}.character-role{font-size:9px}.time-control button{flex-direction:row;height:30px;font-size:10px}.poster-picker button{height:82px}.poster-section .section-label>span{font-size:8px}}@media(max-width:760px){.studio-mode .studio-controls{height:auto;max-height:min(32dvh,280px)}.studio-mode .controls-mobile-heading{position:sticky;top:0;z-index:1;background:var(--panel)}.studio-mode .controls-heading{display:none}}.season-label{margin-top:12px}.cycle-toggle,.cycle-duration{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:10px 0}.cycle-toggle{justify-content:flex-start}.cycle-toggle input{accent-color:var(--accent)}.cycle-duration select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:4px;border-radius:4px}.audio-credits{font-size:9px;color:var(--muted);margin:10px 0}.audio-credits summary{cursor:pointer}.audio-credits p{line-height:1.6;margin-top:6px}.audio-credits a{color:var(--accent-light);text-decoration:underline}.environment-controls{border:0;padding:0;min-width:0}.environment-controls:disabled{opacity:.6}.scene-events{padding:10px 12px}.scene-events-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--text-secondary);font-size:10px}.scene-events-phase{margin:8px 0 0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.animation-row{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:5px;margin-top:5px;color:var(--muted);font-size:10px}.animation-row button,.scene-events-heading button{height:24px;font-size:10px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:var(--panel-2)}.animation-row button.pending{border-style:dashed}.animation-row button.active,.scene-events-heading button.active{background:var(--panel-selected);border-color:var(--accent);color:var(--soft)}.playback-controls{height:58px;display:flex;align-items:center;padding:0 13px;gap:11px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.play-button{width:30px;height:29px;background:var(--accent);color:var(--on-accent);border-radius:4px;display:grid;place-items:center}.play-button:hover{background:var(--accent-hover);color:var(--on-accent)}.reset-button{height:28px;width:25px;color:var(--muted);display:grid;place-items:center}.playback-time{font:10px monospace;display:flex;gap:5px;white-space:nowrap;color:var(--text-secondary)}.playback-time span:last-child{color:var(--quiet)}.progress-track{height:3px;background:var(--panel-hover);flex:1;min-width:35px;border-radius:2px;overflow:hidden;margin:0 5px}.progress-track>div{height:100%;background:var(--accent);border-radius:2px}.speed-control{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.speed-control select{border:1px solid var(--line);background:var(--panel-2);color:var(--text-secondary);font-size:10px;border-radius:4px;padding:5px 3px;cursor:pointer}.scenario-button{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--panel-hover);border:1px solid var(--line);border-radius:4px;height:29px;padding:0 9px;font-size:9px;color:var(--text-secondary);white-space:nowrap}.scenario-button.active{color:var(--text-secondary)}.studio-mode .playback-controls{height:51px}@media(max-width:1050px){.speed-control>span{display:none}.playback-controls{gap:7px}.playback-time{font-size:9px}}@media(max-width:760px){.playback-controls{height:51px;padding:0 9px;gap:7px}.play-button{width:28px;height:28px}.reset-button{width:19px}.playback-time{font-size:8px;gap:4px}.progress-track{margin:0 1px}.scenario-button{font-size:8px;padding:0 6px;gap:4px;height:26px}.scenario-button svg{width:11px}.speed-control select{font-size:9px;padding:4px 0}}.app-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--bg);gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:-1px;min-width:205px}.brand-mark{width:34px;height:34px;background:var(--accent);border-radius:8px;color:var(--on-accent);font-size:30px;line-height:29px;text-align:center;font-family:Georgia,serif;font-weight:700;letter-spacing:-4px;padding-right:5px}.brand-mark>span{font-size:25px}.brand-light{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:8px}.view-tabs{display:flex;align-items:center;gap:7px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:7px}.view-tabs button{height:34px;padding:0 15px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border-radius:4px}.view-tabs button.active{background:var(--accent);color:var(--text);box-shadow:0 1px 3px #0003}.header-meta{display:flex;gap:22px;align-items:center;min-width:205px;justify-content:flex-end}.demo-badge{font-size:10px;letter-spacing:1.1px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.version-label{color:var(--quiet);font-size:11px}.app main{max-width:none;margin:auto;padding:29px 36px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.9px;margin-bottom:8px}.page-heading h1{font-size:29px;font-weight:500;line-height:1.15;letter-spacing:-1px}.heading-dot{color:var(--accent);margin-left:2px}.page-heading p{font-size:12px;margin-top:9px;color:var(--muted)}.heading-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.composition{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 20px}.playback-position{grid-column:1;grid-row:2}.stream-task{display:none}.page-footer{padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--quiet);font-size:9px}.page-footer span{display:flex;align-items:center;gap:7px}.app.studio-mode{height:100dvh;display:flex;flex-direction:column}.app.studio-mode .app-header{height:64px;flex-shrink:0;padding:0 20px}.app.studio-mode main{flex:1;min-height:0;width:100%;margin:0;padding:12px 20px;display:flex;flex-direction:column}.studio-mode .page-heading{flex-shrink:0;margin-bottom:10px}.studio-mode .page-heading h1{font-size:22px}.studio-mode .eyebrow,.studio-mode .page-heading p,.studio-mode .page-footer{display:none}.studio-mode .composition{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr) 51px;grid-template-areas:"scene controls" "playback controls";gap:10px 12px}.studio-mode .playback-position{grid-area:playback;min-width:0}.studio-mode .section-label{margin-bottom:7px}.studio-mode input[type=range]{margin-bottom:8px}.stream-mode .studio-only{display:none}.app.stream-mode .app-header{height:64px;padding:0 20px}.app.stream-mode main{margin:0;padding:0}.stream-mode .page-heading,.stream-mode .page-footer{display:none}.stream-mode .composition{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 88px;grid-template-areas:"scene" "task";height:calc(100dvh - 64px);gap:0;align-items:stretch}.stream-mode .page-heading h1{font-size:26px}.stream-mode .stream-task{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-area:task;padding:14px 18px;background:var(--panel);border:0;border-top:1px solid var(--line);border-radius:0;position:relative;gap:6px 16px}.stream-task .section-label{grid-column:1;margin:0;font-size:7px}.stream-task p{grid-column:1;font-size:13px;line-height:1.4}.stream-task>span{grid-column:1;display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted)}.stream-task>button{grid-column:2;grid-row:1 / 4;align-self:center;border:1px solid var(--line);border-radius:5px;width:32px;height:32px;color:var(--accent-light)}@media(max-width:1050px){.app-header{padding:0 22px;gap:12px}.brand,.header-meta{min-width:155px}.app main{padding:25px 22px 0}.heading-note{font-size:9px}}@media(max-width:760px){.app.stream-mode .app-header{height:65px;padding:0 16px}.app-header{height:65px;padding:0 18px;gap:10px;flex-wrap:wrap}.brand{min-width:0;font-size:20px;gap:8px}.brand-mark{width:29px;height:29px;line-height:25px;font-size:27px}.brand-light,.version-label{display:none}.header-meta{min-width:0}.demo-badge{font-size:8px;letter-spacing:.6px}.view-tabs{gap:2px;padding:3px}.view-tabs button{height:28px;font-size:9px;gap:5px;padding:0 8px}.view-tabs button svg{width:11px}.app main{padding:24px 16px 0}.page-heading{margin-bottom:20px;align-items:flex-end}.eyebrow{font-size:7px;letter-spacing:1.5px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.heading-note{display:none}.composition,.stream-mode .composition{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"scene" "task";height:auto;gap:12px}.playback-position,.stream-mode .stream-task{grid-column:1;grid-row:2}.stream-mode .page-heading h1{font-size:23px}.page-footer{padding:20px 0 25px;font-size:8px;line-height:1.6}.page-footer>span:last-child{display:none}}@media(max-width:760px){.app.studio-mode .app-header{height:65px;padding:0 16px}.app.studio-mode main{padding:10px}.studio-mode .page-heading h1{font-size:20px}.studio-mode .composition{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 51px auto;grid-template-areas:"scene" "playback" "controls";gap:8px}}.note-divider{color:var(--quiet);margin:0 5px}.app.stream-mode{height:100dvh;display:flex;flex-direction:column}.app.stream-mode .app-header{flex-shrink:0}.app.stream-mode main{flex:1;min-height:0;width:100%}.stream-mode .composition{height:100%}@media(max-width:760px){.app-header .demo-badge{display:none}.stream-mode .composition{grid-template-rows:minmax(0,1fr) 65px;height:100%;gap:0}.stream-mode .stream-task{padding:8px 12px}.stream-mode .stream-task p{font-size:11px}.stream-mode .stream-task>span{display:none}}