/* R151: calm task-first workspace, retaining the existing single-screen editor. */
@media(min-width:1000px){.studio-mode.compact-editor .workspace-grid{grid-template-rows:minmax(0,1fr) 192px}.studio-mode.compact-editor .timeline-dock>#scrubber{min-height:28px}.studio-mode[data-studio-step=edit] .studio-summary,.studio-mode[data-studio-step=export] .studio-summary{display:none}}
html:has(body.studio-mode:not([data-studio-step=all])){height:100dvh;overflow:hidden}.studio-mode main,.studio-preparation{position:relative}.studio-mode[data-studio-step=script] .toolbar,.studio-mode[data-studio-step=produce] .toolbar{display:none}.studio-mode #preview-focus-toggle{display:none}
.studio-mode{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.studio-mode .app-header{padding:8px 20px;min-height:58px;flex:none}.studio-mode .identity h1{font-size:15px}.studio-mode .identity p,.studio-mode .local-label{display:none}.studio-mode main{width:100%;max-width:none;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;padding:10px 16px;gap:8px}.studio-nav{display:flex;gap:6px;flex:none;padding:0;min-height:42px}.studio-nav button{min-height:42px;padding:8px 20px;border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:500}.studio-nav button[aria-pressed=true]{background:#16363c;border-color:var(--accent);color:var(--text)}.studio-summary{font-size:12px;color:var(--muted);line-height:1.5;margin:0;flex:none}.studio-mode .toolbar{order:0;flex:none;min-height:40px;margin:0}.studio-mode .project-name label{display:none}.studio-mode .project-name input{font-size:13px;padding:7px}.studio-mode .toolbar-buttons{gap:6px}.studio-mode .toolbar-buttons button{font-size:12px}.studio-mode .journey,.studio-mode .workflow-resources,.studio-mode footer{display:none}.studio-mode .status{flex:none;max-height:40px;overflow:auto;margin:0;padding:6px 12px}.studio-preparation,.studio-editing{flex:1;min-height:0}.studio-preparation{display:none;overflow:auto}.studio-editing{display:flex;flex-direction:column}.studio-output{display:none}.studio-mode[data-studio-step=script] .studio-preparation,.studio-mode[data-studio-step=produce] .studio-preparation{display:block}.studio-mode[data-studio-step=script] .studio-editing,.studio-mode[data-studio-step=produce] .studio-editing{display:none}.studio-mode[data-studio-step=script] #studio-media,.studio-mode[data-studio-step=script] #local-panel,.studio-mode[data-studio-step=script] #local-status,.studio-mode[data-studio-step=script] .local-optional-note{display:none}.studio-mode[data-studio-step=script] .ai-workspace{max-width:1100px;margin:0 auto;padding:22px}.studio-mode[data-studio-step=script] #ai-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.studio-mode[data-studio-step=script] #ai-form>label,.studio-mode[data-studio-step=script] #ai-form>textarea,.studio-mode[data-studio-step=script] #ai-form>.ai-controls,.studio-mode[data-studio-step=script] #ai-form>.quiet,.studio-mode[data-studio-step=script] #ai-form>#ai-language-custom-field{grid-column:1/-1}.studio-mode[data-studio-step=script] #ai-form>#ai-aspect,.studio-mode[data-studio-step=script] #ai-form>#ai-language{grid-column:1/-1}.studio-mode .ai-workspace input,.studio-mode .ai-workspace textarea,.studio-mode .ai-workspace select{font-size:14px}.studio-mode .ai-workspace .quiet{font-size:12px}.studio-mode #ai-jobs .quiet{font-size:11px}.studio-mode[data-studio-step=produce] .studio-preparation{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);gap:16px;align-content:start}.studio-mode[data-studio-step=produce] .ai-workspace{margin:0;padding:20px}.studio-mode[data-studio-step=produce] #ai-panel>:not(#local-panel):not(#local-status){display:none}.studio-mode[data-studio-step=produce] #local-panel{display:block;margin:0;border:0;padding:0}.studio-mode[data-studio-step=produce] #local-heading{font-size:16px}.studio-mode[data-studio-step=produce] #local-heading::marker{content:''}.studio-media{padding:20px;align-self:start}.studio-media h2{font-size:17px;margin:0 0 8px}.studio-media h3{font-size:14px;margin:0 0 12px}.studio-media>p{font-size:13px;line-height:1.7;color:var(--muted)}.studio-media section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.studio-media .sound-controls{display:flex;gap:8px;flex-wrap:wrap}.studio-media .sound-controls button{min-height:40px;font-size:12px}.studio-media label{font-size:12px}.studio-media .quiet{font-size:12px}.studio-media audio{width:100%;height:36px;margin-top:12px}.studio-media input[type=range]{width:100%}.studio-media .studio-next{margin-top:20px;width:100%}.studio-script-ready{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.studio-script-ready h3{font-size:16px;margin:0 0 12px}.studio-script-ready .studio-script-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.studio-mode[data-studio-step=export] .studio-editing{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:12px}.studio-mode[data-studio-step=export] .workspace-grid{display:flex;min-height:0}.studio-mode[data-studio-step=export] .workspace-grid>:not(.preview){display:none!important}.studio-mode[data-studio-step=export] .workspace-grid>.preview{width:100%;flex:1}.studio-mode[data-studio-step=export] .studio-output{display:block;overflow:auto;min-height:0}.studio-mode[data-studio-step=export] .export-panel,.studio-mode[data-studio-step=export] .cover-panel{display:block;margin:0 0 12px;padding:18px}.studio-mode[data-studio-step=export] .export-heading{display:block}.studio-mode[data-studio-step=export] .export-heading p{margin-top:8px;font-size:12px}.studio-mode[data-studio-step=export] .range-fields{width:100%;gap:8px}.studio-mode[data-studio-step=export] #export-video{width:100%;min-height:44px}.studio-mode[data-studio-step=export] .quiet{font-size:12px}.studio-mode[data-studio-step=export] #export-estimate{display:none}.studio-mode[data-studio-step=all]{height:auto;min-height:100dvh;overflow:auto}.studio-mode[data-studio-step=all] main{overflow:visible}.studio-mode[data-studio-step=all] .journey,.studio-mode[data-studio-step=all] .studio-preparation,.studio-mode[data-studio-step=all] .studio-output,.studio-mode[data-studio-step=all] .workflow-resources{display:block}.studio-mode[data-studio-step=all] .studio-media{margin:16px 0}.studio-mode[data-studio-step=all] .studio-editing{display:block}.studio-mode[data-studio-step=all] .export-panel,.studio-mode[data-studio-step=all] .cover-panel{display:block}.studio-mode button:active{filter:brightness(1.15)}
@media(max-width:999px){.studio-mode .app-header{padding:6px 10px;min-height:44px}.studio-mode .header-actions>a:first-of-type{display:inline-flex;font-size:11px;min-height:36px;padding:6px}.studio-mode .header-actions>a:nth-of-type(2),.studio-mode #help-toggle{display:none}.studio-mode .wordmark{font-size:16px}.studio-mode .identity h1{display:none}.studio-mode .header-actions{display:flex;gap:6px}.studio-mode #workflow-mode-toggle{font-size:11px;min-height:36px;padding:6px}.studio-mode main{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:5px}.studio-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:40px}.studio-nav button{font-size:11px;padding:6px 2px;min-height:40px;white-space:normal}.studio-summary{display:none}.studio-mode .toolbar-buttons button{font-size:11px}.studio-mode .studio-editing{min-height:0}.studio-mode[data-studio-step=produce] .studio-preparation{display:block}.studio-mode .studio-media{margin:0 0 12px;padding:16px}.studio-mode[data-studio-step=script] #ai-form{display:block}.studio-mode .ai-workspace input,.studio-mode .ai-workspace textarea,.studio-mode .ai-workspace select,.studio-mode .studio-media input{font-size:16px}.studio-mode[data-studio-step=export] .studio-editing{grid-template-columns:1fr;grid-template-rows:minmax(150px,.8fr) minmax(0,1fr);gap:8px}.studio-mode[data-studio-step=export] .workspace-grid>.preview{grid-template-rows:auto minmax(0,1fr) auto}.studio-mode[data-studio-step=export] .stage-surround{padding:10px}.studio-mode[data-studio-step=export] .studio-output{border-top:1px solid var(--line)}.studio-mode[data-studio-step=export] .cover-panel{margin-bottom:0}}
@media(max-width:999px) and (min-width:680px) and (max-height:500px){.studio-nav{min-height:36px}.studio-nav button{min-height:36px}.studio-mode[data-studio-step=export] .studio-editing{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}.studio-mode .app-header{min-height:36px;padding:2px 10px}}
@media(max-width:679px) and (min-height:700px){
 .studio-mode[data-studio-step=edit] .project-name,.studio-mode[data-studio-step=export] .project-name{display:none}
 .studio-mode[data-studio-step=edit] .workspace-grid,.studio-mode[data-studio-step=export] .workspace-grid{grid-template-rows:minmax(0,1.2fr) 44px minmax(120px,.8fr)}
 .studio-mode[data-studio-step=edit] .stage-surround,.studio-mode[data-studio-step=export] .stage-surround{padding:8px 4px}
 .studio-mode[data-studio-step=edit] .workspace-grid:has(.stage.vertical),.studio-mode[data-studio-step=export] .workspace-grid:has(.stage.vertical){grid-template-rows:minmax(0,1.6fr) 44px minmax(120px,.4fr)}
}
@media(max-width:679px) and (max-height:699px){
 .studio-mode[data-studio-step=edit] .project-name,.studio-mode[data-studio-step=export] .project-name{display:none}
 .studio-mode[data-studio-step=edit] .workspace-grid,.studio-mode[data-studio-step=export] .workspace-grid{grid-template-rows:minmax(0,1.6fr) 44px minmax(100px,.4fr)}
 .studio-mode[data-studio-step=edit] .stage-surround,.studio-mode[data-studio-step=export] .stage-surround{padding:8px 4px}
 .studio-mode .preview-version{display:none}
}
@media(max-width:679px){
 .studio-mode #preview-focus-toggle{display:inline-flex;min-height:36px;padding:5px 8px;font-size:11px}
 .studio-mode .timeline-dock{overflow:auto!important;overscroll-behavior:contain}
 .studio-mode .timeline-dock .timeline-visual{flex:none;min-height:96px}
 .studio-mode .timeline-dock .timeline-track{min-height:48px;overflow:visible}
 .studio-mode .timeline-dock .timeline{height:auto;min-height:48px}
 .studio-mode .timeline-dock .timeline-meta{min-height:28px}
 .studio-mode.studio-preview-focus .studio-nav,.studio-mode.studio-preview-focus .toolbar,.studio-mode.studio-preview-focus .mobile-workspace-tabs,.studio-mode.studio-preview-focus .timeline-dock,.studio-mode.studio-preview-focus .library,.studio-mode.studio-preview-focus .inspector,.studio-mode.studio-preview-focus .studio-output{display:none!important}
 .studio-mode.studio-preview-focus main,.studio-mode.studio-preview-focus .studio-editing,.studio-mode.studio-preview-focus .workspace-grid{padding:0;gap:0;display:flex;flex:1;min-height:0}
 .studio-mode.studio-preview-focus .workspace-grid{display:block;overflow:hidden}
 .studio-mode.studio-preview-focus .preview{height:100%;display:grid}
 .studio-mode.studio-preview-focus .stage-surround{padding:8px 4px}
}