:root{color-scheme:dark;--workspace-bg:#10131a;--workspace-panel:#191e28;--workspace-soft:#222938;--workspace-line:#343e50;--workspace-text:#e4eaf5;--workspace-muted:#9ca9bf}
:root[data-theme=light]{color-scheme:light;--workspace-bg:#f4f6fa;--workspace-panel:#fff;--workspace-soft:#edf1f7;--workspace-line:#d9e0eb;--workspace-text:#1a263a;--workspace-muted:#5c6c83;--bg:#f4f6fa;--panel:#fff;--text:#1a263a;--soft:#5c6c83;--border:#d9e0eb}
html{scrollbar-width:thin;scrollbar-color:#66708565 transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#71809660;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#8da0bb99}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-weight:400}button,input,select,textarea{font:inherit}h1,h2,h3,strong,b{font-weight:600}.dashboard-main h1,.dashboard-main h2{font-size:18px}.dashboard-nav-item{font-weight:450}.dashboard-topbar{min-height:42px;height:42px}.dashboard-topbar h1{font-size:14px;font-weight:550}.dashboard-main{padding-top:10px}.dashboard-rail-label{display:none}.dashboard-rail{gap:2px}.dashboard-nav-item{padding:9px 3px}
.media-library-card h2{font-size:16px}.media-library-card h3{font-size:13px}.media-library-card .heading{margin-bottom:9px}.library-item strong{font-size:11px;font-weight:500;line-height:1.35}.library-thumbnail.audio,.library-thumbnail.scene,.library-thumbnail.image{height:48px;min-height:48px;background:#1d2431}.library-thumbnail.video{aspect-ratio:16/10;height:auto;min-height:70px;background:#171e2b}.library-thumbnail img{width:100%;height:100%;object-fit:cover}.library-item-shell{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid #344155;border-radius:7px;overflow:hidden;background:#1b2230}.library-item{border:0!important;border-radius:0;box-shadow:none!important;flex:1}.library-item-body{padding:7px 8px!important}.library-item-play{position:static!important;inset:auto!important;width:100%;border:0!important;border-top:1px solid #344155!important;border-radius:0;padding:5px;font-size:10px;background:#222c3b;color:#b8cbf1}.library-item-check{position:absolute;z-index:2;top:6px;left:6px;width:14px!important;height:14px!important;min-height:0!important;margin:0!important;padding:0!important;accent-color:#5686ff;box-shadow:none!important;background:transparent!important}.library-artwork{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;flex:none;font-size:22px}.library-artwork img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.library-thumbnail>.library-artwork{width:34px;height:34px;font-size:29px}.library-folder{font-size:11px;font-weight:450;padding-top:6px;padding-bottom:6px}.library-folder .library-artwork{width:20px;height:20px;font-size:15px}.library-folder-heading{display:flex;justify-content:space-between;align-items:center}.library-folders>select{width:100%;font-size:10px;margin-bottom:6px}.library-folder.drop-target{outline:2px solid #688aff;background:#3d5da22b}.library-folder[draggable=true]{cursor:grab}.library-bulk-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:7px;background:#30436755;border-radius:6px;margin:5px 0}.library-bulk-actions[hidden]{display:none}.library-bulk-actions button{font-size:10px;padding:5px 7px}.library-context-menu{position:fixed;z-index:10000;background:#202838;border:1px solid #46516b;border-radius:9px;padding:5px;min-width:190px;box-shadow:0 12px 35px #0005;display:flex;flex-direction:column}.library-context-menu button{background:transparent;border:0;text-align:left;border-radius:5px;padding:9px 12px;font-size:12px}.library-context-menu button:hover,.library-context-menu button:focus-visible{background:#536b9e55}.library-form{border-radius:8px}.library-form input[type=color]{height:33px;padding:3px}.library-form label{font-size:12px}.library-items{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;gap:8px!important}.library-items[data-view=list]{grid-template-columns:1fr!important}.library-item-folder{display:none}.dashboard-navigation-menu{position:fixed;z-index:9999;left:72px;top:65px;background:var(--workspace-panel);padding:10px;border:1px solid var(--workspace-line);border-radius:8px;display:flex;flex-direction:column;gap:6px;min-width:190px}.dashboard-navigation-menu[hidden]{display:none}.dashboard-rail>.dashboard-nav-item[draggable=true]{cursor:grab}
html[data-theme=light] body{background:var(--workspace-bg);color:var(--workspace-text)}html[data-theme=light] body :is(.dashboard-shell,.dashboard-main,.dashboard-rail,.dashboard-topbar,.card,.library-layout,.library-main,.library-folders,.library-item-shell,.library-item,.library-thumbnail,.library-context-menu,.library-form,.arrange-section,.mixer-card,.mixer-track,.mixer-track-header,.music-player,.show-output-card,.show-output-settings,.studio-apps,.cloud-workspace-bar,.show-output-preview,.host-workspace-card,.sounds-content,.sounds-deck,.sounds-panel,.show-effects-panel){background-color:var(--workspace-panel)!important;color:var(--workspace-text)!important;border-color:var(--workspace-line)!important}html[data-theme=light] body :is(input,select,textarea,button:not(.primary),summary){background-color:var(--workspace-soft);color:var(--workspace-text);border-color:var(--workspace-line)}html[data-theme=light] body :is(h1,h2,h3,h4,p,label,.hint,.library-item strong,.library-item-meta,.library-folder-name,.dashboard-session){color:var(--workspace-text)}html[data-theme=light] body :is(.hint,.library-item-meta,.library-kind){color:var(--workspace-muted)}html[data-theme=light] body .primary{color:#fff;background:#4267e8}html[data-theme=light] .cloud-program-pane canvas,html[data-theme=light] .show-output-screen{background:#000}

html[data-theme=light] .dashboard-shell :is(span,small,strong,b,output,legend,label,p,summary,h1,h2,h3){color:var(--workspace-text)!important}html[data-theme=light] :is(.dashboard-brand,.studio-workspace-bar>strong){color:#4267b8!important}html[data-theme=light] :is(.mixer-track-head,.mixer-ruler,.mixer-transport,.mixer-timeline-viewport,.mixer-overview,.mixer-overview-window,.host-product-card,.host-source-summary){background:#edf2fa!important;color:#233a5b!important;border-color:#d0daea!important}html[data-theme=light] .mixer-clip{background:color-mix(in srgb,var(--track-color,#7394cf) 24%,#fff)!important;border-color:#8c9db9!important;color:#243c60!important}html[data-theme=light] .dashboard-shell .dashboard-nav-item.active,html[data-theme=light] .library-folder[aria-pressed=true]{background:#dce7ff!important;color:#274b9f!important;border-color:#a9bde8!important}html[data-theme=light] .dashboard-shell .primary,html[data-theme=light] .dashboard-shell .primary :is(span,b){background:#4267e8!important;color:#fff!important}html[data-theme=light] .library-context-menu button{color:#24354f!important}html[data-theme=light] .library-folder{background:transparent!important}html[data-theme=light] .library-item-play{background:#e3ebfb!important;color:#2a4e94!important}.library-folder[data-drop-position=before]{box-shadow:inset 0 3px #779bff}.library-folder[data-drop-position=inside]{background:#536fb63d!important}

.shows-recording-controls{margin-bottom:10px!important;padding:12px!important}.shows-recording-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.shows-recording-row>label:first-child{flex:1;min-width:180px}.shows-recording-row label{font-size:11px;margin:0}.shows-recording-row .check-row{padding-bottom:7px}.shows-recording-controls input:not([type=checkbox]){margin-bottom:0;height:32px;font-size:12px}.shows-recording-controls button{height:32px;padding:5px 10px;font-size:11px}.shows-recording-controls p{margin:8px 0 0;font-size:11px}

.media-library-card[data-mode=shows] .library-thumbnail.video{aspect-ratio:9/16;height:auto;min-height:0}.media-library-card[data-mode=shows] .library-items{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}

.dashboard-top-actions>[data-theme-toggle][hidden]{display:none!important}

.library-item-details{gap:4px!important;flex-wrap:wrap}.library-item-meta{white-space:nowrap;font-size:9px!important;font-variant-numeric:tabular-nums}.library-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Compact folder navigation shared by desktop, detached modules and web Studio. */
body :is(.media-library-card .library-folder,.show-sounds-panel #show-sounds-categories .folder-tree-select,.timeline-bin-folder){border:0!important;box-shadow:none;background:transparent!important;border-radius:4px;padding:4px 5px!important;margin:0!important;min-height:28px;font-size:11px!important;font-weight:400!important;gap:6px;}
body :is(.library-folder-tree,.show-sounds-panel #show-sounds-categories){gap:0!important;}
body :is(.folder-tree-label,.library-folder-name,.show-sounds-panel .sound-category-name){font-size:11px!important;font-weight:400!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0;}
body :is(.library-folder,.show-sounds-panel #show-sounds-categories .folder-tree-select,.timeline-bin-folder):is(:hover,[aria-selected=true],[aria-pressed=true]){background:color-mix(in srgb,#60a5fa 12%,transparent)!important;}
body .folder-tree-row{min-height:28px;align-items:center;}
body .folder-tree-toggle{flex-basis:16px!important;width:16px!important;min-width:16px!important;min-height:28px!important;}
body :is(.library-folder .library-artwork,.sound-category-icon,.timeline-bin-folder-icon){width:16px!important;min-width:16px!important;height:18px!important;flex:0 0 16px!important;font-size:15px!important;background:transparent!important;display:grid;place-items:center;}
body :is(.library-folder .library-artwork,.sound-category-icon,.timeline-bin-folder-icon) :is(img,svg){width:16px;height:16px;object-fit:cover;}
html[data-theme] body .folder-glyph,body .folder-glyph{color:var(--folder-color,#60a5fa)!important;}
body :is(.library-folder,.folder-tree-select):focus-visible{outline:2px solid #60a5fa!important;outline-offset:-2px;}
body .library-folder[data-drop-position=before]{box-shadow:inset 0 2px #60a5fa;}
body .library-folder[data-drop-position=inside]{background:#60a5fa30!important;}
body .library-folder-heading{padding-bottom:4px;margin-bottom:2px;gap:4px;}
body .library-folder-heading .library-folder-create{border:0!important;background:transparent!important;}