.language-selector{position:relative;flex:0 0 auto;font:inherit;color:var(--text,#202936)}
.topbar-row>.brand{order:0}.topbar-row>.nav{order:1}.topbar-row>.language-selector{order:2}.topbar-row>.theme-toggle{order:3}.topbar-row>.auth{order:4}
.language-selector summary{cursor:pointer;padding:.65rem .8rem;border:1px solid var(--border,#718096);border-radius:.6rem;min-height:44px;box-sizing:border-box}
.language-selector summary:focus-visible,.language-selector a:focus-visible{outline:3px solid #e75470;outline-offset:3px}
.language-selector ul{position:absolute;inset-inline-end:0;top:100%;z-index:100;min-width:11rem;list-style:none;margin:.4rem 0 0;padding:.4rem;background:var(--surface,#fff);border:1px solid var(--border,#718096);border-radius:.7rem;box-shadow:0 8px 24px #0003}
.language-selector a{display:block;padding:.65rem .8rem;white-space:nowrap;color:inherit;text-decoration:none;min-height:44px;box-sizing:border-box}
.language-selector a[aria-current=page]{font-weight:700;background:#d3264920;border-radius:.4rem}
[data-theme=dark] .language-selector{color:#edf2fa}
[data-theme=dark] .language-selector ul{background:#1c2736}
html[dir=rtl] body{text-align:start}
html[dir=rtl] .breadcrumbs,html[dir=rtl] .footer-links{direction:rtl}
html[dir=rtl] ul,html[dir=rtl] ol{padding-inline-start:1.5rem;padding-inline-end:0}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] code,html[dir=rtl] pre,html[dir=rtl] .studio-canvas,html[dir=rtl] canvas{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .file-name,html[dir=rtl] [data-filename]{unicode-bidi:plaintext;text-align:start}
html[dir=rtl] .mini-links a{flex-direction:row}
@media(max-width:760px){.language-selector summary{padding:.55rem}.language-selector ul{max-width:calc(100vw - 2rem)}.topbar-row{flex-wrap:wrap;gap:.6rem}}
@media(max-width:900px){.topbar-row>.nav{order:6}.topbar-row>.nav-toggle{order:1}.topbar-row>.language-selector{margin-inline-end:auto}.studio-recipes button>span:last-child br{display:initial}}

/* A fixed place for language selection across screen sizes. */
.topbar-row{gap:12px}
.topbar .nav{flex-wrap:nowrap;gap:4px}
.topbar .nav a{font-size:14px;letter-spacing:.015em;padding:10px 8px;white-space:nowrap}
.language-selector summary{display:flex;align-items:center;gap:7px;list-style:none;font-size:14px;font-weight:600;background:var(--surface);color:var(--text)}
.language-selector summary::-webkit-details-marker{display:none}
.language-selector summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:2px;margin-top:-3px}
.language-selector[open] summary::after{transform:rotate(225deg);margin-top:3px}
.language-globe{display:flex}.language-code{display:none}
.language-selector a:hover{background:var(--surface2);border-radius:5px}
@media(max-width:1280px){
 /* Secondary controls belong inside the menu from the first painted frame. */
 body[data-page=home] .topbar .topbar-row>.theme-toggle,body[data-page=home] .topbar .topbar-row>.auth{display:none}
 .topbar .topbar-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:72px;gap:8px;align-items:center;padding-top:10px!important;padding-bottom:10px!important}
 .topbar-row>.brand{grid-column:1;grid-row:1;justify-self:start;min-width:0}
 .topbar-row>.language-selector{grid-column:2;grid-row:1;margin:0;order:1}
 .topbar .topbar-row>.nav-toggle{display:inline-flex;grid-column:3;grid-row:1;margin:0;order:2;min-height:44px}
 .language-selector .language-name{display:none}.language-selector .language-code{display:inline}
 .language-selector summary{padding:8px;gap:5px;min-height:44px}
 .topbar .topbar-row>.nav{display:none!important;grid-column:1/-1;grid-row:2;order:3;flex-wrap:wrap;justify-content:flex-start;gap:4px;padding:12px 0 0;width:100%;border-top:1px solid var(--border)}
 .topbar .topbar-row>.nav.is-open{display:flex!important}
 .topbar .nav a{white-space:normal;font-size:14px;min-height:44px;display:flex;align-items:center}
 .header-mobile-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;border-top:1px solid var(--border);padding:12px 0 2px;margin-top:6px}
 .header-mobile-actions>.auth{margin-inline-start:auto;max-width:100%;flex-wrap:wrap}
 .header-mobile-actions .user-menu{left:auto!important;right:0;max-width:calc(100vw - 28px)}
 .header-mobile-actions .userbtn{max-width:100%}
}