/* Match all app foregrounds to their actual themed surfaces, including old owner components. */
html[data-babloo-theme] body :is(.studio-sidebar,.owner-sidebar,.creative-sidebar,.workspace-rail,.creative-topbar,.topbar,.owner-savebar,.owner-footer,.owner-quick-nav,.owner-metrics,.creator-page,.creator-identity,.creator-stats,.creative-shell,.creative-legacy,.workspace-header,.studio-main,.app-body,.fs-page,.panel,.ow-stat,.ms-chart,.ms-card,.profile-button,.top-credit,.owner-only){background:var(--br-surface)!important;color:var(--br-text)!important;border-color:var(--br-border)!important;background-image:none!important}
html[data-babloo-theme] body :is(.owner-workspace,.creator-page,.studio-sidebar,.creative-app,.app-body,.fs-page) :is(h1,h2,h3,h4,h5,p,label,span,strong,b,small,a,summary,dt,dd,th,td,svg){color:inherit!important}
html[data-babloo-theme] body :is(.owner-workspace,.creator-page,.studio-sidebar,.creative-app,.app-body,.fs-page) :is(button,.owner-only,.avatar,.tool-icon,.brand-mark,.sidebar-offer,.owner-nav-new){background-color:var(--br-raised)!important;color:var(--br-text)!important;border-color:var(--br-border)!important;background-image:none!important}
html[data-babloo-theme] body :is(.owner-workspace,.creator-page,.studio-sidebar,.creative-app,.app-body,.fs-page) :is(button,.brand,.avatar,.tool-icon,.brand-mark,.top-credit,.owner-only) :is(span,strong,b,small,svg,path){color:inherit!important}
html[data-babloo-theme] body :is(.owner-workspace,.creator-page,.studio-sidebar,.creative-app,.app-body,.fs-page) :is(button.active,button.selected,button[aria-pressed=true],.primary-btn,.bc-primary,.explore-primary,.vp-primary){background:var(--br-text)!important;color:var(--br-bg)!important;border-color:var(--br-text)!important}
html[data-babloo-theme] body .creator-stats :is(button,div){background:transparent!important;color:var(--br-text)!important}
html[data-babloo-theme] body .creator-stats :is(strong,span){color:inherit!important;opacity:1!important}
html[data-babloo-theme] body :is(.brand,.rail-brand,.bs-brand,.owner-nav-group,.owner-nav-search,.owner-site-link,.nav-label,.eyebrow){color:var(--br-text)!important}
html[data-babloo-theme] body :is(.brand-mark,.avatar,.tool-icon) svg{color:inherit!important}
html[data-babloo-theme] body :is(.top-credit,.top-credit span,.top-credit svg){color:var(--br-text)!important}
html[data-babloo-theme] body :is(.ms-chart,.ow-dashboard,.ms-page){--ms-accent:var(--br-accent);color:var(--br-text)!important}
/* Video surfaces stay dark with white controls in either app theme. */
html[data-babloo-theme] body :is(.vp-player,.bs-short,.bs-player) :is(.vp-window-buttons button,.vp-settings-button,.vp-lock-shield button,.bs-short-actions button,.bs-short-caption){color:#fff!important;background-color:#0009!important}
html[data-babloo-theme] body :is(.vp-window-buttons,.vp-settings-button,.vp-lock-shield,.bs-short-actions,.bs-short-caption) :is(svg,span,small,strong,button){color:#fff!important}
html[data-babloo-theme] body .vp-watch .bs-player>div.vp-captions,html[data-babloo-theme] body .vp-captions{position:absolute!important;top:auto!important;bottom:clamp(10px,3.5%,20px)!important;left:6%!important;right:6%!important;width:auto!important;height:auto!important;max-height:28%!important;min-height:0!important;transform:none!important;display:block!important;margin:0!important;padding:4px 8px!important;line-height:1.3!important;overflow:hidden;text-align:center!important;color:#fff!important;background:#000c!important;z-index:30!important;pointer-events:none}
.vp-captions:empty{display:none!important}
html[data-babloo-theme] body .short-download-dialog{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;translate:none!important;width:min(700px,100vw)!important;max-width:100vw!important;height:58dvh!important;max-height:80dvh!important;margin:auto!important;padding:0!important;overflow:hidden!important;border-radius:18px 18px 0 0!important;background:var(--br-surface)!important;color:var(--br-text)!important;z-index:110!important}
.short-download-dialog>.vp-sheet{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:18px 18px 0 0!important}.short-download-dialog>button{display:none!important}
.ms-range-group{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.ms-custom-range{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.ms-custom-range label{display:grid;gap:5px}.ms-custom-range input,.ms-custom-range button{padding:9px;border:1px solid var(--br-border);border-radius:8px;background:var(--br-surface);color:var(--br-text)}.ms-custom-range small{flex-basis:100%;text-align:right}.ms-custom-range p{margin:0;flex-basis:100%}.ms-range select{min-height:42px}.ms-range-group button{cursor:pointer}@media(max-width:600px){.ms-range-group{align-items:stretch;width:100%}.ms-custom-range label{flex:1;min-width:120px}.short-download-dialog{height:62dvh!important}}
html[data-babloo-theme]{--sidebar:var(--br-surface);--sidebar-foreground:var(--br-text);--sidebar-accent:var(--br-raised);--sidebar-accent-foreground:var(--br-text);--sidebar-border:var(--br-border)}
html[data-babloo-theme] body :is(.owner-sidebar,.studio-sidebar) :is([data-sidebar=sidebar],[data-slot=sidebar-inner],.bg-sidebar){background:var(--br-surface)!important;color:var(--br-text)!important}