.locale-switcher{display:inline-flex;position:relative}.locale-switcher__trigger{border:1px solid var(--color-border);background:var(--color-bg-elevated);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.locale-switcher__trigger:hover{border-color:var(--color-accent-primary)}.locale-switcher__trigger:focus-visible{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary)30%,transparent);outline:none}.locale-switcher__globe{color:var(--color-text-secondary);flex-shrink:0}.locale-switcher__code{letter-spacing:.03em}.locale-switcher__chevron{color:var(--color-text-secondary);transition:transform .18s}.locale-switcher__chevron--open{transform:rotate(180deg)}.locale-switcher__menu{z-index:50;background:var(--color-bg-elevated);border:1px solid var(--color-border);transform-origin:100% 0;border-radius:10px;min-width:168px;margin:0;padding:4px;list-style:none;animation:.16s locale-switcher-pop;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0000002e}@keyframes locale-switcher-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.locale-switcher__menu{animation:none}.locale-switcher__chevron{transition:none}}.locale-switcher__option{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;transition:background-color .12s;display:flex}.locale-switcher__option:hover{background:color-mix(in srgb,var(--color-accent-primary)12%,transparent)}.locale-switcher__option:focus-visible{background:color-mix(in srgb,var(--color-accent-primary)16%,transparent);box-shadow:inset 0 0 0 2px var(--color-accent-primary);outline:none}.locale-switcher__option--active{font-weight:600}.locale-switcher__option-code{background:color-mix(in srgb,var(--color-text-secondary)16%,transparent);min-width:26px;height:20px;color:var(--color-text-secondary);letter-spacing:.03em;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0 .25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.locale-switcher__option--active .locale-switcher__option-code{background:color-mix(in srgb,var(--color-accent-primary)22%,transparent);color:var(--color-accent-primary)}.locale-switcher__option-name{flex:1}.locale-switcher__check{color:var(--color-accent-primary);flex-shrink:0}
.theme-picker{display:inline-flex;position:relative}.theme-picker__trigger{border:1px solid var(--color-border);background:var(--color-bg-elevated);height:36px;color:var(--color-text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:0 .625rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.theme-picker__trigger:hover{border-color:var(--color-accent-primary)}.theme-picker__trigger:focus-visible{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary)30%,transparent);outline:none}.theme-picker__trigger-label{text-transform:capitalize}.theme-picker__chevron{color:var(--color-text-secondary);transition:transform .18s}.theme-picker__chevron--open{transform:rotate(180deg)}.theme-picker__popover{z-index:50;background:var(--color-bg-elevated);border:1px solid var(--color-border);transform-origin:100% 0;border-radius:10px;padding:8px;animation:.16s theme-picker-pop;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0000002e}@keyframes theme-picker-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.theme-picker__popover{animation:none}.theme-picker__chevron{transition:none}}.theme-picker__grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;min-width:280px;display:grid}.theme-picker--inline .theme-picker__grid{min-width:0}.theme-picker__swatch{border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .375rem;transition:border-color .12s,transform .12s;display:flex;position:relative}.theme-picker__swatch:hover{border-color:color-mix(in srgb,var(--color-accent-primary)60%,var(--color-border));transform:translateY(-1px)}.theme-picker__swatch:focus-visible{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary)25%,transparent);outline:none}.theme-picker__swatch--active{border-color:var(--color-accent-primary)}.theme-picker__chip{border:1px solid;border-radius:6px;width:100%;height:38px;position:relative;overflow:hidden}.theme-picker__chip-bar{opacity:.9;border-radius:3px;height:8px;position:absolute;top:6px;left:6px;right:6px}.theme-picker__chip-dot{border-radius:50%;width:14px;height:14px;position:absolute;bottom:6px;left:6px}.theme-picker__label{text-transform:capitalize;font-size:.75rem;font-weight:500}.theme-picker__check{background:var(--color-accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:4px;right:4px}.theme-picker .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}