/* RTL-оверрайды. Базовый стиль рассчитан на LTR, тут правим только поля,
   которые явно плохо отражаются при dir=rtl. Flex/grid автоматически инвертируется,
   margin-inline-* тоже — так что патчей немного. */

/* Sidebar и inspector плавают поверх canvas; в RTL зеркалим их позиции.
   (На mobile sidebar тоже плавает, так что media-query override не нужен.) */
[dir="rtl"] .sidebar {
    left: auto;
    right: 12px;
}
[dir="rtl"] .inspector {
    right: auto;
    left: 12px;
}

[dir="rtl"] .topbar .divider {
    /* Вертикальный разделитель — логика одинаковая */
}

[dir="rtl"] .brand {
    flex-direction: row;
}

[dir="rtl"] .site-topbar,
[dir="rtl"] .topbar {
    direction: rtl;
}

/* Стрелки в элементах управления остаются такими же (визуальные объекты),
   но текстовые подсказки меняются автоматически */