.theme-switcher{display:flex;flex-shrink:0;gap:2px;padding:4px;border:1px solid var(--line);border-radius:100px}
.theme-switcher button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:100px;background:transparent;color:inherit;padding:8px 10px;min-height:34px;font:inherit;font-size:11px;line-height:1;cursor:pointer}
.theme-switcher svg{width:16px;height:16px}
.theme-switcher button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.theme-switcher button:hover:not([aria-pressed=true]){background:var(--surface)}
html:not([data-theme]) .theme-switcher{display:none}
@media(max-width:1280px){.theme-switcher button span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-switcher button{width:34px;padding:0}}
@media(max-width:360px){.theme-switcher{padding:3px}.theme-switcher button{width:30px}.languages{padding:3px}.languages a{min-width:26px;padding:6px}}

:root[data-theme=dark]{--paper:#10150e;--ink:#eff2e7;--muted:#aab4a0;--line:#2b3527;--line-strong:#eff2e7;--surface:#171e14;--teal:#8fcdb9;--plate:#1b2418;color-scheme:dark}
:root[data-theme=dark] .theme-switcher button[aria-pressed=true],:root[data-theme=dark] .languages a[aria-current]{background:var(--lime);color:#171e14}
:root[data-theme=dark] .button-primary{background:var(--lime);color:#171e14}
:root[data-theme=dark] .studio-plate{box-shadow:inset 0 0 0 1px var(--line)}
@media(prefers-color-scheme:dark){
  :root:not([data-theme=light]){--paper:#10150e;--ink:#eff2e7;--muted:#aab4a0;--line:#2b3527;--line-strong:#eff2e7;--surface:#171e14;--teal:#8fcdb9;--plate:#1b2418;color-scheme:dark}
  :root:not([data-theme=light]) .button-primary{background:var(--lime);color:#171e14}
  :root:not([data-theme=light]) .studio-plate{box-shadow:inset 0 0 0 1px var(--line)}
}