/* Extend the public workshop theme; do not import the private project's UI. */
.language-picker { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; }
.language-picker select { width: auto; max-width: 148px; min-height: 36px; padding: 6px 22px 6px 9px; font: inherit; font-size: 14px; color: var(--text, #f4ead4); background: var(--panel, #273336); border: 1px solid var(--border, #79715d); border-radius: 6px; }
.language-picker select:focus-visible { outline: 2px solid #e8bd60; outline-offset: 3px; }
.site-header { height: auto; }
.header-inner { height: auto; min-height: 82px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 16px; padding-block: 10px; }
.brand-group { grid-column: 1; grid-row: 1; }
.header-actions { grid-column: 2; grid-row: 1; justify-self: end; }
.main-nav { grid-column: 1 / -1; grid-row: 2; height: auto; justify-content: center; }
.header-actions { flex-wrap: wrap; }
html:not([lang^="zh"]) .main-nav a { white-space: normal; text-align: center; }
html:not([lang^="zh"]) .hero-copy h1 { font-size: clamp(30px, 4.2vw, 62px); line-height: 1.16; }
html:not([lang^="zh"]) .brand strong { font-size: 16px; max-width: 190px; white-space: normal; line-height: 1.2; }
html:not([lang^="zh"]) button { overflow-wrap: anywhere; }
html:not([lang^="zh"]) #creator .choice-main,
html:not([lang^="zh"]) #creator .choice-main > span { min-width: 0; white-space: normal; overflow: visible; text-overflow: clip; }
.waffo-checkout-link { display: inline-block; padding: 12px 18px; margin-top: 10px; border: 1px solid #e8bd60; border-radius: 6px; color: inherit; }
.waffo-payment-status { line-height: 1.6; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .header-inner { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .header-actions { grid-column: 1; grid-row: 2; justify-self: stretch; justify-content: flex-start; gap: 8px; }
  .main-nav { grid-column: 1; grid-row: 3; }
  .account-button .account-label { max-width: none; white-space: normal; }
  .language-picker select { max-width: 130px; }
  html:not([lang^="zh"]) .main-nav { width: 100%; gap: 5px; }
  html:not([lang^="zh"]) .main-nav a { font-size: 13px; padding-inline: 6px; }
  #creator .creator-bottom { display: flex; flex-direction: column; align-items: stretch; }
  #creator .cost-note { min-width: 0; width: 100%; }
  #creator .choice-main { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  #creator .choice-main > span { min-width: 0; white-space: normal; }
  #creator #previewTitle { white-space: normal; }
}