.lang-picker{position:relative}.lang-picker__trigger{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 5px 0 3px;border:none;border-radius:6px;background:transparent;cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);transition:background .12s,color .12s}.lang-picker__trigger:hover,.lang-picker__trigger--open{background:var(--accent-soft);color:var(--accent)}.lang-picker__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.lang-picker__code{font-size:10px;font-weight:700;letter-spacing:.06em;min-width:1.25rem;text-align:center;line-height:1}.lang-picker__chevron{flex-shrink:0;opacity:.8;transition:transform .15s ease}.lang-picker__trigger--open .lang-picker__chevron{transform:rotate(180deg)}.lang-picker__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:11.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 15%,transparent);padding:6px;z-index:50}.lang-picker__menu-label{padding:4px 8px 6px;font-size:var(--text-2xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.lang-picker__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border-radius:5px;border:none;background:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-align:left;transition:background .12s,color .12s}.lang-picker__option:hover{background:var(--accent-soft);color:var(--accent)}.lang-picker__option--active{color:var(--text-primary)}.lang-picker__option-label{flex:1;min-width:0}.lang-picker__option-code{font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;color:var(--text-muted);font-variant-numeric:tabular-nums}.lang-picker__option:hover .lang-picker__option-code,.lang-picker__option--active .lang-picker__option-code{color:var(--accent)}.lang-picker__check{flex-shrink:0;color:var(--accent)}.lang-picker__check-spacer{width:14px;flex-shrink:0}
