.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--gold, var(--accent)) 45%, transparent);
  border-radius: 9px;
  background: var(--surface, var(--panel));
  color: var(--text);
  font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1.2;
  white-space: nowrap;
}
.language-switcher-label { color: var(--gold, var(--accent)); }
.language-switcher select {
  min-width: 88px;
  max-width: 116px;
  padding: 3px 18px 3px 2px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.language-switcher select option { background: var(--surface, var(--panel)); color: var(--text); }
.language-switcher:focus-within { outline: 2px solid var(--gold, var(--accent)); outline-offset: 2px; }
.language-gate-switcher { display: flex; justify-content: flex-end; margin-bottom: 28px; }
.auth-required { position: relative; }
.auth-required .language-gate-switcher { position: absolute; top: 24px; right: 24px; margin: 0; }
.language-page-switcher { width: min(960px, calc(100% - 32px)); margin: 18px auto 0; display: flex; justify-content: flex-end; }
.top-actions .language-switcher { flex-shrink: 0; }
@media (max-width: 560px) {
  .landing-actions .language-switcher { order: -1; }
  .landing-actions .language-switcher-label { display: none; }
  .language-switcher select { min-width: 78px; max-width: 100px; }
  #studio-shell .top { flex-wrap: wrap; }
  #studio-shell .top-actions { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
  #studio-shell .top-actions .language-switcher { grid-column: 1; min-width: 0; max-width: 100%; justify-self: start; }
  #studio-shell .top-actions #logout { grid-column: 2; grid-row: 1; }
  #studio-shell .top-actions .demo-pill { grid-column: 1 / -1; grid-row: 2; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
}