.language-picker { display: flex; flex-wrap: wrap; align-items: center; min-width: 0; max-width: 160px; position: relative; }
.language-picker--standalone { margin-left: auto; margin-bottom: 18px; }
.language-picker select { font: inherit; font-size: 14px; letter-spacing: 0; border-radius: 4px; padding: 7px 10px; min-height: 40px; width: 160px; max-width: 100%; color: #17252a; background: #fff; border: 1px solid #98aab1; }
.language-picker select:focus-visible { outline: 3px solid #218eaf; outline-offset: 3px; }
.language-feedback { font-size: 11px; line-height: 1.4; width: 100%; }
.language-content-note { font-size: 13px; line-height: 1.6; margin: 8px 0 16px; opacity: .8; }
html[lang^="zh"] .original-language-link::after { content: " (EN)"; font-size: 11px; }
html[lang^="zh"] h1 { font-size: 48px; line-height: 1.25; overflow-wrap: anywhere; }
html[lang^="zh"] .studio-heading h1 { font-size: 30px; }
html[lang^="zh"] button, html[lang^="zh"] a { white-space: normal; overflow-wrap: anywhere; }
.library-nav > div { flex-wrap: wrap; }
@media (max-width: 600px) {
  .topbar, .library-nav { flex-wrap: wrap; gap: 12px; }
  .nav-actions { min-width: 0; flex-wrap: wrap; }
  html[lang^="zh"] h1 { font-size: 32px; }
  html[lang^="zh"] .studio-heading h1 { font-size: 26px; }
  .language-picker select { width: 150px; }
}