html[data-lang="en"] body [data-lang]:not([data-lang="en"]),
html[data-lang="zh"] body [data-lang]:not([data-lang="zh"]),
html[data-lang="ru"] body [data-lang]:not([data-lang="ru"]) { display: none !important; }
.public-language, .public-controls button {
  font: inherit; font-size: 14px; color: inherit; border: 1px solid #8886;
  background: transparent; border-radius: 8px; padding: 8px; cursor: pointer;
  max-width: 135px; min-height: 36px;
}
.public-language option { color: #171526; background: #fff; }
.public-language:focus-visible, .public-controls button:focus-visible { outline: 2px solid #ae72e7; outline-offset: 3px; }
.public-controls { display: flex; justify-content: flex-end; gap: 8px; padding: 16px 0; }
html[data-lang="ru"] h1, html[data-lang="ru"] h2, html[data-lang="ru"] h3 { overflow-wrap: anywhere; }
.code-row input { min-width: 0; }
@media (max-width: 480px) {
  .navbar .nav-container { gap: 8px; padding-inline: 16px; }
  .navbar .logo { flex-shrink: 0; gap: 6px; font-size: 1.3rem; }
  .navbar .nav-actions { gap: 6px; }
  .code-row { flex-wrap: wrap; }
  .code-row .send-btn { white-space: normal; }
  .public-language { max-width: 112px; font-size: 13px; }
}
@media (max-width: 360px) {
  .navbar .logo-mark { display: none; }
}