.language-selector{flex:none;min-width:max-content;display:inline-block;position:relative}.language-selector__trigger{background:var(--surface-elevated);border:1px solid var(--subtle-border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;min-height:44px;color:var(--foreground);align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.language-selector__trigger:hover{background:var(--subtle-hover-bg);border-color:var(--accent-ink);box-shadow:0 4px 12px color-mix(in srgb, var(--brand-secondary) 8%, transparent)}.language-selector__flag{font-size:1.1rem;line-height:1}.language-selector__code{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.8125rem;font-weight:700}.language-selector__dropdown{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);width:max-content;min-width:160px;max-width:calc(100vw - 2rem);box-shadow:0 8px 32px color-mix(in srgb, var(--static-black) 14%, transparent);z-index:100;transform-origin:100% 0;border-radius:12px;display:grid;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.language-selector__option{width:100%;color:var(--foreground);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.language-selector__option:hover{background:var(--subtle-hover-bg);color:var(--accent-ink)}.language-selector__option--active{background:var(--accent-glow);color:var(--accent-ink)}.language-selector__option .language-selector__flag{opacity:.9}.language-selector--up .language-selector__dropdown{transform-origin:100% 100%;top:auto;bottom:calc(100% + .5rem)}.language-selector--sidebar{width:100%}.language-selector--sidebar .language-selector__trigger{border-radius:var(--radius-control);background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:.7rem .75rem}.language-selector--sidebar .language-selector__trigger:hover{background:var(--subtle-hover-bg)}.language-selector--sidebar .language-selector__dropdown{width:auto;min-width:0;left:.5rem;right:.5rem}.language-selector__overlay{z-index:99;position:fixed;inset:0}