.studio-header .language-picker { margin-inline-start: 0; }
.studio-header .language-picker summary {
  min-height: 36px; padding-inline: 8px; border-radius: 3px;
  border-color: var(--line); color: var(--muted);
}
.studio-header .language-picker summary:hover { color: var(--accent); }
.studio-header .language-picker :focus-visible { outline-color: var(--accent); }
.studio-header .language-options, .studio-header .language-error {
  color: var(--text, #eef2f6); background: var(--panel); border-color: var(--line);
}
.studio-header .language-options button:hover,
.studio-header .language-options button[aria-pressed="true"] {
  color: var(--accent); background: color-mix(in srgb, var(--accent) 12%, var(--panel));
}
.studio-header .document-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.studio-header .header-actions { flex: none; }
.studio-header .header-actions > button, .studio-header .mode-tabs { white-space: nowrap; }
.personal-light .studio-header .language-options button[aria-pressed="true"],
.personal-light .studio-header .language-options button:hover { color: var(--text, #17212b); }
@media (max-width: 1360px) {
  .studio-header .project-status { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .studio-header .header-actions { gap: 8px; }
  .editor-studio .options-bar, .editor-studio .palette-row { overflow-x: auto; scrollbar-width: thin; }
  .editor-studio .options-bar > *, .editor-studio .palette-row > * { flex-shrink: 0; }
}
@media (min-width: 851px) and (max-width: 960px) {
  .studio-header .studio-brand > span { display: none; }
  .studio-header .header-actions > button { padding-inline: 9px; }
  .studio-header .mode-tabs { margin-inline-end: 0; }
}
@media (max-width: 480px) {
  .studio-header .header-actions { order: 1; }
  .studio-header .language-picker summary { min-height: 40px; }
  .studio-header .document-name { flex: 1; margin-inline-start: 0; text-align: end; }
}

/* The canvas engine measures both axes from the upper left. */
html[dir="rtl"] .editor-studio :is(.workspace, .coords, .color-pair) { direction: ltr; }
html[dir="rtl"] .editor-studio :is(.layers-dock, .room-panel) { direction: rtl; }
html[dir="rtl"] .editor-studio .menu-popover button { text-align: start; }
html[dir="rtl"] .editor-studio :is(.room-strip, .studio-status) { min-width: 0; }
html[dir="rtl"] .editor-studio .chat-message p { unicode-bidi: plaintext; }