/* Shared locale control; English typography and compact preview labels. */
.mode-panel[hidden] { display: none; }
.mobile-menu:not(.is-open) { visibility: hidden; }
.language-switch {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line-strong, rgba(255,255,255,.16));
  border-radius: 9px;
}
.language-switch a {
  padding: 7px 9px;
  color: #a89f98;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 5px;
}
.language-switch a[aria-current="page"] { background: #302345; color: #fff; }
.language-switch a:hover { color: #fff; }
html[lang="en"] body { font-family: Arial, Helvetica, sans-serif; }
html[lang="en"] .hero h1 { letter-spacing: -2.4px; line-height: 1.08; }
html[lang="en"] h2 { letter-spacing: -1.4px; text-wrap: balance; }
html[lang="en"] .nav__links { gap: 18px; }
html[lang="en"] .nav__links a { white-space: nowrap; font-size: 13px; }
html[lang="en"] .guide-card__title { font-size: 13px; }
html[lang="en"] .guide-card__copy { font-size: 10px; line-height: 1.45; }
html[lang="en"] .editor__tool { font-size: 9px; }
html[lang="en"] .workflow__item h3 { font-size: 15px; }
html[lang="en"] .workflow__item p { font-size: 12px; }
html[lang="en"] .studio-step { font-size: 9px; }
html[lang="en"] .hero__note { flex-wrap: wrap; row-gap: 8px; }
@media (min-width: 1101px) and (max-width: 1250px) {
  .nav__inner { gap: 14px; }
  .master-brand__logo { width: 100px; }
  .nav__brand-group { flex-shrink: 0; gap: 10px; }
  .product-card { min-width: 80px; padding-left: 5px; padding-right: 5px; gap: 6px; }
  .product-card img { width: 28px; height: 28px; }
  html[lang="en"] .nav__links { gap: 14px; }
}
@media (max-width: 1100px) {
  .language-switch { margin-left: auto; }
}
@media (max-width: 600px) {
  html[lang="en"] .hero h1 { letter-spacing: -1.6px; }
  html[lang="en"] .cta h2 { font-size: clamp(34px, 9vw, 48px); }
  .language-switch a { padding: 7px; }
}
@media (max-width: 360px) {
  .nav__inner, .nav__brand-group { gap: 6px; }
  .nav__brand-group { flex-shrink: 0; }
  .master-brand__mark { width: 32px; height: 32px; }
  .product-card { width: 36px; min-width: 36px; height: 36px; }
  .product-card img { width: 26px; height: 26px; }
  .mobile-toggle { width: 36px; height: 36px; }
  .language-switch a { padding: 7px 5px; }
}