.language-switch { display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border: 1px solid #334156; border-radius: 8px; background: #111925; }
.language-switch button { border: 0; border-radius: 5px; background: transparent; color: #a8b5c8; padding: 6px 9px; font: 500 12px/1.3 system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.language-switch button[aria-pressed="true"] { background: #29433f; color: #b9ffeb; }
.language-switch button:focus-visible { outline: 2px solid #69e0c0; outline-offset: 2px; }
.original-note { font-size: 12px; color: #8e9caf; margin: 12px 0; }
.original-doc { white-space: pre-wrap; overflow-wrap: anywhere; }
html[lang="en"] .top-actions { gap: 6px; }
html[lang="en"] .top-stats { gap: 8px; }
@media (max-width: 1500px) { .topbar .top-stats { display: none; } .topbar .top-actions { margin-left: auto; } }
@media (max-width: 760px) {
  :root { --topbar: 112px; }
  .topbar { flex-wrap: wrap; align-content: center; gap: 9px; padding: 10px 12px; }
  .topbar .brand { flex: 1; }
  .topbar .top-actions { display: contents; }
  .topbar .language-switch { margin-left: auto; }
  .topbar a.export-button { order: 3; width: auto; padding: 0 10px; display: inline-flex; align-items: center; }
  #export-png-btn { order: 4; }
  #help-btn { order: 5; }
  #fit-btn { order: 6; }
}
@media (max-width: 720px) { .language-switch button { min-height: 34px; } .bar { flex-wrap: wrap; } }
@media print { .language-switch { display: none; } }