.languagePicker{position:relative;flex-shrink:0;color:var(--ft-text);font-size:12px;font-weight:700;z-index:45}
.languagePicker summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;border:1px solid var(--ft-border);border-radius:12px;padding:9px;background:var(--ft-card);min-height:36px}
.languagePicker summary::-webkit-details-marker{display:none}.languagePicker svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.languageOptions{position:absolute;inset-inline-end:0;top:calc(100% + 7px);width:190px;max-height:65vh;overflow:auto;padding:7px;background:var(--ft-card);border:1px solid var(--ft-border);border-radius:12px;box-shadow:var(--ft-shadow);display:flex;flex-direction:column;gap:2px}
.languageOptions a{padding:9px 11px;border-radius:7px;color:var(--ft-text);font-size:13px;text-decoration:none;text-align:start}.languageOptions a:hover,.languageOptions a[aria-current=page]{background:var(--ft-bg2);color:var(--ft-primary)}
.languagePicker :focus-visible{outline:3px solid #a855f7;outline-offset:2px}.languageCode{font-size:11px}
.localeNote{color:var(--ft-muted);font-size:12px;line-height:1.6}.localeWarning{padding:10px 12px;border:1px solid var(--ft-border);border-radius:10px;background:var(--ft-bg2);font-size:12px;line-height:1.6;color:var(--ft-muted)}
html[dir=rtl] .brandLogo,html[dir=rtl] .headerIn{direction:ltr}html[dir=rtl] .headerRight{direction:rtl}html[dir=rtl] .heroText,html[dir=rtl] .sideRail,html[dir=rtl] .workArea{text-align:right}
html[dir=rtl] .languageOptions{right:0;left:auto}html[dir=rtl] .styleIndex{direction:ltr}html[dir=rtl] .styleTitle{flex-wrap:wrap}html[dir=rtl] .brandName{direction:ltr;text-align:left}
.styleText,#activeStylePreview,.toolOutput{unicode-bidi:plaintext}.localeEnglish{direction:ltr;text-align:left}
.hero h1 .localeTitle{white-space:normal}html[lang=ar] .hero h1{letter-spacing:normal;line-height:1.5}
.head .languagePicker{--ft-text:var(--ink);--ft-border:var(--line);--ft-card:var(--card);--ft-bg2:var(--soft);--ft-primary:var(--accent);--ft-shadow:0 8px 24px rgba(73,37,120,.12)}.languageOptions .localeNote{padding:5px 8px;margin:0;font-weight:400;color:inherit}
@media(max-width:540px){.head .headIn{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px}.head .headLinks{width:100%;justify-content:space-between}.head .languageOptions a{font-size:13px}}
@media(min-width:771px) and (max-width:1200px){.headerIn{gap:10px}.topNav{gap:12px}.bookmarkBtn{display:none}.languageName{display:none}}
@media(max-width:770px){.languageName{display:none}.languagePicker summary{padding:7px;gap:3px}.headerRight{gap:6px}html[dir=rtl] .sideRail{right:0;left:auto}.languageOptions{width:180px}}
@media(max-width:770px){html[dir=rtl] .heroIn{padding-inline:13px}}
@media(max-width:380px){.headerIn{gap:5px}.brandName{font-size:12px!important}.brandName strong{font-size:11px}.brandName small{font-size:7px}.brandSymbol,.brandSVG{width:30px;height:30px}.languagePicker svg{width:14px;height:14px}.languagePicker summary{padding:6px}.headerRight{gap:4px}.navToggle{padding:6px}}
@media(prefers-reduced-motion:reduce){.languagePicker *{animation:none!important;transition:none!important}}