.header:has(.locale-menu) { gap: clamp(16px, 3vw, 42px); }
.header:has(.locale-menu) .top-nav { gap: clamp(13px, 2.1vw, 29px); }
.header:has(.locale-menu) .local-badge { display: none; }
.locale-menu { margin-inline-start: auto; position: relative; flex-shrink: 0; z-index: 2; }
.locale-menu summary {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: 6px; min-height: 42px; padding-inline: 8px; cursor: pointer;
  list-style: none; font-size: 14px; font-weight: 700; white-space: nowrap;
}
.locale-menu summary::-webkit-details-marker { display: none; }
.locale-menu summary:hover, .locale-menu[open] summary { background: #eff6ff; color: #145fae; }
.locale-menu summary svg { width: 18px; height: 18px; }
.locale-menu summary svg:last-child { width: 13px; height: 13px; }
.locale-menu[open] summary svg:last-child { transform: rotate(180deg); }
.locale-links {
  position: absolute; inset-block-start: calc(100% + 8px); inset-inline-end: 0;
  width: min(486px, calc(100vw - 36px)); max-height: min(70dvh, 380px); overflow: auto;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px;
  padding: 10px; border: 1px solid #dce4ed; border-radius: 10px;
  background: #fff; box-shadow: 0 12px 30px #26364d15; overscroll-behavior: contain;
}
.locale-links a { display: flex; align-items: center; min-width: 0; padding: 8px 9px; min-height: 39px; border-radius: 5px; font-size: 14px; line-height: 1.45; }
.locale-links a:hover, .locale-links a:focus-visible, .locale-links a[aria-current="page"] { background: #eff6ff; color: #145fae; }
.locale-links a[aria-current="page"] { font-weight: 800; }
.locale-links a[aria-current="page"]::after { content: "✓"; margin-inline-start: auto; padding-inline-start: 6px; }
[data-locale] .workspace-heading h1, [data-locale] .hero-introduction h1 { overflow-wrap: anywhere; }
[data-locale] .header .top-nav { white-space: nowrap; }
[data-locale] .choice-buttons button { overflow-wrap: anywhere; }
[data-locale] .form-row > input, [data-locale] .form-row > select { flex-shrink: 0; }
[dir="rtl"] .editor-controls .unit { left: 1px; right: auto; border-inline-start: 1px solid #d6dfeb; border-inline-end: 0; border-radius: 6px 0 0 6px; }
[dir="rtl"] .numeric-field input[type="number"] { padding-right: 12px; padding-left: 43px; }
[dir="rtl"] .tools-group:not(:first-child) { border-left: 0; border-inline-start: 1px solid #e9edf1; padding-left: 0; padding-inline-start: 18px; }
[dir="rtl"] .preview-stage, [dir="rtl"] .image-comparison, [dir="rtl"] input[type="range"], [dir="rtl"] #filename, [dir="rtl"] .color-values code { direction: ltr; }
[dir="rtl"] .preview-stage .blank-state, [dir="rtl"] .preview-stage .batch-table { direction: rtl; }
[dir="rtl"] #info-dialog #close-info { right: auto; left: 14px; }
@media (max-width: 1100px) {
  [dir="rtl"] .tools-group:not(:first-child) { border-inline-start: 0; padding-inline-start: 0; }
}
@media (max-width: 820px) {
  .header:has(.locale-menu) .top-nav > a { display: none; }
}
@media (max-width: 560px) {
  .header:has(.locale-menu) { gap: 8px; padding-inline: 14px; }
  .header:has(.locale-menu) .top-nav { margin-inline-start: auto; gap: 9px; }
  .locale-menu { margin-inline-start: 0; }
  .locale-menu summary { min-width: 36px; padding-inline: 6px; }
  .locale-current, .locale-menu summary svg:last-child { display: none; }
  .locale-links { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(430px, calc(100vw - 28px)); }
  .locale-links a { min-height: 44px; }
}
@media (max-width: 380px) {
  .header:has(.locale-menu) .brand { gap: 5px; font-size: 19px; }
  .header:has(.locale-menu) .brand-icon svg { width: 23px; height: 23px; }
  [data-locale] .editor-controls .form-row input[type="number"] { width: min(145px, 46%); }
}

[dir="rtl"] #dimensions { unicode-bidi: isolate; }
[dir="rtl"] .original-note, [dir="rtl"] .control-description { line-height: 1.65; }