html[data-ui-font][lang="zh-CN"] {
  --ui-font: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --ui-serif-font: "Iowan Old Style", Baskerville, "Songti SC", STSong, serif;
}
html[data-ui-font][lang="zh-TW"] {
  --ui-font: Inter, "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", sans-serif;
  --ui-serif-font: "Iowan Old Style", Baskerville, "Songti TC", "PMingLiU", serif;
}
html[data-ui-font][lang="en-US"] {
  --ui-font: Inter, "Segoe UI", "Helvetica Neue", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --ui-serif-font: "Iowan Old Style", Baskerville, "Songti TC", "PMingLiU", serif;
}
html[data-ui-font] {
  --theme-font: var(--ui-font) !important;
}
html[data-ui-font] :is(body, button, input, select, textarea, option,
  .simple-shell, #dayuanMediaAssistant, .home-chat, .free-creation-view, .ev-dialog,
  .ecommerce-video-view, #workspaceSessionStatus, #workspaceLoadingShell,
  .module-tab, .section-title, .panel-section h2, .em-details-dialog,
  .dy-download-guide, .workspace-entry, .dac-embedded, .pse-panel, .pfr-panel) {
  font-family: var(--ui-font) !important;
}
/* Preserve code and authored design typography. */
html[data-ui-font] :is(pre, code, kbd, samp) { font-family: "SFMono-Regular", Consolas, monospace; }
.home-language-select {
  min-height: 40px;
  max-width: 130px;
  padding: 0 8px;
  border: 1px solid var(--theme-border, #4b493f);
  border-radius: 8px;
  background: var(--theme-card, #1e1f19);
  color: var(--theme-text, #f8f4ed);
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.home-language-select:focus-visible {
  outline: 2px solid var(--theme-focus, #ffe0a4);
  outline-offset: 3px;
}
.home-actions { gap: 8px; }
.ui-language-menu__options { min-width: 132px; }
#uiLanguageStatus, #uiLanguageSaveStatus {
  position: fixed;
  inset-inline: 16px;
  bottom: 16px;
  z-index: 10000;
  width: fit-content;
  max-width: calc(100vw - 32px);
  margin: auto;
  padding: 12px 16px;
  border: 1px solid var(--theme-border, #4b493f);
  border-radius: 8px;
  color: var(--theme-text, #f8f4ed);
  background: var(--theme-card, #1e1f19);
}
html[lang="en-US"] .home-header .home-nav { flex-wrap: wrap; }
@media (max-width: 680px) {
  .home-language-select { min-height: 44px; max-width: 112px; font-size: 16px; padding-inline: 5px; }
  html[lang="en-US"] .landing-body .home-header .home-nav { gap: 0; }
  html[lang="en-US"] .landing-body .home-header .home-nav :is(a, button) { padding-inline: 5px; font-size: 12px; }
  html[lang="en-US"] .landing-entries__buttons button { white-space: normal; }
}
