/* Studio chrome only: rendered artwork, images, palettes and export settings are untouched. */
:root{color-scheme:light}
.studio-identity{display:contents}
.workspace-header .workspace-navigation{margin-left:auto}
.studio-theme-toggle{order:3;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;padding:10px 12px;background:transparent;border:0;box-shadow:none;color:#090909;font-size:13px;white-space:nowrap}
.studio-theme-toggle[hidden]{display:none}
.studio-theme-toggle:hover{background:#f7f8f9}
.studio-theme-toggle .theme-sun{display:none}
:root[data-studio-theme=dark]{color-scheme:dark;--ui-page:#0b0b0b;--ui-panel:#202020;--ui-dialog:#202020;--ui-stage:var(--ui-panel);--ui-dock:var(--ui-panel);--ui-raised:#181818;--ui-field:#252525;--ui-text:#f2f2f2;--ui-muted:#a6a6a6;--ui-border:#333333;--ui-accent:#ffff61;--ui-ink:#090909}
:root[data-studio-theme=dark] body{background:var(--ui-page);color:var(--ui-text)}
:root[data-studio-theme=dark] .workspace-header{background:var(--ui-page);border-color:var(--ui-border)}
:root[data-studio-theme=dark] .motion-export-dock{background:var(--ui-dock,var(--ui-page));border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(.studio,.template-editor,.website-treatment,.outline-card,.journey-brand,.journey-history-panel,.account-menu-links,.save-options>div,.export-access-dialog){background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(#motion-main-preview,.preview-wrap,.journey-preview-stage,.journey-assets,.journey-message){background:var(--ui-stage,var(--ui-raised));border-color:var(--ui-border)}
:root[data-studio-theme=dark] #motion-main-preview .preview-wrap{background:none}
:root[data-studio-theme=dark] :is(input:not([type=color]):not([type=range]):not([type=file]):not([type=checkbox]),select,textarea){background:var(--ui-field);color:var(--ui-text);border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:1}
:root[data-studio-theme=dark] :is(.project-file input,.asset-row input){background:transparent}
:root[data-studio-theme=dark] :is(.colour-control,.dropzone,.journey-upload,.add-slide){border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(.dropzone,.journey-upload){background:var(--ui-field)}
:root[data-studio-theme=dark] :is(.dropzone:hover,.dropzone.dragging,.journey-upload.dragging,.asset-row.is-dragging){background:var(--ui-raised);border-color:var(--ui-accent)}
:root[data-studio-theme=dark] :is(.intro-note,.secondary,.effect-duration,.effect-description,.mono,.step-number,.privacy,.format-help,.reorder-help,.contrast-note,.export-note,.export-policy,.preview-loading,.preview-stage .preview-tag,.asset-row button,.project-file label,.style-picker-field p,.template-bar small,.slide-caption small,.template-section-title,.template-note,.template-status,.copy-import p,.journey-steps button span,.journey-utilities>span,.journey-lead,.optional,.journey-help,.journey-assets-header p,.journey-upload>span:last-of-type,.journey-example b,.journey-example p,.journey-section-heading p:not(.eyebrow),.outline-number,.journey-history-panel button small,.website-heading span:last-child,.website-phase,.website-caption,.website-status,.website-beat small,.website-beat p,.website-reference-grid figcaption,.export-access-hint,footer,#progress-text){color:var(--ui-muted)}
:root[data-studio-theme=dark] :is(.dropzone>span:not(.upload-mark),.motion-export-dock #export-note){color:var(--ui-muted)}
:root[data-studio-theme=dark] :is(.workspace-modes,.project-bar,.section-line,.studio-heading,.upload-panel,.preview-caption,.style-picker,.template-bar,.template-editor-heading,.template-divider,.copy-import,.journey-top,.journey-example>div,.journey-history-panel button,.journey-publishing,.website-heading,.website-transport,.website-treatment h2,.website-beat,.website-references,.text-button,footer){border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(.workspace-navigation>a[aria-current],.account-menu>summary.current-section,.workspace-modes>a[aria-current=page]){background:var(--ui-raised);color:var(--ui-accent);border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(.workspace-navigation>a:hover,.account-menu>summary:hover,.account-menu-links>a:hover,.account-menu-links>a:focus-visible,.project-actions .save-options button:hover,.studio-theme-toggle:hover){background:var(--ui-raised)}
:root[data-studio-theme=dark] :is(.slide-tools button,.template-actions button,.template-actions label,.copy-import button,.journey-preview-controls button,.website-transport button,.website-original,.website-download,.download-button,.export-access-actions button,.project-actions .save-options button,.asset-row .reorder-handle:hover,.asset-row .reorder-handle:focus-visible,.skip-link){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}
:root[data-studio-theme=dark] :is(.export-button,.journey-primary,.export-access-actions a),:root[data-studio-theme=dark] #project-save{background:var(--ui-accent);color:var(--ui-ink);border-color:var(--ui-accent)}
:root[data-studio-theme=dark] :is(.export-button:not(:disabled):hover,.journey-primary:not(:disabled):hover){background:#090909;color:#fff;border-color:#090909}
:root[data-studio-theme=dark] .is-exporting .export-button{background:var(--ui-raised);color:var(--ui-text)}
:root[data-studio-theme=dark] #project-save-status{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}
:root[data-studio-theme=dark] #project-save-status[data-state=saved]::before{color:var(--ui-accent)}
:root[data-studio-theme=dark] #project-save-status[data-state=saving]::before{border-color:var(--ui-border);border-top-color:var(--ui-accent)}
:root[data-studio-theme=dark] :is(#project-save-status[data-state=error],.template-errors){background:#402a23;color:#ffc4ad;border-color:#b2795d}
:root[data-studio-theme=dark] .slide-caption .slide-error{color:#ffc4ad}
:root[data-studio-theme=dark] :is(.effect-use,.play){color:#090909}
:root[data-studio-theme=dark] :is(.effect-card[aria-pressed=true] .effect-media,.slide-card[aria-pressed=true] canvas){outline-color:var(--ui-accent)}
:root[data-studio-theme=dark] .journey-steps button[aria-current=step]{border-bottom-color:var(--ui-accent)}
:root[data-studio-theme=dark] :is(.website-controls input,.website-transport input){accent-color:var(--ui-accent)}
:root[data-studio-theme=dark] :focus-visible{outline-color:var(--ui-accent)}
:root[data-studio-theme=dark] :is(input:focus,select:focus,textarea:focus){border-color:var(--ui-accent)}
:root[data-studio-theme=dark] .studio-theme-toggle{color:var(--ui-text)}
:root[data-studio-theme=dark] .theme-moon{display:none}
:root[data-studio-theme=dark] .theme-sun{display:block}
@media(max-width:700px){.studio-identity{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-theme-toggle{padding:10px;flex-shrink:0}.studio-theme-toggle span{display:none}.workspace-header .workspace-navigation{margin-left:0}}
