/* Anonymous workspace: brand first, one quiet language utility. */
.app-content>.header{min-height:64px}
.app-content>.header .header-right{display:flex;align-items:center;gap:0;width:auto;margin-inline-start:auto;flex-wrap:nowrap}
.header-utilities{display:flex;align-items:center;flex:none}
.header :is(.language-picker,.tool-language){width:148px;height:38px;background:transparent;border-color:transparent;box-shadow:none}
.header .language-picker:has(option[value="auto"]:checked){width:208px}
.header :is(.language-picker,.tool-language)::before{background-color:transparent;border-inline-end:0}
.header :is(.language-picker,.tool-language):hover{background:#e8e4db;border-color:#bcb4bf}
@media(max-width:760px){
 .app-content>.header{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px;min-height:64px;padding-block:12px}
 .app-content>.header .header-right{width:auto;flex:none;gap:0;flex-wrap:nowrap}
 .header :is(.language-picker,.tool-language),.header .language-picker:has(option[value="auto"]:checked){width:56px;height:38px}
 .header :is(.language-picker,.tool-language) select{width:56px;max-width:56px}
}
/* Compact language menu, matched to the document workspace. */
.header :is(.language-picker,.tool-language)[hidden]{display:none!important}
.language-menu{position:relative}
.header .language-trigger{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;background:#ece8df;border:1px solid #b4adba;border-radius:5px;color:#34313f;font:500 13px/1.3 system-ui,sans-serif;box-shadow:0 1px 0 #ffffff65 inset}
.header .language-trigger:hover,.header .language-trigger[aria-expanded=true]{background:#f7f4eb;border-color:#769184}
.language-trigger>svg{width:18px;height:18px;stroke:#386b5c;stroke-width:1.6;flex:none}
.language-trigger>svg.language-chevron{width:14px;height:14px;stroke:#716a7e;transition:transform 140ms ease}
.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}
.language-code{display:none}
.language-options{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:238px;max-width:calc(100vw - 32px);padding:6px;z-index:100;background:#faf8f0;border:1px solid #a99fad;border-radius:7px;box-shadow:0 10px 28px #34313f26,0 2px 5px #34313f12}
.language-options:not([hidden]){animation:none}
.header .language-option{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:#34313f;text-align:start;font:400 13px/1.4 system-ui,sans-serif;box-shadow:none;white-space:normal}
.header .language-option:hover,.header .language-option:focus-visible{background:#ece8df;outline:none;border-color:#c4bdc8}
.header .language-option[aria-checked=true]{background:#e1eee4;color:#285748;font-weight:600}
.language-option-code{width:25px;flex:none;font-size:10px;letter-spacing:.5px;color:#77717e}
.language-check{margin-inline-start:auto;color:#386b5c;font-size:15px}
.header .language-auto{border-radius:4px 4px 0 0;border-bottom:1px solid #ddd6dc;margin-bottom:5px;padding-bottom:12px}
@keyframes shot-language-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.language-current{display:none}.language-code{display:inline}.header .language-trigger{gap:7px;padding:8px 9px}.language-trigger>svg:first-child{display:none}.language-options{width:224px}}
@media(prefers-reduced-motion:reduce){.language-options:not([hidden]){animation:none}.language-trigger>svg.language-chevron{transition:none}}
.language-options{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}

.language-options[inert]{pointer-events:none}.header .language-trigger:disabled{opacity:.5;cursor:default}.header .language-trigger:disabled:hover{background:#ece8df;border-color:#b4adba}