/* Header popovers stay above pinned scenes without changing their timelines. */
.menu-bar{gap:12px;padding-inline:14px}
.menu-bar>nav{gap:3px;margin-left:auto;width:auto}
.header-dropdown{position:relative}
.header-panel[hidden]{display:none!important}
.header-panel{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;padding:8px;background:#fffffff5;border:1px solid #0000000d;border-radius:20px;box-shadow:0 16px 60px #00000018;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);max-height:calc(100dvh - 140px);overflow:auto}
.menu-bar .header-profiles a{display:flex;min-height:44px;padding:12px 16px;font-size:14px;border-radius:12px}
.header-locale-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 10px;border-radius:12px;font-size:12px;white-space:nowrap}
.header-locale-toggle:hover{background:#00000005}
.header-locale-toggle svg{width:19px;height:19px;flex:none}
.header-locale-panel{width:280px;padding:20px}
.header-locale-panel label{display:block;font-size:12px;font-weight:600;color:#666;margin:0 0 8px}
.header-locale-panel select{width:100%;font:inherit;font-size:15px;color:#111;background:#f5f5f5;border:1px solid #00000010;border-radius:10px;min-height:46px;padding:10px;cursor:pointer}
.header-locale-panel select+label{margin-top:20px}
.header-locale-panel select:focus-visible{outline:2px solid #111;outline-offset:3px}
.header-download{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:12px 20px;border-radius:999px;background:#000;color:#fff;text-decoration:none;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;transition:background .2s}
.header-download:hover{background:#252525}
.header-download:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:1100px){.menu-bar:has(.header-download) #header-region-label{display:none!important}}
@media(min-width:701px) and (max-width:1000px){.menu-bar{width:calc(100% - 32px);gap:4px}.menu-bar nav>a,.menu-bar nav button{padding-inline:8px;font-size:12px}.header-locale-toggle{font-size:11px}}
@media(max-width:700px){
 .menu-bar{display:grid;grid-template-columns:1fr auto;gap:4px;padding:6px 8px;width:calc(100% - 24px)}
 .menu-bar:has(.header-download){grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px}
 .menu-bar .brand{justify-self:start;min-width:60px}
 .menu-bar>nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:0;width:100%;margin:0}
 .header-locale{grid-row:1;grid-column:2}
 .header-download{grid-row:1;grid-column:3;padding-inline:16px;font-size:12px}
 .header-locale-panel{right:0;width:min(280px,calc(100vw - 40px))}
 .header-profiles{right:0;min-width:210px}
 .menu-bar nav>a,.menu-bar nav button{padding-inline:6px}
 .header-locale-toggle{font-size:11px}
}
