/* Neutral editing workspace shared by web and Windows Companion. */
body.studio-pro-workspace{--panel-bg:#202020;--border:#393939;--accent:#3794ed;--muted:#a6a6a6;--bg:#181818;--text:#d4d4d4;background:#181818!important;color:#d4d4d4!important;color-scheme:dark}
body.studio-pro-workspace :is(.sidebar,.sidebar-panel,.sidebar-nav,.nav-sidebar,.top-bar,.topbar,.header,.toolbar,.menu-bar,.studio-menu-bar,.timeline-controls,.track-group,.timeline-track-rail,.nested-scenes-bar,.viewport-timecodes,.control-box,.inspector-body,.export-box,.video-modal-content,.fm-card,.fm-folder,.fm-preview,.layer-list-item,.native-key-panel,.audio-effects-panel){background-color:#232323!important;border-color:#3b3b3b!important;color:#d4d4d4!important}
body.studio-pro-workspace :is(#main-canvas-area,#timeline-editor,#timeline-scroll-area,#timeline-ruler,#timeline-inner,#corner-radius-panel,#viewport-status,#clip-effect-controls,#studio-select-menu,dialog){background:#202020!important;color:#d4d4d4!important;border-color:#3b3b3b!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) :is(h2,h3,h4,strong,label,summary){color:#d4d4d4!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) summary{background:#262626!important;border-color:#151515!important;border-radius:2px!important}
body.studio-pro-workspace button:not(.studio-nest-block):not(:disabled):not([aria-disabled="true"]){background:#363636!important;color:#dedede!important;border-color:#515151!important;border-radius:3px!important;box-shadow:none!important}
body.studio-pro-workspace button:not(.studio-nest-block):not(:disabled):hover{background:#474747!important;color:#fff!important}
body.studio-pro-workspace button.primary:not(.studio-nest-block):not(:disabled):not([aria-disabled="true"]),body.studio-pro-workspace button:not(.studio-nest-block):is(.active,[aria-pressed="true"]):not(:disabled){background:#1765b0!important;color:#fff!important;border-color:#3794ed!important}
body.studio-pro-workspace button:disabled,body.studio-pro-workspace button[aria-disabled="true"]{background:#292929!important;color:#777!important;opacity:1!important;border-color:#363636!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog,.fm-toolbar) :is(input:not([type=range]):not([type=checkbox]):not([type=color]),textarea,select),body.studio-pro-workspace .fm-search{background:#141414!important;color:#d6d6d6!important;border-color:#444!important;border-radius:3px!important}
body.studio-pro-workspace :is(input[type=checkbox],input[type=range],progress){accent-color:#3794ed!important}
body.studio-pro-workspace input[type=range]{background:#444!important}
body.studio-pro-workspace input[type=range]::-webkit-slider-thumb{background:#3794ed!important}
body.studio-pro-workspace :is(#time-display,#tl-zoom-value,.viewport-timecodes span,.range-readout,.effect-value input[type=number]){color:#4aa4ff!important}
body.studio-pro-workspace :is(#playhead,#timeline-time-snap-guide){background:#3794ed!important}
body.studio-pro-workspace #playhead::before{border-top-color:#3794ed!important}
body.studio-pro-workspace :is(.menu-dropdown,.studio-menu-popup,.dropdown-menu,.custom-project-row,.fm-upload-list){background:#292929!important;color:#d4d4d4!important;border-color:#464646!important}
body.studio-pro-workspace .tl-block{border-right-color:#161616!important}
body.studio-pro-workspace .tl-block:is(.multi-selected,.selected-tl-block){border:1px solid #eee!important;box-shadow:inset 0 0 0 1px #eee!important}
body.studio-pro-workspace button.studio-nest-block[aria-pressed="true"]{background:#596607!important;color:#f3f5df!important;border:1px solid #e1e8aa!important;box-shadow:inset 0 0 0 1px #e1e8aa!important}
body.studio-pro-workspace :is(button,input,select,textarea,summary):focus-visible{outline-color:#3794ed!important}
body.studio-pro-workspace ::-webkit-scrollbar-track{background:#1a1a1a}
body.studio-pro-workspace ::-webkit-scrollbar-thumb{background:#505050;border-color:#202020}

body.studio-pro-workspace :is(.vertical-nav,.studio-menu,.studio-menu details>div,.canvas-zoom-controls,#proj-id-badge){background:#252525!important;color:#ccc!important;border-color:#444!important}
body.studio-pro-workspace #canvas-zoom-select{background:#181818!important;color:#ccc!important}
body.studio-pro-workspace .studio-menu summary:hover{background:#3b3b3b!important}

body.studio-pro-workspace :is(button,select,textarea,dialog,.studio-mode-toggle,.canvas-zoom-controls,.export-box,.workspace-picker,.control-box,.fm-card,.fm-folder,.fm-preview,.native-key-panel,.custom-project-row,.video-modal-content,#corner-radius-panel,#clip-effect-controls,#studio-select-menu,#proj-id-badge){border-radius:3px!important}
body.studio-pro-workspace input:not([type=range]):not([type=checkbox]):not([type=radio]){border-radius:3px!important}
body.studio-pro-workspace .studio-mode-toggle{background:#252525!important;border-color:#444!important}

body.studio-pro-workspace :is(.timeline-fixed-rails,.timeline-rail-header,.timeline-track-header,.timeline-track-controls,.timeline-track-labels,.track-rail-header,.track-rail-corner,.clip-label-menu,.studio-panel-max,.gallery-v8-card,.fm-thumb,.fm-item,.fm-upload-row,.audio-tabs,.export-config,.host-grid){background-color:#252525!important;color:#ccc!important;border-color:#444!important;border-radius:3px!important}
body.studio-pro-workspace :is(.gallery-v8-card>img,.gallery-v8-card>video,.color-curve){background-color:#181818!important;border-color:#444!important}
body.studio-pro-workspace *{scrollbar-color:#505050 #1a1a1a}

body.studio-pro-workspace{font-family:'Segoe UI',Arial,sans-serif}
body.studio-pro-workspace :is(#template-manager,#permanent-gallery,.timeline-move-tools,#timeline-rail-overlay,#track-context-menu,.export-preview,.export-preview-controls,.export-preview-metadata){background:#232323!important;color:#c9c9c9!important;border-color:#3b3b3b!important;border-radius:3px!important}
body.studio-pro-workspace #scene-category{background:#141414!important;color:#c9c9c9!important;border-color:#444!important}
body.studio-pro-workspace .track-row-line{background:#393939!important}
body.studio-pro-workspace :is(.studio-icon,.vertical-nav svg){color:#bdbdbd;stroke:currentColor;stroke-width:1.7}
body.studio-pro-workspace button:is(.primary,.active,[aria-pressed=true]) .studio-icon{color:inherit}
body.studio-pro-workspace button,.studio-pro-workspace label{font-weight:400}
body.studio-pro-workspace input[type=checkbox]{accent-color:#bdbdbd!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) select:disabled,body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) input:disabled{background:#2c2c2c!important;color:#777!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) a{color:#3794ed!important}

body.studio-pro-workspace{--control-well:#141414;--surface-raised:#292929}
body.studio-pro-workspace #studio-template-menu>#template-manager{background:#292929!important;border-radius:3px!important}
body.studio-pro-workspace #tab-design #permanent-gallery{background:#232323!important}
body.studio-pro-workspace #template-manager :is(input,select,textarea){border-radius:3px!important}
body.studio-pro-workspace #track-audio-container::before,body.studio-pro-workspace .timeline-track-rail[data-track-type=audio][data-track-index="0"]::before{background:#444!important}

body.studio-pro-workspace button.primary:disabled{background:#292929!important;color:#777!important;border-color:#363636!important}
body.studio-pro-workspace .export-box pre{background:#141414!important;color:#bdbdbd!important;border-radius:3px!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) small{color:#aaa!important}

/* Match the legacy nested-detail selectors, including their open state. */
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel) :is(details,.control-box),
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel) details details{background:#232323!important;border-color:#393939!important;box-shadow:none!important;border-radius:3px!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel) details>summary,
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel) details[open]>summary{background:#292929!important;color:#d4d4d4!important;border-radius:3px 3px 0 0!important}
body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel) .inspector-body{background:#232323!important}
body.studio-pro-workspace input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;background:none!important;border:0!important;border-radius:2px!important;box-shadow:none!important;accent-color:#bdbdbd!important}
body.studio-pro-workspace input[type=checkbox]:checked{background:none!important;background-image:none!important}
body.studio-pro-workspace input[type=color]{background:#363636!important}
body.studio-pro-workspace :is(.fm-folder-count,.fm-card .thumb,.smart-member,.render-information){background:#292929!important;color:#ccc!important;border-color:#444!important}
body.studio-pro-workspace #studio-colour-picker{background:#232323!important}
body.studio-pro-workspace #studio-colour-picker :is(button,.cp-hex){background:#363636!important;color:#dedede!important}
body.studio-pro-workspace #studio-colour-picker .cp-done{background:#1765b0!important;color:#fff!important}

body.studio-pro-workspace ::placeholder{color:#929292!important;opacity:1!important}
body.studio-pro-workspace :is(.fm-card,.gallery-v8-card,.layer-list-item).viewport-selected{outline:2px solid #3794ed!important;outline-offset:-2px!important}
body.studio-pro-workspace .layer-list-item.active{background:#303030!important;box-shadow:inset 3px 0 #3794ed!important}
body.studio-pro-workspace #studio-colour-picker,body.studio-pro-workspace #studio-colour-picker :is(.cp-surface,.cp-swatch,.cp-hue){border-radius:3px!important}
body.studio-pro-workspace #studio-colour-picker .cp-hex-label{color:#aaa!important}
body.studio-pro-workspace :is(#clip-colour-options,.clip-colours[open],.smart-submenu){background:#292929!important;color:#ccc!important;border-radius:3px!important}

body.studio-pro-workspace .ps-panel{background:#232323!important;color:#ccc!important;border-color:#444!important}

body.studio-pro-workspace :is(.sidebar-panel,#corner-radius-panel,dialog) input[type=color]{background:#363636!important;border-color:#444!important}

body.studio-pro-workspace #custom-project-manager{border-color:#444!important;border-radius:3px!important}
body.studio-pro-workspace #custom-project-manager :is(.project-storage,.custom-project-list){background:#252525!important;border-color:#444!important;border-radius:3px!important}
body.studio-pro-workspace #custom-project-manager :is(form,.project-folder-row){border-color:#444!important}
body.studio-pro-workspace #custom-project-manager .project-location{color:#aaa!important}
body.studio-pro-workspace #custom-project-manager meter::-webkit-meter-bar{background:#444!important;border:0!important}
body.studio-pro-workspace #custom-project-manager meter::-webkit-meter-optimum-value{background:#3794ed!important}
body.studio-pro-workspace #custom-project-manager meter::-moz-meter-bar{background:#3794ed!important}

body.studio-pro-workspace :is(dialog,.workspace-picker,.export-box,#studio-colour-picker,#custom-project-manager) button:not(:disabled){background:#363636!important;color:#dedede!important;border-color:#515151!important;border-radius:3px!important}
body.studio-pro-workspace :is(dialog,.workspace-picker,.export-box,#studio-colour-picker,#custom-project-manager) button:is(.primary,.cp-done,.active,[aria-pressed=true]):not(:disabled){background:#1765b0!important;color:#fff!important;border-color:#3794ed!important}

/* Effect headers and value rows retain their dimensions while bypassed. */
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls details{margin:0!important;border-top:1px solid #111!important;border-radius:0!important;box-shadow:none!important}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls details>summary{min-height:32px;box-sizing:border-box;border-bottom:1px solid #111!important;border-radius:0!important;padding:5px 8px!important}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls .effect-values{padding:0!important}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls .effect-value{display:grid!important;grid-template-columns:minmax(0,1fr) 110px!important;align-items:center;gap:8px;min-height:32px;box-sizing:border-box;padding:5px 10px!important;margin:0!important;border-bottom:1px solid #171717!important}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls .effect-value>span{min-width:0;overflow-wrap:anywhere}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls .effect-value :is(input,select){margin:0!important;box-sizing:border-box}
body.studio-pro-workspace #corner-radius-panel #clip-effect-controls [role=status]{display:block;min-height:16px;line-height:16px}
/* Returning to the scene overview is a distinct navigation action. */
body.studio-pro-workspace .timeline-controls .nested-scenes-bar button[data-back]:not(:disabled):not([aria-disabled="true"]){background:#742b31!important;border-color:#97434a!important;color:#fff!important}
body.studio-pro-workspace .timeline-controls .nested-scenes-bar button[data-back]:not(:disabled):hover{background:#8b343c!important}
body.studio-pro-workspace #timeline-editor button.clip-marker:not(:disabled):not([aria-disabled="true"]){background:#f4c84a!important;border:1px solid #fff0ac!important;border-radius:0!important;filter:drop-shadow(0 1px 1px #000);min-width:12px;z-index:220}
body.studio-pro-workspace #timeline-editor button.clip-marker.selected:not(:disabled):not([aria-disabled="true"]){background:#fff!important;border-color:#f4c84a!important}
body.studio-pro-workspace #timeline-editor button.timeline-marker:not(:disabled):not([aria-disabled="true"]){background:transparent!important;border-radius:0!important}
body.studio-pro-workspace #timeline-editor button.timeline-marker::before{background:transparent!important;border-top-color:#f4c84a!important}
body.studio-pro-workspace #timeline-editor button.timeline-marker.selected::before{border-top-color:#fff!important}
/* Phone/tablet drawers use the same neutral palette and touch-friendly fields. */
.mobile-editor body.studio-pro-workspace :is(.sidebar-panel.active,#corner-radius-panel.inspector-v8,#mobile-overflow){background:#232323!important;color:#dedede!important;border-color:#444!important;border-radius:3px!important}
.mobile-editor body.studio-pro-workspace button.mobile-drawer-toggle{background:#363636!important;color:#dedede!important;border:1px solid #515151!important;border-radius:3px!important}
.mobile-editor body.studio-pro-workspace button.mobile-drawer-toggle[aria-expanded=true]{background:#1765b0!important;color:#fff!important;border-color:#3794ed!important}
.mobile-editor body.studio-pro-workspace .pink-lines i{background:currentColor!important}
.mobile-editor body.studio-pro-workspace #mobile-overflow #mobile-clip-levels{border-color:#515151!important;border-radius:3px!important;color:#dedede!important}
.mobile-editor body.studio-pro-workspace #mobile-overflow #mobile-clip-levels[aria-pressed=true]{background:#1765b0!important;color:#fff!important}
.mobile-editor body.studio-pro-workspace #corner-radius-panel #clip-effect-controls .effect-value{grid-template-columns:minmax(0,1fr) minmax(70px,38%)!important;min-height:44px}
.mobile-editor body.studio-pro-workspace #corner-radius-panel #clip-effect-controls details>summary{min-height:44px!important}
.mobile-editor body.studio-pro-workspace :is(#audio-effect-fields,.effect-values) :is(input:not([type=checkbox]),select){min-height:38px;font-size:16px!important;min-width:0;width:100%;box-sizing:border-box}
.mobile-editor body.studio-pro-workspace :is(dialog,#mobile-overflow){border-radius:3px!important;overscroll-behavior:contain}
.mobile-editor body.studio-pro-workspace dialog :is(input:not([type=checkbox]):not([type=range]),select,textarea){font-size:16px!important;min-height:38px;min-width:0}

/* Selection changes colour only; keep clip content at the same pixel. */
body.studio-pro-workspace .tl-block{border-left-width:1px!important}