.interface-language { display: inline-flex; align-items: center; gap: 5px; color: inherit; font: 12px/1.3 system-ui, sans-serif; flex-shrink: 0; }
.interface-language select { appearance: auto; font: inherit; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 4px; padding: 5px 3px; cursor: pointer; max-width: 104px; }
.interface-language select option { color: #172449; background: white; }
.interface-language select:focus-visible { outline: 2px solid #ffed00; outline-offset: 3px; }
@font-face { font-family: 'Travel UI Chinese'; src: url('vendor/fonts/NotoSansSC-VF.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
html:lang(zh-CN) button, html:lang(zh-CN) input, html:lang(zh-CN) select, html:lang(zh-CN) textarea { font-family: 'Travel UI Chinese', system-ui, sans-serif; }
/* Authored Canvas typography continues to use each object's own saved font. */
html:lang(zh-CN) #archive-static-title { letter-spacing: .015em; }
html:lang(zh-CN) .archive-static__description { line-height: 1.8; }
@media (max-width: 600px) {
  .interface-language { font-size: 11px; gap: 2px; }
  .interface-language select { max-width: 90px; padding: 4px 1px; }
}
html:lang(zh-CN) .archive-static__hero, html:lang(zh-CN) .photo-import-panel, html:lang(zh-CN) .album-header { font-family: 'Travel UI Chinese', system-ui, sans-serif; }
@media (max-width: 600px) {
  .canvas-workspace-chrome[data-mode="read"] { grid-template-columns: auto minmax(0, 1fr) auto; }
  .canvas-workspace-chrome .interface-language { grid-column: 2; grid-row: 1; justify-self: center; }
  .canvas-workspace-chrome[data-mode="read"] .canvas-workspace-edit { grid-column: 3; min-width: 70px; }
  .canvas-workspace-chrome[data-mode="edit"] > .interface-language { display: none; }
  .canvas-workspace-chrome[data-mode="read"] .canvas-workspace-path { padding-right: 94px; }
  .album-header-actions { flex-wrap: wrap; }
}

@media (min-width: 601px) and (max-width: 800px) {
  .canvas-workspace-chrome { grid-template-columns: minmax(0, 1fr) auto auto auto auto; }
  .canvas-workspace-chrome > .interface-language { grid-column: 5; grid-row: 1; }
}
@media (max-width: 600px) {
  .archive-static__topbar { grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px; }
  body .archive-static__topbar .archive-static__wordmark { grid-column: 1; justify-self: start; white-space: nowrap; font-size: 14px; padding-right: 8px; }
  .archive-static__actions { gap: 6px; }
  body .archive-static__topbar .archive-static__actions button { white-space: nowrap; font-size: 12px; padding-inline: 8px; }
  .canvas-mobile-tools__sheet > .interface-language { justify-content: space-between; padding: 8px 0; }
}