/* 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}
@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 .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-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}
}
