/* Main workspace chrome: wider navigation, quiet branding and header actions. */
/* Header menus share the notification overlay layer, above the navigation rail. */
body #studioHeader:has(#workspaceMenu:not([hidden])){z-index:120}
@media(min-width:1101px){
 :root:not([data-rail-collapsed="true"]){--rail:290px}
 :root[data-density="compact"]:not([data-rail-collapsed="true"]){--rail:258px}
}
body main#main{position:relative;isolation:isolate}
body main#main::before{content:"";position:fixed;inset:var(--header) 0 calc(var(--dock-offset,76px) + var(--workspace-player-space,0px)) var(--rail);z-index:-1;pointer-events:none;background:url('/assets/hero-watermark.svg') no-repeat right -70px bottom -80px;background-size:min(960px,88vw) auto;opacity:.14}
:root[data-resolved-theme="light"] main#main::before{opacity:.11}
.header-window-actions{display:flex;align-items:center;gap:8px;flex:none}
:root .header-window-actions .header-icon-button{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:8px;box-shadow:none}
:root .header-window-actions .header-icon-button[hidden]{display:none}
.header-window-actions .header-icon-button svg{width:18px;height:18px}
.header-window-actions .header-icon-button:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.view-actions:has(>button[hidden]:only-child){display:none}
@media(min-width:1200px){body.workspace-drawer-open main#main::before{right:316px}}
@media(max-width:1100px){body main#main::before{left:0}}
@media(min-width:761px) and (max-width:1200px){
 .studio-header{gap:12px}
 .studio-header .brand{min-width:0}
 .studio-header .global-search-launcher{flex:0 0 38px;min-width:38px;max-width:38px;padding:0;border:0;background:transparent;margin-left:auto;margin-right:0}
 .studio-header .global-search-launcher input{display:none}
 .studio-header .global-search-launcher button{width:38px;min-height:38px}
 .studio-header .workspace-header{flex:1;min-width:0}
 .studio-header .header-tools{gap:12px}
}
@media(max-width:760px){
 :root{--header:166px}
 .studio-header{height:166px;min-height:166px;grid-template-columns:36px minmax(0,1fr) 44px;grid-template-rows:40px 50px 44px;gap:6px 10px}
 .studio-header .brand{grid-column:2;grid-row:1}
 .studio-header .header-language{grid-column:3;grid-row:1}
 .studio-header #workspaceHeader{grid-column:1/-1;grid-row:2}
 .studio-header .global-search-launcher{grid-column:1;grid-row:3;justify-self:start;margin:0}
 .studio-header .header-window-actions{grid-column:2;grid-row:3;justify-self:end;gap:6px}
 .studio-header .header-notifications{grid-column:3;grid-row:3;justify-self:end}
 :root .header-window-actions .header-icon-button{width:44px;min-width:44px;min-height:44px;height:44px;flex-basis:44px}
 #workspaceMenu{top:110px}
 body main#main::before{background-position:center bottom -60px;background-size:680px auto;opacity:.09}
}
@media(forced-colors:active),print{body main#main::before{display:none}}