<!-- Версия: 0.303 (Правка к 0.302, уплотнение левой панели: 1) кнопки темы (🌙) и языка (ENG)
     переехали из тулбара над холстом ВНИЗ левой панели и стоят одним блоком с подписью-версией
     «Кубиты vN» (она же вход в дзен-режим). В тулбаре холста остался только тачпад-курсор 🖱 —
     он нужен именно над холстом. 2) «Цветность» + «Кольца» встали в одну строку. 3) «Биты
     [1][0]» и «Баланс [1 и 0]» тоже в одну строку и с короткими названиями — «1 0 Биты» и
     «⚖ Баланс», полные пояснения ушли в подсказки. 4) «🔗 Сквозной поиск» переехал из ряда
     «Стог: А/Б, Добор →/←» в ряд к «⚡ Быстро»/«🚫 Без кадров» и стал просто «🔗 Сквозной».
     5) ЕДИНАЯ КОМПАКТНАЯ МЕТРИКА МЕНЮ: высоты контролов в панелях расползались (32/28/24/22/20px,
     часть инлайном в разметке), отступы групп были щедрыми — строки не влезали по ширине и
     переносились. Теперь одна высота 24px у ВСЕХ кнопок/списков/галок-кнопок панелей и
     минимальные зазоры (правило .panel …, с !important — инлайновые высоты иначе перебивают).
     Ползунки и текстовые поля не тронуты. 6) Заодно ужаты подписи: ряд «Стог» — «А/Б/→/←/?»
     вместо «Добор →»/«Добор ←» (пояснения в подсказках), подсказка добора — «Добор:» вместо
     «Добор в стоге — куда лепить?», «⧉ Копия» и «🔺 Серпинский» с полем N встали одной строкой,
     а три галки «Сквозной/Быстро/Без кадров» получили свой nowrap-контейнер, чтобы держаться
     одной строкой даже при ширине панели по умолчанию. 7) «Вычитать» и «🔄 Инверсия» встали в
     одну строку в «Инструментах», а подвал левой панели (тема/язык/версия) получил собственную
     рамку .grp-meta — как у остальных групп, а не висит без оформления.
     8) Та же единая метрика применена к тулбарам НАД ХОЛСТОМ (#stageToolbars): там соседствовали
     кнопки 26px, 32px и 24px плюс ползунки произвольной длины — ряд выглядел рваным. Теперь одна
     высота 26px, один шрифт, одинаковая длина ползунков, квадратный color-picker в высоту кнопки.
     9) Ручки перетаскивания границ в «Данных» уехали к ПРАВОМУ краю редактора — по центру они
     ложились прямо на биты. 10) «Без 1-го» переехала из «Захвата границы» под поле «Данные»
     (она про строку под границей — то есть ровно про это поле), а «⧉ Копия» вместе с обоими
     экспортами Excel («📊 Сетка», «📊 Прямой», снятыми с холста) собраны в новую группу
     .grp-export внизу правой панели. 11) Кольцо-«все» у оси лазеров соединено тонким поводком
     с точками своей оси — раньше было непонятно, какой ряд точек оно включает.
     12) Кнопки зеркал — только значки «↔» и «↕», слово «Зеркало» ушло в подсказку.
     13) Оси лазеров больше не дёргаются при зеркалах. laserStationaryOK() держал оси на месте
     только в плоских видах (сверху/ромбы); в изометрии они отражались вместе с фигурой, вместе
     с подписями номеров. Поворота вида в изометрии нет вообще, из трансформаций там только
     зеркала — поэтому оси теперь неподвижны и в ней, а фигура отражается под ними.
     ТРЕБУЕТ ПРОВЕРКИ: изометрия + зеркала + лазеры — попадание лучей по кубам.
     14) Кольцо-«все» у осей лазеров переделано целиком. Было: экстраполяция за первую точку
     вдоль оси — кольцо висело сбоку от ряда, разные оси налезали друг на друга, и к какому ряду
     кольцо относится, было неясно. Стало: кольцо стоит НАПРОТИВ СЕРЕДИНЫ своего ряда точек,
     отнесено перпендикулярно оси в сторону ОТ модели, и соединено с точками «вилкой» — черенок
     от кольца к оси, хребет вдоль всего ряда, по зубцу к каждой точке. Направление и отступ
     считаются из самой оси (computeAxisToggleAnchors теперь отдаёт ux/uy, nx/ny, off и середину),
     попадание мышью по кольцу осталось прежним — по его x/y.
     15) К правому краю холста вынесен ТОЛЬКО тулбар зеркал — своим блоком #flipToolbarWrap
     шириной 272px, кнопки в нём переносятся на 2–3 ряда. Остальные тулбары режима (повороты,
     сдвиг, змейка, квадраты) остались слева наверху, #stageToolbars лишь ужат справа, чтобы не
     залезать под блок зеркал.
     16) Нумерация ЭТАЖЕЙ (цветная, #lineGutter) переехала к правому краю редактора «Данных»,
     глобальная нумерация строк осталась слева — раньше обе колонки цифр стояли слева подряд и
     отжимали текст. Ручки перетаскивания границ вернулись на середину (правка 9 отменена —
     переносить требовалось именно номера).
     17) Тонкая направляющая рисуется вдоль КАЖДОЙ оси лазеров. Раньше в ветке без рамки линии
     были только у left/right/top, а у horiz и диагоналей da/db их не было вовсе — ряды точек
     висели в пустоте. Теперь линия по всем шести осям, и в дополнение к рамке тоже: рамка
     покрывает только контур, а диагонали идут внутри него.
     18) Боковой рельс «двигать обе границы разом» (#lineLimitWindowBar) отключён: после переезда
     нумерации этажей вправо он встал вплотную к цифрам и загромождал строки. Сами границы
     тянутся как прежде, каждая своей ручкой; вернуть рельс = убрать одно правило в CSS.
     19) НАСТРОЙКА ИНТЕРЛИВИНГА «Совмещение» (⭰/⭤/⭲, по умолчанию ⭤ по центру). При чередовании
     строк РАЗНОЙ длины шаг задаёт длинная, а короткая вставляется в неё со сдвигом: с начала
     (как было раньше), по середине или в конец. Для 00000 и 11: ⭰ → 0101000, ⭤ → 0010100,
     ⭲ → 0001010. Порядок символов внутри пары прежний — сначала символ первой строки.
     20) Блоки зеркал и поворота получили единую полупрозрачную рамку со скруглением
     (--panel-glass с блюром), стоят колонкой у правого края (поворот — под зеркалами), кнопки
     внутри тянутся и делят ширину ряда поровну, собственных теней у них больше нет, чтобы не
     наслаивались на общую подложку. Тулбар поворота переносится в этот блок скриптом при
     старте — разметка и все его обработчики остаются нетронутыми, а syncSelUI по-прежнему
     управляет его видимостью.
     21) Светлая тема была почти сплошным белым: холст #F6F5F0, панели #FFFFFF, бледные границы —
     всё сливалось в одно пятно. Холст приглушён до #E4E8E4, панели стали светло-серыми #F3F5F2
     вместо чисто белых, границы и приглушённый текст контрастнее, подложка плавающих блоков
     подстроена под новый тон. Заодно оставшиеся жёстко прошитые «#fff» на заливке акцентом
     заменены на --on-accent.
     22) Ту же полупрозрачную рамку получили и остальные тулбары режима слева: поворот кадра,
     поворот изометрии, сдвиг символов/визуальный сдвиг, «Квадраты» и «Змейка». Собственные тени
     кнопок внутри погашены, чтобы не наслаивались на подложку. Тулбар поворота вернулся ВЛЕВО
     (перенос в правый блок отменён), а левый ряд тулбаров стал КОЛОНКОЙ — каждый блок под
     предыдущим, поворот сверху; вправо ушли только зеркала.
     23) Кнопки с меняющейся подписью держат фиксированную ширину: «▶ Плей» ↔ «⏸ Пауза» у всех
     пяти плееров и шаговые кнопки со счётчиком этажа/шага. Раньше при каждом переключении они
     меняли ширину и дёргали соседей по ряду.
     24) Переключатели осей лазера (#laserTogglesBar: «Сброс всех», «Все оси», Верх/Право/Лево,
     обе диагонали, «Пересечения») переехали с холста в группу «Инструменты», прямо под кнопку
     «🎯 Лазер». Содержимое по-прежнему строится в draw(), сам контейнер только сменил место;
     кнопки внутри тянутся и заполняют ряды панели.
     25) Подписи кнопок, галок и заголовков групп больше не выделяются мышью — клик по ним
     (особенно двойной или с протяжкой) подсвечивал текст синим. Текстовые поля и панель
     результатов лазера не тронуты: оттуда строки как раз копируют.
     26) В режиме «Квадраты» кнопки «▶ Этаж N», «⏩ Построить всё» и «⏹ Сброс» дублировали группу
     «Этажи» слева (тот же показ по этажам — ползунком и Плеем). Они относятся только к подрежиму
     «✋ Правка» (пошаговая сборка перетаскиваемых кубов), поэтому теперь показываются лишь при
     включённой «Правке»; в обычных «Квадратах» в тулбаре остаётся одна кнопка «✋ Правка».
     Сам тулбар «Квадратов» поднят самым верхним блоком левой колонки.
     27) Оси лазеров дёргались во время анимации поворота. Причина: laserStationaryOK() решает,
     рисовать оси в неподвижном пространстве или вместе с кубами, по условию «угол кратен 90°».
     Анимация проходит через 90/180/270 ровно, и на этих кадрах оси на мгновение перескакивали в
     неподвижное пространство (там они не повёрнуты) и обратно. Теперь, пока играет анимация
     поворота, оси всегда едут с кубами — переключение возможно только на остановленном виде.
     28) Кнопка 🖱 (тачпад-курсор) переехала с холста в подвал левой панели, к теме, языку и
     версии — холст остался чистым сверху.
     29) «💾» сохраняет теперь ВСЕ настройки, а не только данные: галки, ползунки, числовые поля
     и списки обеих панелей + режим фигуры, вид, выравнивание строк, «Совмещение» интерливинга,
     «По строкам/По лазерам», А/Б и сторону добора, палитру, тему и язык (collectUiSettings /
     applyUiSettings). Галки и ползунки собираются перебором по разметке, а не списком в коде,
     чтобы новые переключатели попадали в снимок сами. При восстановлении кнопки-переключатели
     НЕ «кликаются» — у части из них клик тянет побочные действия (например «▼ По строкам» сразу
     запускает захват), состояние ставится напрямую. Кеш старого формата читается по-прежнему.)
     (Пред. 0.302: 1) выравнивание строк как в таблице. К «Как есть»/«Полусдвиг»
     добавлены «⭰ Слева» (было), «⭤ Центр» и «⭲ Справа» — последние два новые: центр без сдвига
     на полклетки и прижатие к правому краю (offset = maxLen − длина строки). Группа выравнивания
     теперь показывается и в режиме «Этажи из блоков» — это обычный табличный вид, там оно нужно
     не меньше, чем в воронке.
     2) Правая панель растягивается шире (потолок разделителя 0.45 → 0.62 ширины окна), а порог
     «Паттерны и Данные встают РЯДОМ» снижен 520 → 430px: на экранах уже ~1150px панель просто
     не дотягивалась до прежнего порога, и колонки никогда не появлялись.
     3) Подпись «Кубиты vN» (она же вход в дзен-режим) переехала из-под редактора «Данных» вниз
     левой панели, под группу «Этажи».)
     (Пред. 0.301: пачка правок по интерфейсу.
     1) Кнопки скрытия панелей (⬅⚙ / ✎➡) переехали из тулбара холста в строки ЗАГОЛОВКОВ своих
        панелей — справа от заголовка. Раз кнопка теперь внутри панели, вместе со свёрнутой
        панелью она исчезала бы и вернуть её было бы нечем, поэтому добавлены две узкие
        заглушки у краёв экрана (#stubLeft/#stubRight) — видны ровно когда панель свёрнута.
     2) Подпись «открыто: K / N · последний: №M» убрана. Кто сработал последним, по-прежнему
        видно по номеру в нумераторе паттернов (горит вторым акцентом) и в консоли.
     3) Читаемость кнопок: белый текст на светло-мятном акценте в тёмной теме почти не читался.
        Добавлены переменные --on-accent/--on-accent2 (в тёмной теме — тёмный текст, в светлой
        по-прежнему белый), ими покрашены все активные кнопки (.active-view, .grp-btn.active,
        .align-btn.active, включённые галки-кнопки), плюс жирное начертание в активном виде.
     4) «Захват границы» ужат: «Автозахват» + «▶ Шаг» + «Без 1-го» встали в одну строку,
        «⚡ Быстро» + «🚫 Без кадров» — в другую (названия сокращены, полные пояснения остались
        в подсказках).
     5) Новый селектор «Окраска» в группе «Отображение»: 6 цветовых наборов кубов (Стандарт,
        Радуга, Океан, Закат, Ягода, Графит). «Стандарт» — прежняя ручная гамма, остальные
        строятся из базовых цветов (rampFromBase), чтобы не плодить хардкод-константы.)
     (Пред. 0.300: переключатели «Без 1-го символа»/«🔒 Строго» и подпись
     состояния переехали ПОД поле «Паттерны» — как «⧉ Копировать развёрнутое»/Серпинский у
     «Данных»: сверху остаётся только ряд вкладок, поле начинается сразу под ним.
     2) «💾 Запомнить» и «⏹ Сброс» стали значковыми (💾 / ⏹) с подсказкой по наведению —
     подписи занимали половину ряда вкладок. Подтверждение записи в кеш тоже одним символом
     (✓ / ✗).)
     (Пред. 0.299: ряд вкладок собран в одну строку — «Паттерны», «Данные
     (Строки)», «⏹ Сброс» и «💾 Запомнить» (последняя переехала из шапки «Данных»). Заголовки
     .grp-h у обеих групп убраны: они дословно дублировали названия вкладок. Подпись состояния
     поиска («открыто: K / N · последний: №M») переехала в ряд переключателей «Без 1-го
     символа»/«Строго». Поле «Паттерны» теперь тянется до низа панели, как редактор «Данных»
     (было 54px фиксированной высоты) — обе вкладки равноправны.)
     (Пред. 0.298: три отдельных сброса («⏹ Сброс» над «Данными», «⏹ Сброс»
     над «Паттернами» и «⟲ Граница» в «Захвате границы») слиты в ОДНУ кнопку btnResetAll в ряду
     вкладок. Один клик: данные — к запомненным (умный тумблер с откатом повторным кликом, как
     было), граница — между 1-й и 2-й строкой с прокруткой наверх, паттерны — снятие всех
     отметок «закрыт» (текст паттернов не трогается), «Автозахват» выключается. Прежние три
     кнопки убраны.
     2) «Паттерны» и «Данные» стали двумя вкладками на одном уровне (editTabs/editArea,
     applyEditLayout): пока правая панель уже EDIT_WIDE_MIN=520px, вкладки переключают поля —
     одно закрывает другое; станет шире — обе группы показываются РЯДОМ, а кнопки-вкладки
     прячутся. Раскладка пересчитывается на resize окна, на перетаскивании разделителя панели,
     на сворачивании панели и при старте.)
     (Пред. 0.297: 1) холст больше не дёргается. autoFit() стоял в rebuild()
     безусловно, поэтому центр и масштаб пересобирались на КАЖДОМ пересчёте — на каждом шаге
     захвата, на «Стоп», на паузе, на каждом такте Плея. Теперь rebuild(fitView) подгоняет вид
     только по явной просьбе: Escape, смена вида/режима, генерация Серпинского, загрузка файла,
     «⏹ Сброс» данных и самый первый показ (viewFitted). Зум/панораму пользователя ничто не
     сбрасывает само. Escape при этом теперь ВСЕГДА возвращает вид на место (раньше, если стояли
     лазеры, первое нажатие только снимало их).
     2) Видно, какой паттерн дал текущую строку. Подсветка считается уже ПОСЛЕ захвата, а
     сработавший паттерн к этому моменту закрыт и из поиска исключён — поэтому ярко горит
     следующий кандидат, а не тот, что сработал (отсюда «захватил 15 строку, подсветил 14»).
     Теперь последний закрытый помечен отдельно: номер в нумераторе горит вторым акцентом,
     строка — своей плашкой со свечением, у заголовка появилась подпись «последний: №N», а в
     консоль на каждый захват пишется строка «↳ сработал паттерн №N».)
     (Пред. 0.296: снова зависания при 70 паттернах × 70 строках данных — на этот
     раз упёрлись в сам алгоритм, а не в аллокации. Перебор был «паттерны × куски стога ×
     ВСЕ L поворотов × 3 вида × indexOf по куску» ≈ 10^8 операций на кадр, и это на КАЖДЫЙ
     шаг захвата и каждую отрисовку панели «Стог».
     Теперь: 1) вместо L отдельных строк-поворотов на паттерн хранится удвоенная строка
     (pp/ppInv/ppRev) — она содержит все свои повороты как подстроки, номер поворота даёт один
     indexOf; 2) на каждый кусок стога/лазер один раз строится индекс с префиксными суммами
     единиц (makeHayIndex), и паттерн проверяется только в тех окнах, где число единиц СОВПАЛО
     с нужным (у поворота их столько же, у инверсии — L минус столько) — настоящее сравнение
     идёт лишь для окон-кандидатов (hayFindPattern); 3) индексы кусков считаются один раз до
     цикла по паттернам — и в захвате (ilSearchInHaystacks/belowRowFoundLaser), и в подсветке
     (findMatches). Итог — на два порядка меньше работы за кадр.
     Что ищется, у какого паттерна и в каком порядке (по номеру) — не изменилось. Может
     отличаться лишь то, КАКОЙ из равноправных поворотов будет назван первым: раньше побеждал
     наименьший номер поворота, теперь — самое левое совпадение в стоге.)
     (Пред. 0.295: приоритет паттернов теперь ВЕЗДЕ по номеру — «сначала первые,
     потом следующие». Было два разных правила, и они спорили: подсветка (findMatches) выбирала
     САМОЕ ДЛИННОЕ совпадение, поэтому загоралась на паттерне №4, даже когда №1–№3 тоже
     находились; а захват брал первый по номеру. Плюс в стоге внешним циклом шёл КУСОК, а не
     паттерн, так что паттерн №7, совпавший в первой паре, обходил паттерн №2 из второй.
     Теперь: findMatches при активных паттернах берёт первый подошедший по порядку (targetStrings
     лежат по возрастанию номера) и сразу останавливается; ilSearchInHaystacks перебирает
     паттерны внешним циклом, а куски — внутренним, нарезая их один раз до цикла, чтобы не
     потерять скорость. Для строк «Данных» (поле паттернов пустое) приоритет прежний — самое
     длинное совпадение, старое поведение лазерной подсветки не тронуто.)
     (Пред. 0.294: кнопка «⟲ Граница». 1) Ставит границу МЕЖДУ 1-й и 2-й
     строкой (lineLimit = 1, участвует только 1-я) — раньше было lineLimit = 2, под 2-й строкой,
     хотя комментарий рядом обещал ровно первое. 2) Чинит «после сброса границу не сдвинуть, обе
     сливаются в одну»: сброс не возвращал прокрутку редактора наверх, поэтому после длинного
     захвата (или автопрокрутки при Плее) текст оставался пролистан далеко вниз, обе границы
     оказывались выше видимой части, зажимались к верхнему краю (clampY из 0.287) и выглядели
     одной линией, а сами полосы прятались — тянуть было нечего. Теперь сброс делает
     src.scrollTop = 0 и syncScroll().)
     (Пред. 0.293: порядок на такте Плея — «сначала забрать уже видимое, потом
     двигать анимацию». Теперь каждый такт ЛЮБОГО «▶ Плей» (обёртка вокруг tick в makePlayer,
     все пять плееров идут через один setInterval) начинается с capturePendingBeforePlayTick:
     если в состоянии, до которого довёл предыдущий шаг, находится ещё не закрытый паттерн —
     он помечается закрытым, строка втягивается, и такт на этом заканчивается, анимация НЕ
     двигается. Плей идёт дальше только когда забирать нечего. Раньше такт делал сдвиг И захват
     разом, поэтому уже видимое совпадение засчитывалось по УЖЕ СДВИНУТЫМ данным, а в режиме
     «🚫 Без отрисовки при Плее» (там за такт брался ровно один захват) второе видимое
     совпадение успевало уехать вместе со сдвигом.)
     (Пред. 0.292: 1) ЗАВИСАНИЕ на большом числе паттернов (70 строк вешали
     вкладку намертво). Причина — квадратичная работа: все циклические повороты каждого паттерна
     в трёх видах (прямой/инверсия/реверс) пересобирались ЗАНОВО на каждый кусок стога и на
     каждый лазер, внутри цикла по паттернам — миллионы коротких строк за кадр. Теперь варианты
     строятся один раз на паттерн и лежат в кеше patVariants (ключ — сам текст, инвалидация не
     нужна); ими пользуются и захват (belowRowFoundInDetail/belowRowFoundLaser), и подсветка
     (findMatches вместо matchVariantCyclic). Плюс: patternRows/openPatternRows мемоизированы
     (их звали из самых горячих циклов), в поиске добавлены отсечки «паттерн длиннее стога» и
     «длиннее уже найденного не будет», а «🔒 Строго» больше не пересобирает стог под каждый
     паттерн — стог строится один раз, а «свой» получается обрезкой по границам кусков
     (prefixHaystacks). Порядок и результат поиска не изменились.
     2) Пока в «Паттернах» есть хоть один паттерн — строки «Данных» как найденные не
        подсвечиваются вовсе (updateEditorHighlight гасит targetHl), «найдено» живёт только в
        поле «Паттерны».
     3) Подсветка в «Паттернах» стала ярче: плотнее фон и свечение вокруг совпадения.)
     (Пред. 0.291: 1) «⏹ Сброс» над «Паттернами» теперь сбрасывает НАЙДЕННЫЕ,
     а не текст поля. Появилось стойкое состояние «закрыт» (patClosed): паттерн закрывается,
     когда он реально дал захват; закрытые в дальнейшем поиске и подсветке не участвуют
     (openPatternRows), их номер горит акцентом, строка — погашенной плашкой. Это же чинит
     бесконечный захват (один и тот же паттерн больше не находится снова и снова) и делает
     осмысленной автопрокрутку «закрывшиеся уезжают вверх». Сброс отметок делают также правка
     текста поля и переключение «Без 1-го символа»/«Строго» — там меняется сам смысл поиска.
     Если поле непустое, но все паттерны закрыты — на строку под границей НЕ откатываемся,
     поиск просто закончен. Подпись у заголовка: «открыто: K / N».
     2) «Без 1-го символа» для паттернов включена по умолчанию.
     3) Убрана кнопка «🔍 Подсветка: везде ниже» — она и так всегда была включена
        (highlightAllBelow=true), поведение «подсвечивать во всех строках ниже границы»
        оставлено постоянным.)
     (Пред. 0.290: поле «Паттерны» доросло до полноценного инструмента.
     1) Нумерация строк (#patGutter) — номер у каждой непустой строки; номер найденного
        («закрытого») паттерна горит акцентом.
     2) Своя галка «Без 1-го символа» (#patSkipFirstCheck) — отдельная от той, что в «Захвате
        границы» (та по-прежнему про строку под границей). Отбрасывает первый символ у КАЖДОГО
        паттерна; offset подсветки сдвигается вместе с ним, так что подсветка встаёт ровно на
        искомое.
     3) Кнопка «🔒 Строго» (#btnPatStrict): паттерн №N ищется ТОЛЬКО в строках данных с номерами
        строго меньше N. aboveRowsInterleavedHaystacks/throughRowsHaystack получили необязательный
        maxRows, поиск в строгом режиме идёт по каждому паттерну со СВОИМ урезанным стогом
        (belowRowFoundInDetail умеет искать заданный список паттернов). Подсветка в панели «Стог»
        не врёт: findMatches получил minPatLineNo и пускает в кусок-пару только те паттерны,
        чей номер больше номеров всех строк этого куска. На лазеры «Строго» не влияет.
     4) Автопрокрутка при автоплеях (autoFollowScroll, зовётся из draw): пока идёт «Автозахват»
        или играет любой «▶ Плей» — «Данные» сами держат в поле зрения строку под границей
        (нижнюю задействованную), а «Паттерны» — первый сверху ещё не закрытый паттерн, так что
        закрывшиеся подряд верхние уезжают вверх. Вне автоплеев поля не дёргаются.
     Галка и «Строго» запоминаются вместе с «Данными» кнопкой «💾 Запомнить».)
     (Пред. 0.289: третье поле «Строки» (стог, #rowsSrc) убрано по просьбе
     пользователя — оно оказалось лишним. Остаются два поля: «Паттерны» (что ищем) и
     «Данные» (кубы + стог, как и было всегда). Вместе с полем убраны stackRowsList/
     stackRowCount/updateRowsState, группа .grp-rows, её стили и i18n-ключи; стог снова
     собирается только из строк «Данных» над границей (aboveRowsInterleavedHaystacks/
     throughRowsHaystack/currentAskKey — как в 0.287). Фикс границ из 0.287 сохранён.)
     (Пред. 0.287: границы «Данных» больше не вылетают за редактор. Линии
     lineLimitBar/lineLimitTopBar и шторки позиционируются от текста, и при прокрутке их
     координата уходила выше верха / ниже низа редактора — они рисовались поверх соседних
     групп панели (особенно заметно стало после появления группы «Паттерны», редактор стал
     ниже). Теперь в updateLineLimitBar координаты зажимаются в высоту редактора (clampY),
     сама линия прячется, когда её строка вне видимой части, а у .editor-wrap появился
     overflow:hidden — страховка от любых округлений.)
     (Пред. 0.286: 1) новое поле «Паттерны» (textarea #patSrc, своя группа над
     «Данными»): пока в нём есть хоть один непустой паттерн — ищем/захватываем ИМЕННО ЭТИ
     паттерны, независимо от «Данных» (строка под границей в поиске больше не участвует);
     поле пустое — всё как раньше. Общий источник искомых строк — searchPatternsList(), её
     используют и захват (belowRowFoundInDetail/belowRowFoundLaser), и подсветка
     (targetStrings в МАРКЕР 10). Совпадения подсвечиваются прямо в поле «Паттерны»
     (свой слой #pat-bg + updatePatHighlight, теми же цветами прямой/инверсия/реверс).
     Содержимое поля запоминается вместе с «Данными» кнопкой «💾 Запомнить».
     2) убрана строка «Сдвиги: … — всего: … — текущий вариант: N» из «Захвата границы»
     (#shiftVarsInfo + updateShiftVariantsInfo/distinctRotations и все их вызовы).)
     (Пред. 0.285: инструмент «✋ Правка» в режиме «Квадраты» игнорировал чекбоксы
     «Добор Динам.» и «↳ Инверс.» — squareTestAddRow сам читал текст строки напрямую вместо
     getPadStr/frozenPad, поэтому переключение чекбоксов ни на что не влияло (добор в «Правке»
     всегда вёл себя как «живой», даже при выключенном «Динам.», и никогда не поддерживал
     инверсию). getSquareTestRows() теперь возвращает {text, absL} вместо голой строки,
     squareTestAddRow берёт хвост добора этажа через ту же getPadStr(absL,...), что и обычный
     показ «Квадратов» — «Динам.»/«Инверс.» одинаково работают что в обычном режиме, что в
     «Правке», и используют общий frozenPad (застывший добор общий для обоих режимов показа
     одной и той же строки).)
     (Пред. 0.284: в pad-режиме перестали нажиматься кнопки и двигаться ползунки —
     причина в самой 0.283: touchmove/touchend на .stage безусловно звали preventDefault() для
     ЛЮБОГО пальца, даже если touchstart для него уже решил «это кнопка/ползунок, не мешаем».
     preventDefault() на touchend глушит рождение нативного click, на touchmove — глушит
     нативное перетаскивание range-слайдера браузером. Теперь решение «этот тач — контрол»
     фиксируется на touchstart во флаге padTouchIsControl и удерживается до конца ИМЕННО этого
     касания во всех четырёх обработчиках (touchstart/move/end/cancel) — такие тачи вообще не
     трогаются нашим кодом, ни preventDefault, ни синтетика. Заодно: проверка «это кнопка?» в
     touchstart раньше стояла ПЕРЕД проверкой e.touches.length>=2 — если хоть один из двух
     пальцев пинча стартовал на кнопке тулбара, весь жест зума вообще не размечался. Порядок
     поменян — двупальцевый зум теперь всегда работает, независимо от того, что под пальцами.)
     (Пред. 0.283: Три мобильных бага по описанию пользователя: 1) Нижняя панель «Стог»/интерливинг
     (#skewerWrap) без правки занимала до 70% высоты экрана на телефоне и не имела тач-ресайза
     вовсе (только mousedown/mousemove/mouseup) — ручка .laser-grip реагировала лишь на мышь,
     а её высота 5px всё равно была недоступна пальцу. Теперь: на мобильном max-height урезан
     до 34vh, текст/кнопки внутри мельче, у ручки добавлены touchstart/touchmove/touchend
     (зеркалят мышиную логику) + тап по ручке без сдвига сворачивает/разворачивает панель одним
     касанием. 2) «Провожу по панелям, а не холсте — курсор не работает»: слушатели тачпад-курсора
     висели только на #cv, поэтому палец, начавший жест над кнopкой/тулбаром поверх холста
     (зеркало/поворот/⚙✎/сам 🖱 и т.д.), не двигал курсор вообще. Вынес pad-mode-ветку
     touchstart/move/end/cancel на уровень .stage (пузырится с любого потомка) — жест теперь
     работает и с пустых мест тулбаров, а не только с голого холста; сами кнопки/слайдеры/чекбоксы
     (button/input/select/a/textarea) явно исключены из перехвата — иначе кнопку 🖱 нечем было бы
     тапнуть, чтобы выйти из режима. 3) «Зум двумя пальцами не работает»: touch-action:none стоял
     только на #cv — если один из двух пальцев пинча физически попадал на тулбар/паддинг поверх
     холста (общая часть .stage без этого свойства), браузер мог перехватить жест как нативный
     зум страницы. Добавлены touch-action:none на .stage целиком и maximum-scale=1,
     user-scalable=no в viewport — чтобы страница гарантированно не боролась с канвасом за жест.
     Не проверено на реальном телефоне — правки по разбору кода, нужна проверка пользователем.)
     (Пред. 0.282: Не нашёл причину «курсор не двигается» чисто по коду — логика touchmove для pad-режима выглядит корректной (обновляет padCursor.x/y и вызывает padUpdateCursorEl на каждое движение пальца). Добавлена ВРЕМЕННАЯ строка диагностики #padDebug прямо на холсте (видна только в pad-режиме) — показывает координаты touchstart, и на каждый touchmove: dx/dy пальца, текущую позицию курсора, rect холста. Нужно протестировать на телефоне и прочитать, что там написано во время движения пальца — это покажет, доходят ли touchmove до кода вообще.) (Пред. 0.281: Доработка мобильной версии — три конкретных бага по описанию пользователя:
     1) Кнопки скрытия панелей (⬅⚙/✎➡, 🖱/🌙/ENG) на узком экране (.canvas-btn-group) теперь
        position:fixed с z-index выше открытых панелей настроек/редактора — раньше открытая
        панель (z-index:20) рисовалась НАД плавающей тулбар-панелью холста (z-index:6), и кнопка,
        которой панель открыли, пряталась под ней же — нечем было закрыть обратно. Плюс крупнее
        touch-таргеты (40×40px) на мобильном.
     2) Тачпад-курсор (🖱): а) исправлен баг — после зума двумя пальцами при поднятии обоих
        срабатывал ложный клик (реального тапа не было, просто padMoved не взводился во время
        пинча); б) добавлен недостающий ПРАВЫЙ клик — короткий тап двумя пальцами без движения
        (как на трекпаде ноутбука) — раньше в pad-режиме правый клик (нужен для растяжения/
        переноса рамки выделения) был вообще недоступен.
     3) Верхняя панель инструментов режима (зеркало/поворот и т.д.) теперь не делит горизонтальное
        место с .canvas-btn-group (та вынесена в fixed) — свободно оборачивается на несколько
        строк по всей ширине; кнопки .canvas-btn на мобильном чуть компактнее.
   Планка: тестировал через браузерный автоматизатор, но навигация на любые адреса (включая
   localhost) там оказалась запрещена политикой — фикс сделан по разбору кода, а не визуальной
   проверке; нужна проверка пользователем на реальном телефоне.) (Пред. 0.280: Строка «Сдвиги: ...» под редактором «Данные» теперь считает и показывает ещё и «текущий вариант» — номер ТЕКУЩЕЙ комбинации циклических сдвигов (какая именно комбинация сейчас выставлена «Визуальным сдвигом» на каждой строке) из общего числа, смешанной системой счисления (своё основание на каждую строку). Точный расчёт через BigInt — общее число комбинаций теперь тоже показывается точно, без округления в экспоненциальную запись. Пересчитывается при любом изменении «Визуального сдвига» (кнопки/сброс), не только при правке текста.) (Пред. 0.279: Убрана кнопка «🧪 Перебор →/←» целиком (не нужна). Вместо неё — новый чекбокс «🔗 Сквозной поиск» (по умолчанию ВЫКЛЮЧЕН): при выключенном каждый кусок-пара в стоге ищется САМ ПО СЕБЕ отдельной строкой — совпадение больше не может тянуться сразу через две пары (раньше искалось по всей склеенной сквозной строке разом, теперь это только при включении чекбокса). Подсветка совпадений в панели «Стог» пересчитана так же — что подсвечено, то и реально ищется.) (Пред. 0.278: Новая кнопка «🧪 Перебор →/←» в панели «Захват границы» (только «По строкам»): честно перебирает ВСЕ комбинации сторон добора по каждой паре (и А/Б) для строк над границей — 2^(число пар) × 2 вариантов — и проверяет, находится ли строка под границей хоть в одной. Если да — применяет первую найденную (пишет в ilPairSide/переключает А-Б, как если бы перетащили руками в «Стоге») и захватывает строку, затем повторяет для следующей — чтобы сравнить, сколько строк реально находится полным перебором против дефолтного «всегда право». Итог — в консоли браузера, шаг за шагом. Защита от зависания: >2^24 комбинаций — прерывается с сообщением.) (Пред. 0.277: Панель «Стог» переделана в вертикальные столбики: посередине каждой «доски» — вертикальная ось, куски пар идут строками сверху вниз (пара 0+1 первая, 1+2 следующая и т.д. — «склейка вниз»), каждый кусок прижат к оси со своей стороны (право — справа, лево — слева). Перетаскивание куска через ось (или просто клик без сдвига) переключает сторону ИМЕННО этой пары — как раньше по клику, только теперь наглядно видно право/лево через положение относительно оси. При активной «?» и нерешённой новой паре показываются ДВЕ доски рядом (право/лево) для сравнения — перетаскивание в любой из них фиксирует эту сторону для пары.) (Пред. 0.276: Существенная переработка «куда лепить добор»: 1) «Без 1-го символа» по умолчанию снята. 2) Сторона добора (→/←) теперь СВОЯ У КАЖДОЙ ПАРЫ строк в стоге, а не одна на весь стог — клик прямо по кусочку пары в панели «Стог» (между разделителями «│») переключает сторону ТОЛЬКО этой пары. Кнопки →/← остаются глобальным дефолтом (клик по ним сбрасывает все точечные правки к единой стороне). «?» теперь просто показывает самую новую (ещё не решённую) пару ОБЕИМИ сторонами для сравнения — клик по любой из двух карточек фиксирует показанную в ней сторону именно для этой пары; подсказка «Добор в стоге — куда лепить?» делает то же самое. Захват (Шаг/Автозахват) больше НИКОГДА не ждёт ответа — нерешённые пары всегда считаются «право» по умолчанию.) (Пред. 0.275: Панель «Стог» (интерливинг, «По строкам»): между склеенными кусками разных пар строк (1+2, 2+3, 3+4...) теперь рисуется тонкий разделитель «│» — видно, где кончается склейка одной пары и начинается следующая, вместо одной сплошной строки без ориентиров. aboveRowsInterleavedHaystacks() возвращает границы кусков (bounds), панель режет уже подсвеченные findMatches-сегменты по этим границам через sliceSegments() и вставляет разделитель между ними; на сам поиск не влияет, только на отображение.) (Пред. 0.274: Новая кнопка «🔺 Генерировать Серпинского» под редактором «Данные (Строки)», с полем N (число строк, по умолчанию 64): заменяет текст треугольником Паскаля mod 2 (классический фрактал Серпинского) — строка i содержит i+1 бит, края всегда «1», внутренние биты — XOR двух бит над ними в предыдущей строке. Откатывается через «⏹ Сброс» (сохраняет прежний текст+границы для повторного клика, как при обычном сбросе).) (Пред. 0.273: Режим «?» (сторона добора): 1) выбор →/← теперь ЗАПОМИНАЕТСЯ — раньше сбрасывался после каждой попытки («спрашивать каждый раз»), теперь спрашивает только пока НИ РАЗУ не выбрано; дальше «▶ Шаг»/«Автозахват» молча используют запомненную сторону, пока не переключишь на другую. 2) Клик по →/← в подсказке теперь сразу переключает панель «Стог» на выбранную сторону (А→/Б→ или А←/Б←) — раньше показывались обе с подсветкой/приглушением, что было не очень понятно; пока сторона ни разу не выбрана — по-прежнему показаны обе для сравнения.) (Пред. 0.272: Новая колонка слева от цветной нумерации этажей в «Данных (Строки)» — глобальный АБСОЛЮТНЫЙ номер строки текстового поля (1,2,3,4...), всегда для каждой строки без исключений (пустой, за границей, не участвующей в модели), некликабельная, серым — просто ориентир «где я в тексте», не зависит от режима/этажей/выбора. #globalLineGutter, синхронизирована по scrollTop с редактором.) (Пред. 0.271: Найдена реальная причина «не подсвечивает строку под границей»: при включённом инструменте «Лазер» лазерный поиск (findMatches по строкам лазеров/сборки/пересечений) и поиск «По строкам» (интерливинг-стог) писали в ОДИН общий targetHighlights — подсветка лазеров (по совсем другим строкам/данным) смешивалась с подсветкой стога и забивала её. Теперь пока активно «По строкам» — лазерный поиск вообще не подсвечивает (ни «Сборка», ни отдельные лазерные колонки, ни «Пересечения»); подсветку даёт только интерливинг-стог. Сами лазерные лучи/строки на холсте и в колонках по-прежнему видны — просто без цветовой подсветки совпадений.) (Пред. 0.270: Откат «фикса» из v0.269: приоритет ближней строки ломал саму суть «Подсветка: везде ниже» — кнопка должна подсвечивать ВСЕ найденные строки, а не только ближайшую к границе. findMatches() вернулась к исходному алгоритму (глобально самый длинный матч + рекурсия по остатку строки слева/справа — так находятся НЕСКОЛЬКО разных строк за один проход). Причина «не цепляет строку прямо под границей» ещё не установлена — версия для дальнейшей диагностики по описанию пользователя.) (Пред. 0.268: 1) Новые дефолты по умолчанию (по образцу присланного скриншота): ползунок «0 в строках» = 1.7 (вместо 0), «▼ По строкам» активен вместо «▼ По лазерам», «🔍 Подсветка: везде ниже» включена. Ряд «Стог» и подсказка «?» теперь и в разметке display:flex по умолчанию (раз «По строкам» — дефолтный режим). 2) Клик по →/← в подсказке «?» больше НЕ запускает захват сам по себе — только запоминает выбор и подсвечивает/приглушает соответствующие строки А→/А←/Б→/Б← в панели «Стог» (можно тыкать туда-сюда без побочных эффектов). Сам захват с этим выбором происходит только по «▶ Шаг» или через включённый чекбокс «Автозахват» — как и раньше решает belowRowMatchDetail().) (Пред. 0.267: Правки к v0.266: 1) «⟲ Граница»/смена режима теперь ставят границу ПОД 2-й строкой (lineLimit=2, участвуют 1-я и 2-я), а не перед ней (было lineLimit=1, участвует только 1-я). 2) Подсказка «Добор в стоге — куда на этот раз?» (режим «?») больше не появляется/исчезает по ходу поиска — она видна постоянно, пока активно «По строкам» (как и сам ряд «Стог: А/Б/→/←/?»), а её кнопки →/← просто становятся disabled (серые, некликабельные), когда отвечать пока не на что — «?» не выбран или нет строки под границей. Добавлен глобальный CSS button:disabled.) (Пред. 0.266: Добавлена третья кнопка «?» в группу «Добор →/←» панели «Захват границы» (только «По строкам»): при активной «?» сторона добора не выбирается заранее — перед КАЖДОЙ попыткой захвата (клик «▶ Шаг», «▼ По строкам», тик непрерывного «Автозахват») в панели всплывает вопрос «Добор в стоге — куда на этот раз?» с двумя кнопками →/←; попытка ждёт ответа (для циклов/анимации это выглядит как обычная пауза «не найдено», они сами продолжат на следующем шаге/тике, как только ответ придёт). Ответ тратится ровно на одну попытку — следующая снова спросит. Панель результатов при этом (пока нет ответа) показывает ОБА варианта стога сразу, для сравнения. Переключение на фиксированную сторону (→ или ←) или выход из «По строкам» отменяет незавершённый вопрос.) (Пред. 0.265: Ряд «Стог: А/Б, Добор →/←» из v0.264 переделан: 1) теперь это ДВЕ пары взаимоисключающих кнопок (как «По строкам»/«По лазерам»), а не 4 независимых чекбокса — всегда активен ровно один вариант в каждой паре (А либо Б, → либо ←), не оба и не ни одного; дефолт — Б и → (как было исходно, до v0.264). 2) Ряд виден, только пока активно «По строкам» (rowsModeActive) — в режиме «По лазерам» он ни на что не влияет и раньше только путал, скрыт через syncIlVariantsUI().) (Пред. 0.264: Панель «Захват границы»: новый ряд из 4 чекбоксов «Стог: А[x] Б[x] Добор →[x] ←[x]» — управляют вариантами интерливинг-стога («По строкам»). Раньше сторона добора (после бит строки, «справа») была жёстко зашита — теперь есть и «слева» (добор перед битами), для А и для Б отдельно, до 4 комбинаций сразу (дедуп одинаковых). Любой из А/Б/→/← можно снять галкой — вариант вообще не считается и не проверяется при поиске (экономит время на длинных стогах). Панель результатов и лог автозахвата показывают тег варианта (А→/А←/Б→/Б←) вместо старых «вариант 1/2».) (Пред. 0.263: Исправлен «гуляющий» центр воронки при «Визуальном сдвиге»: geometry() для режимов Кольцо/Квадраты/Змейка/Пирамида-4 (изометрия) центрировала по bbox только РЕАЛЬНЫХ (не-добор) ячеек, а «Визуальный сдвиг» крутит кольцо целиком, из-за чего на каждом такте менялось, какая физическая позиция сейчас реальная, а какая добор — и центр прыгал вверх-вниз. Теперь центр по Y берётся от bbox ВСЕХ ячеек кольца (реальные+добор), который при сдвиге физически не меняется. 2) Лог «Визуальный сдвиг»/«Сдвиг символов» больше не пишется на КАЖДОМ такте непрерывного «▶ Плея» (раньше копил тысячи одинаковых по сути записей за секунды и тратил на них время): при проигрывании анимации сдвиг молчит, лог остаётся только для одиночного нажатия кнопки сдвига.) (Пред. 0.262: Лог автозахвата («По строкам»/«По лазерам»/«Шаг»/непрерывный автозахват) теперь всегда указывает номер поворота искомого паттерна (нижней строки) из общего числа возможных поворотов её длины — «поворот K из N» — вместо того чтобы молчать про поворот 0 (прямое совпадение без сдвига). Работает во всех четырёх уровнях проверки: интерливинг строк над границей, конкретный лазер, сквозная склейка лазеров, сборка лазеров, сквозная строка данных.) (Пред. 0.261: 1) «⏹ Сброс» над редактором теперь всегда выключает «Автозахват» (иначе он тут же снова затягивал строки под сброшенную границу). 2) «💾 Запомнить» теперь сохраняет в кеш ВМЕСТЕ с текстом положение верхней и нижней границы «Данных»; «⏹ Сброс» (и повторный клик-откат) возвращает их вместе с текстом; старый формат кеша (просто строка, до этой версии) по-прежнему читается — просто без границ. 3) Новый боковой рельс справа в редакторе «Данных» (lineLimitWindowBar, градиент фиолетовый→зелёный): перетаскивание двигает ОБЕ границы (верхнюю и нижнюю) сразу, расстояние между ними сохраняется — «окно» съезжает вверх/вниз целиком; виден, только когда хотя бы одна из границ реально активна; двойной клик — снять обе.) (Пред. 0.260: 1) ВЕРХНЯЯ граница в «Данных» (фиолетовая линия lineLimitTopBar): перетаскивание отсекает верхние строки — они не участвуют в модели, как и строки под нижней границей; двойной клик — снять; не заходит ниже нижней границы (и наоборот); сбрасывается вместе с нижней (смена режима, «⟲ Граница», «⏹ Сброс», Drag&Drop файла). 2) Сдвиги при рамке выделения переделаны на ВИДИМОСТЬ: и «Сдвиг символов», и «Визуальный сдвиг» двигают только видимые строки — без «Вычитать выделенное» это строки в рамке, с «Вычитанием» — строки вне её (раньше рамка всегда «прижимала» строки внутри себя, независимо от «Вычитания»).) (Пред. 0.259: Ползунок «0 в строках» (zeroMain) по умолчанию 0 (нули в строках не видны). Новая инфо-строка в панели «Захват границы»: число различных вариантов циклического сдвига каждой строки над границей (учитывается период — у «1111» вариант один) и общее число комбинаций (произведение); обновляется при правке данных и перетаскивании границы.) (Пред. 0.258: Кеш «Данных» переделан на РУЧНОЙ по жалобе «сбивается»: автозапись при вводе откачена, «Сброс» Сдвиг-Плея вернулся к снапшоту на момент старта (как в 0.255). Новая кнопка «💾 Запомнить» над редактором пишет текущий текст в localStorage; запомненное автоматически подтягивается при F5/открытии любой версии файла (в том же браузере тем же способом) и возвращается кнопкой «⏹ Сброс» над редактором (если кеша нет — сброс к шаблону из кода, как раньше; повторный клик сразу после сброса по-прежнему возвращает ваш текст).) (Пред. 0.255: рамка выделения: ПКМ у ГРАНИЦЫ рамки (±14px по метрике формы) — растяжение от её центра (центр стоит), ПКМ глубже внутри — перемещение (как раньше), ПКМ снаружи — новая рамка. При растяжении в ноль (<5px) рамка снимается, как при рисовании.) (Пред. 0.254: 1) кнопки «Пирамида 3/4» временно скрыты (display:none, режимы рабочие). 2) Рамка выделения на холсте теперь «прижимает» кольца при визуальном сдвиге: строки, хотя бы одна клетка которых в рамке, не крутятся (работает и из Сдвиг-Плея). 3) Исправлена «Инверсия» при рамке: добор-клетки в рамке больше не инвертируются — их cIdx алиасит реальный бит вне рамки, из-за чего инверсия меняла биты за пределами рамки; теперь инвертируются только реальные клетки в рамке.) (Пред. 0.253: две новые формы заливки: «Пирамида 3» (этаж — треугольник, вершина сверху в виде сверху, кольцо 8r клеток без дыр) и «Пирамида 4» (этаж — квадрат, как «Квадраты», но объёмная с изометрией). Переключатели pyraGroup: «Кольцо» (биты по периметру, углы всегда Добор-0) / «Сплошная» (заливка всей площади по рядам) и «Остриё внизу» (первая строка — 1 кубик, как воронка) / «Остриё вверху» (первая строка — основание, последняя — вершина). Поддержаны Добор/Инверс./Динам., визуальный сдвиг, оба вида (изометрия/сверху), якоря центра. Проверено headless-тестом: 5 строк «1» → кольца 69/65 единиц, сплошные 165, обе ориентации.) (Пред. 0.252: изменены дефолты панели «Отображение»: «Кольца» (guides) и «↳ Инверс.» (loopBitsInvert) теперь по умолчанию ВЫКЛЮЧЕНЫ — по образцу присланного скриншота, остальные галки/ползунки этой панели как были включены.) (Пред. 0.251: галка «Без отрисовки при Плее» при включении автоматически ставит все 5 ползунков скоростей Плеев на максимум скорости (прежние значения запоминаются и возвращаются при выключении) — именно на максимуме подавление даёт реальный прирост темпа поиска. Пред. 0.250: закрыт последний обход «Без отрисовки при Плее»: при включённом режиме лазеров любое движение мыши перерисовывало холст (mousemove → requestDraw) — видно как редкие «прокрутки» холста при стоящей границе; теперь hover-redraw пропускается, пока активно подавление. Замер: на макс. скорости ползунка подавление даёт 252 такта поиска/с против 104 без него; на средних скоростях темп одинаков, экономится только CPU. Пред. 0.249: исправлен главный виновник «Без отрисовки при Плее» (найден автотестом Playwright по стеку clearRect): финальный draw() в makePlayer.stop() был БЕЗУСЛОВНЫМ, а stop() дёргается ещё и защитно — syncSelUI → stopRotAnim на КАЖДОМ такте Сдвиг-Плея — т.е. холст рисовался каждый такт в обход подавления. Теперь финальный кадр рисуется только если плеер реально играл (wasOn). Проверено: Сдвиг-Плей с подавлением — 1-2 отрисовки за 3с вместо ~50) -->
<!--
  ПРАВИЛО МАРКЕРОВ (для правок по промптам частями):
  Файл разбит на секции комментариями вида «=== МАРКЕР NN: НАЗВАНИЕ ===».
  При добавлении кода следи, чтобы между соседними маркерами было НЕ БОЛЕЕ 300–400 строк.
  Если секция разрослась — вставь новый маркер с буквенным суффиксом (напр. 08a),
  чтобы не перенумеровывать весь файл.
  Оформление: в <script> — /* === МАРКЕР NN: ... === */, в HTML/шапке — <!-* === МАРКЕР NN: ... === *->.
-->
<!DOCTYPE html>
<html lang="ru" data-theme="dark"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Кубиты v0.303</title>

<!-- Подключение шрифта Roboto Mono -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600;700&display=swap" rel="stylesheet">

<!-- === МАРКЕР 01: HEAD И CSS-СТИЛИ === -->
<style>
:root{
  /* Светлая тема была почти сплошным белым: холст #F6F5F0, панели #FFFFFF, бледные границы —
     всё сливалось в одно пятно. Теперь холст заметно приглушён, панели — светло-серые, а не
     чисто белые, границы и приглушённый текст контрастнее. */
  --bg:#E4E8E4; --panel:#F3F5F2; --fg:#1E2320; --muted:#5C665F;
  --border:#C2CAC3; --accent:#1D9E75; --accent-soft:#D7EEE5;
  --accent2:#7C5CFC; /* «Визуальный сдвиг» — отдельный акцент, чтобы не путать с обычным «Добор»/accent */
  /* Текст поверх заливки акцентом. В светлой теме акцент тёмный — белый текст читается; в тёмной
     теме акцент светло-мятный, и белым по нему было почти не разобрать (см. --on-accent ниже). */
  --on-accent:#FFFFFF; --on-accent2:#FFFFFF;
  --panel-glass:rgba(243,245,242,0.78); /* полупрозрачная подложка плавающих блоков над холстом */
}
:root[data-theme="dark"]{
  --bg:#151D1B; --panel:#1C2724; --fg:#E9F2EE; --muted:#93A69F;
  --border:#31423C; --accent:#5DCAA5; --accent-soft:#0F2B23;
  --accent2:#9B85FF;
  --on-accent:#0A2019; --on-accent2:#170F33;
  --panel-glass:rgba(28,39,36,0.72);
}
*{box-sizing:border-box}
/* Подписи кнопок/галок/заголовков не выделяются: клик по ним (особенно двойной или с протяжкой)
   иначе подсвечивал текст синим. Текстовые поля и панель результатов лазера не трогаем — оттуда
   строки как раз копируют. */
button, label, .grp-h, .laser-toggles, .gutter-line, .toggle-btn, .canvas-btn, .panel-stub {
  user-select: none; -webkit-user-select: none; -ms-user-select: none;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted); }
* { scrollbar-width: thin; scrollbar-color: var(--border) transparent; }

body{
  margin:0; background:var(--bg); color:var(--fg);
  font: 14px/1.6 'Roboto Mono', monospace;
  transition:background .25s,color .25s;
  height: 100vh; overflow: hidden;
}
.wrap{
  display: flex; flex-direction: column; 
  width: 100%; height: 100vh; max-width: none; 
  padding: 10px 16px 10px; margin: 0; box-sizing: border-box;
}
.layout {
  display: flex;
  gap: 2px;
  flex: 1;
  min-height: 0;
  align-items: stretch;
}
.panel {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 0 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
}
.settings-panel {
  width: 252px;
}
.editor-panel {
  width: 300px;
  padding-bottom: 0;
}
/* Разделитель для ресайза панелей перетаскиванием края (без углового маркера) */
.divider {
  flex: 0 0 auto;
  width: 5px;
  align-self: stretch;
  cursor: col-resize;
  border-radius: 4px;
  background: transparent;
  transition: background .15s;
}
.divider:hover, .divider.dragging { background: var(--border); }
/* Кнопка «свернуть панель» в строке заголовка самой панели */
.panel-hide-btn {
  flex: 0 0 auto;
  height: 22px; padding: 0 7px;
  font-size: 11px;
  color: var(--muted);
}
/* Заглушка у края экрана — единственный способ вернуть свёрнутую панель (её собственная
   кнопка скрытия уезжает вместе с ней). Показывается только когда панель свёрнута. */
.panel-stub {
  position: fixed;
  top: 50%; transform: translateY(-50%);
  display: none;
  width: 22px; height: 54px; padding: 0;
  font-size: 14px;
  z-index: 61;
  background: var(--panel);
  border: 1px solid var(--border);
  color: var(--muted);
  box-shadow: 0 2px 14px rgba(0,0,0,0.4);
  cursor: pointer;
}
.panel-stub:hover { color: var(--fg); border-color: var(--accent); }
.panel-stub.on { display: block; }
/* Мобильная раскладка: панели не сжимают холст, а ложатся ПОВЕРХ него, стартуют свёрнутыми
   (см. JS-инициализацию). Кнопки ⚙/✎/🖱/🌙/ENG (.canvas-btn-group) закреплены отдельно поверх
   ВСЕГО (z-index выше панелей) — иначе открытая панель их закрывала, и было нечем её обратно
   свернуть (сама кнопка-открывашка пряталась под панелью, которую же открыла). */
@media (max-width: 900px) {
  .layout { position: relative; }
  .settings-panel, .editor-panel {
    position: absolute; top: 48px; bottom: 0; z-index: 20;
    background: var(--bg);
    max-width: 85vw;
    box-shadow: 0 0 24px rgba(0,0,0,0.55);
    border-radius: 8px;
  }
  .settings-panel { left: 0; }
  .editor-panel { right: 0; }
  .divider { display: none; }
  .wrap { padding: 4px; }
  .canvas-btn-group {
    position: fixed !important;
    top: 8px; right: 8px;
    z-index: 60;
    margin-left: 0 !important;
    background: var(--panel);
    padding: 4px;
    border-radius: 10px;
    box-shadow: 0 2px 14px rgba(0,0,0,0.4);
  }
  .canvas-btn-group .toggle-btn {
    min-width: 40px; min-height: 40px;
    font-size: 15px;
    padding: 6px 8px;
  }
  /* Освобождаем правый край ряда для .canvas-btn-group (теперь fixed, из потока не занимает
     место сама) — остальным тулбарам моды больше не нужно жаться под margin-left:auto соседа. */
  .flip-toolbar, #rotateToolbar { flex-wrap: wrap; }
  .canvas-btn { height: 24px; font-size: 10px; padding: 0 6px; }
  /* Нижняя панель «Стог»/интерливинг (skewerWrap): по умолчанию max-height:70% занимает
     почти весь экран телефона — на мобильном сильно урезаем дефолтный потолок высоты и
     мельчим текст/кнопки внутри неё. Ручка ресайза (.laser-grip) увеличена под палец —
     была 5px, для тача практически недоступна. */
  .laser-panel { max-height: 34vh; padding: 6px 8px 4px; }
  .laser-grip { height: 18px; }
  #skewerRes { font: 9px 'Roboto Mono', monospace; gap: 1px 8px; }
  .laser-col-h { font-size: 8px; }
  .laser-toggles button { height: 22px; font-size: 9px; padding: 0 5px; }
  .skew-line { font-size: 10px; }
}
/* Центральная колонка: холст + панель результатов лазера снизу */
.center-col {
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* Кнопки для скрытия панелей */
.toggle-btn {
  background: var(--border);
  border: none;
  color: var(--fg);
  cursor: pointer;
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 4px;
}
.toggle-btn:hover { background: var(--accent); color: var(--on-accent); }

/* Состояние скрытой панели */
.panel.collapsed {
  display: none;
}
/* Дзен-режим: скрыть всё, кроме холста с кубами (вкл/выкл — кнопка «Дзен» или клик колёсиком мыши) */
body.zen-mode header,
body.zen-mode .settings-panel,
body.zen-mode .editor-panel,
body.zen-mode .divider,
body.zen-mode .canvas-btn-group,
body.zen-mode .flip-toolbar,
body.zen-mode #rotateToolbar,
body.zen-mode #skewerWrap,
body.zen-mode footer,
body.zen-mode .wrap > p.sub {
  display: none !important;
}
body.zen-mode .wrap { padding: 0; }
body.zen-mode .stage { border-radius: 0; border: none; }
/* «✋ Правка» в Квадратах — прячем стандартные тулбары: на холст правки они не действуют
   (кнопки панелей/темы/языка в той же группе оставляем видимыми) */
body.square-edit-mode .canvas-btn-group .canvas-btn,
body.square-edit-mode .flip-toolbar,
body.square-edit-mode #rotateToolbar {
  display: none !important;
}
#cv { touch-action: none; } /* тач-жесты обрабатываем сами (пан/зум/тап), страница не скроллится */
.stage {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  background: var(--panel); border: 1px solid var(--border);
  border-radius: 12px; overflow: hidden; min-width: 0;
  touch-action: none; /* тулбары поверх холста тоже не должны отдавать жест браузеру (нативный
                          пинч-зум/скролл) — иначе двупальцевый зум и тачпад-курсор ломаются,
                          если один из пальцев попал на кнопку тулбара, а не на голый холст */
}
/* Группа кнопок в верхней части холста — правый край первого ряда тулбаров */
.canvas-btn-group {
  display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end;
  margin-left: auto; flex: 0 1 auto; pointer-events: auto;
}
body.zen-mode #stageToolbars, body.zen-mode #laserTogglesBar, body.zen-mode #excelBtnBar { display: none !important; }
/* Компактные кнопки Excel внизу справа */
.excel-btn { height: 24px; padding: 0 8px; font-size: 10px; }
.canvas-btn {
  height: 26px; padding: 0 7px; border-radius: 7px; font-size: 11px;
  background: var(--panel); border: 1px solid var(--border);
  color: var(--accent); font-weight: bold; cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,0.22);
  transition: opacity 0.2s;
  display: inline-flex; align-items: center; justify-content: center;
}
.canvas-btn:hover { border-color: var(--accent); }
/* Кнопки с МЕНЯЮЩЕЙСЯ подписью держат фиксированную ширину, иначе соседи прыгают при каждом
   переключении: «▶ Плей» ↔ «⏸ Пауза», а у шаговых кнопок ещё и растущий счётчик этажа/шага. */
#btnFlipAnim, #btnRotAnim, #btnShiftAnim, #btnFloorAnim, #btnSnakeAnim { min-width: 80px; }
#btnSquareTestNext, #btnSnakeNext { min-width: 104px; }
/* === Единая метрика тулбаров над холстом ===
   Там соседствовали кнопки 26px (.canvas-btn), 32px (обычные button из общего правила),
   24px (.excel-btn) и ползунки произвольной высоты — ряд выглядел рваным. Здесь всё, что
   лежит в #stageToolbars, приводится к одной высоте 26px и одному шрифту, а ползункам
   задаётся фиксированная, одинаковая длина. Кнопки внутри слитных «сегментных» групп
   (1°/30°/45°… , ▶Плей|⏹Сброс) свою нулевую скруглённость сохраняют — у них border-radius
   переопределён инлайном. */
#stageToolbars button,
#stageToolbars .canvas-btn,
#stageToolbars .excel-btn {
  height: 26px !important;
  min-height: 26px;
  font-size: 11px !important;
  padding: 0 7px !important;
}
#stageToolbars input[type=range] {
  width: 84px !important;
  height: 26px;
  margin: 0;
}
#stageToolbars input[type=color] {
  width: 26px !important; height: 26px !important;
  padding: 0; border-radius: 7px;
}
#stageToolbars > div > div { align-items: center; }
/* Блоки зеркал и поворота — единая полупрозрачная рамка со скруглением, кнопки внутри
   распределены по рядам ровно и своих теней уже не имеют: иначе тени накладывались бы на
   общую подложку. Тулбар поворота переносится сюда из #stageToolbars скриптом при старте —
   так его разметка и все обработчики остаются нетронутыми. */
#flipToolbarWrap .flip-toolbar,
#stageToolbars #rotateToolbar,
#stageToolbars #isoRotToolbar,
#stageToolbars #rotWrap,
#stageToolbars #squareTestToolbar,
#stageToolbars #snakeToolbar {
  background: var(--panel-glass);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 6px;
  gap: 5px;
  row-gap: 5px;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.28);
}
#flipToolbarWrap > div > .canvas-btn,
#flipToolbarWrap > div > div,
#stageToolbars #isoRotToolbar > .canvas-btn, #stageToolbars #isoRotToolbar > div,
#stageToolbars #rotateToolbar > .canvas-btn, #stageToolbars #rotateToolbar > div,
#stageToolbars #rotWrap > button, #stageToolbars #rotWrap > span > button,
#stageToolbars #squareTestToolbar > .canvas-btn,
#stageToolbars #snakeToolbar > .canvas-btn { box-shadow: none; }
/* Ряды заполняются целиком: элементы тянутся и делят ширину поровну, а не жмутся к краю
   с рваным хвостом. Пипетка цвета остаётся квадратной, ползунок тянется вместе со всеми. */
#flipToolbarWrap > div > * { flex: 1 1 auto; }
#flipToolbarWrap > div > input[type=color] { flex: 0 0 auto; }
#flipToolbarWrap > div > input[type=range] { flex: 1 1 80px; width: auto !important; min-width: 60px; }
#flipToolbarWrap > div > div > button { flex: 1 1 auto; }
/* Та же метрика — и для блоков, вынесенных вправо */
#flipToolbarWrap button,
#flipToolbarWrap .canvas-btn {
  height: 26px !important; min-height: 26px;
  font-size: 11px !important; padding: 0 7px !important;
}
#flipToolbarWrap input[type=range] { width: 70px !important; height: 26px; margin: 0; }
#flipToolbarWrap input[type=color] { width: 26px !important; height: 26px !important; padding: 0; border-radius: 7px; }
/* Панель результатов лазера снизу — растёт вверх (тянуть за верхний край) */
.laser-panel {
  flex: 0 0 auto;
  position: relative;
  overflow: auto;
  min-height: 2.8em;
  max-height: 70%;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 8px 10px 6px;
}
/* Ручка ресайза лазер-панели — отдельный элемент между холстом и панелью
   (как вертикальные разделители .divider между боковыми панелями), не внутри
   скроллящейся области — не уезжает при скролле результатов и не наезжает на контент. */
.laser-grip {
  flex: 0 0 auto;
  width: 100%;
  height: 5px;
  cursor: row-resize;
  border-radius: 4px;
  background: var(--accent);
  opacity: .45;
  transition: opacity .15s;
}
.laser-grip:hover, .laser-grip.dragging { opacity: 1; }

/* Шапка убрана из потока — холст тянется до верха; заголовок с маркером версии остаётся в DOM */
header{display:none}
h1{font:700 22px/1.3 'Roboto Mono',monospace; margin:0; letter-spacing:.02em;}
.ver{font-size:16px; color:var(--accent); font-weight:bold; vertical-align:middle; margin-left:10px}
h1 .t1{color:var(--accent)}
h1 .t2{color:#3498DB}
.sub{font-size:12px; color:var(--muted); margin:0 0 10px}

.editor-wrap {
  position: relative;
  flex: 1 1 auto;
  min-height: 150px;
  display: flex;
  /* Границы/шторки — абсолютные внутри этой рамки. Без clip они при прокрутке текста уезжали
     ВЫШЕ верха и НИЖЕ низа редактора и рисовались поверх соседних групп панели. Позиции
     дополнительно зажимаются в updateLineLimitBar, а это — страховка на любые округления. */
  overflow: hidden;
}
#src-bg, #src-pad, textarea {
  font: 12px/1.25 'Roboto Mono', monospace;
  width: 100%;
  min-height: 150px;
  /* Слева — только глобальная нумерация строк, справа — цветная нумерация этажей */
  padding: 8px 38px 8px 34px; margin: 0; box-sizing: border-box;
  border-radius: 5px;
  white-space: pre; word-wrap: normal;
  overflow: auto;
}

/* Глобальная нумерация строк — АБСОЛЮТНЫЙ номер строки в textarea, всегда для каждой строки,
   независимо от границы/этажей/режима. Отдельно и ЛЕВЕЕ цветной нумерации этажей (#lineGutter) —
   не кликабельна, ничего не выделяет, просто ориентир «где я в тексте». */
#globalLineGutter {
  position: absolute;
  top: 1px; left: 1px; bottom: 1px; width: 28px;
  overflow: hidden;
  font: 12px/1.25 'Roboto Mono', monospace;
  padding: 8px 4px 8px 0;
  box-sizing: border-box;
  z-index: 4;
  pointer-events: none;
  scrollbar-width: none;
  background: var(--panel);
  border-right: 1px solid var(--border);
  border-radius: 5px 0 0 5px;
  color: var(--muted);
}
#globalLineGutter::-webkit-scrollbar { display: none; }
#globalLineGutter .gutter-line { text-align: right; }

/* Нумерация строк (только этажи — то же, что и номера в панели «Этажи»), клик выделяет этаж.
   Живёт у ПРАВОГО края редактора: слева остаётся только глобальная нумерация строк, и цифры
   больше не отжимают текст от края двумя колонками подряд. */
#lineGutter {
  position: absolute;
  top: 1px; right: 1px; bottom: 1px; width: 36px;
  overflow: hidden;
  font: 12px/1.25 'Roboto Mono', monospace;
  padding: 8px 0 8px 5px;
  box-sizing: border-box;
  z-index: 4;
  pointer-events: none;
  scrollbar-width: none;
  /* непрозрачный фон: при горизонтальной прокрутке длинные строки не просвечивают под номерами */
  background: var(--panel);
  border-left: 1px solid var(--border);
  border-radius: 0 5px 5px 0;
}
#lineGutter::-webkit-scrollbar { display: none; }
#lineGutter .gutter-line {
  text-align: left;
  color: var(--fg);
  font-weight: 700;
  cursor: default;
  border-radius: 3px;
}
#lineGutter .gutter-line.is-floor {
  cursor: pointer;
  pointer-events: auto;
}
#lineGutter .gutter-line.is-floor:hover {
  color: var(--fg);
  background: var(--accent-soft);
}
#lineGutter .gutter-line.is-sel {
  color: var(--on-accent);
  background: var(--accent);
  font-weight: 700;
}
#src-bg {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 100%;
  background: var(--panel);
  color: transparent;
  border: 1px solid transparent;
  z-index: 1;
  pointer-events: none;
  scrollbar-width: none;
}
#src-bg::-webkit-scrollbar { display: none; }

/* === Поле «Паттерны» — маленький редактор со своим слоем подсветки совпадений ===
   Общее правило «#src-bg, #src-pad, textarea» выше задаёт большой отступ слева (под нумерацию)
   и min-height:150px — для этого поля их перебиваем: нумерации тут нет, и оно компактное. */
/* Поле «Паттерны» тянется до низа панели — ровно как редактор «Данных»: обе группы теперь
   равноправные вкладки, и обрезать паттерны фиксированной высотой незачем. */
.pat-wrap { position: relative; display: flex; flex: 1 1 auto; min-height: 54px; }
.pat-wrap textarea, #pat-bg {
  font: 12px/1.25 'Roboto Mono', monospace;
  width: 100%;
  height: 100%;
  padding: 6px 8px 6px 30px; margin: 0; box-sizing: border-box;
  border-radius: 5px;
  white-space: pre; word-wrap: normal;
  overflow: auto;
}
/* Нумерация строк поля «Паттерны» — просто ориентир «какой это номер паттерна»; по этим же
   номерам работает кнопка «🔒 Строго». Найденный («закрытый») паттерн — номер акцентом. */
#patGutter {
  position: absolute;
  top: 1px; left: 1px; bottom: 1px; width: 26px;
  overflow: hidden;
  font: 12px/1.25 'Roboto Mono', monospace;
  padding: 6px 4px 6px 0;
  box-sizing: border-box;
  z-index: 4;
  pointer-events: none;
  scrollbar-width: none;
  background: var(--panel);
  border-right: 1px solid var(--border);
  border-radius: 5px 0 0 5px;
  color: var(--muted);
}
#patGutter::-webkit-scrollbar { display: none; }
#patGutter .gutter-line { text-align: right; }
/* Широкая правая панель: «Паттерны» и «Данные» стоят рядом, а не переключаются вкладками.
   Поле паттернов при этом тянется на всю высоту — места хватает. */
#editArea.wide { flex-direction: row; }
#editArea.wide > .grp { flex: 1 1 0; min-width: 0; }

#patGutter .gutter-line.is-found { color: var(--accent); font-weight: 700; }
/* Последний закрытый — тот, что дал текущую втянутую строку */
#patGutter .gutter-line.is-last { color: var(--accent2); text-shadow: 0 0 6px var(--accent2); }
#pat-bg {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 100%;
  background: var(--panel);
  color: transparent;
  border: 1px solid transparent;
  z-index: 1;
  pointer-events: none;
  scrollbar-width: none;
}
#pat-bg::-webkit-scrollbar { display: none; }

/* Верхний слой только для «добора» — прозрачный, клики проходят в textarea,
   выделяется/копируется лишь серый хвост (.pad-tail) */
#src-pad {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  height: 100%;
  color: transparent;
  background: transparent;
  border: 1px solid transparent;
  z-index: 3;
  pointer-events: none;
  scrollbar-width: none;
}
#src-pad::-webkit-scrollbar { display: none; }
#src-pad .pad-tail {
  color: var(--muted);
  opacity: 0.55;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

/* Затемнение строк ниже перетаскиваемой границы — они не участвуют в модели */
#lineLimitCurtain {
  position: absolute;
  left: 1px; right: 1px; bottom: 1px;
  background: var(--bg);
  opacity: 0.62;
  pointer-events: none;
  z-index: 3;
  border-radius: 0 0 5px 5px;
  display: none;
}
/* Перетаскиваемая горизонтальная граница «строки ниже не участвуют» */
/* Тонкая линия-ограничитель; зона хвата остаётся 8px, ручка — по центру */
#lineLimitBar {
  position: absolute;
  left: 0; right: 0; height: 8px; margin-top: -4px;
  background: transparent;
  opacity: 0.7;
  cursor: row-resize;
  z-index: 5;
}
#lineLimitBar:hover, #lineLimitBar.dragging { opacity: 1; }
#lineLimitBar::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px;
  background: var(--accent); border-radius: 1px;
}
#lineLimitBar::after {
  content: "";
  position: absolute; left: 50%; top: 50%; width: 26px; height: 8px;
  margin-left: -13px; margin-top: -4px;
  background: var(--accent); border-radius: 4px;
  box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.65);
}
/* ВЕРХНЯЯ граница «строки выше не участвуют» — как нижняя, но отсекает сверху; свой акцент
   (--accent2, фиолетовый), чтобы не путать с нижней. Затемнение — от верха редактора до линии. */
#lineLimitTopCurtain {
  position: absolute;
  left: 1px; right: 1px; top: 1px;
  background: var(--bg);
  opacity: 0.62;
  pointer-events: none;
  z-index: 3;
  border-radius: 5px 5px 0 0;
  display: none;
}
#lineLimitTopBar {
  position: absolute;
  left: 0; right: 0; height: 8px; margin-top: -4px;
  background: transparent;
  opacity: 0.7;
  cursor: row-resize;
  z-index: 5;
}
#lineLimitTopBar:hover, #lineLimitTopBar.dragging { opacity: 1; }
#lineLimitTopBar::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px;
  background: var(--accent2); border-radius: 1px;
}
#lineLimitTopBar::after {
  content: "";
  position: absolute; left: 50%; top: 50%; width: 26px; height: 8px;
  margin-left: -13px; margin-top: -4px;
  background: var(--accent2); border-radius: 4px;
  box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.65);
}
/* Боковой рельс между верхней и нижней границей: перетаскивание двигает ОБЕ границы разом,
   расстояние между ними не меняется (окно захвата целиком едет вверх/вниз). Виден только
   когда хотя бы одна из границ реально активна — иначе двигать вместе ещё нечего. */
#lineLimitWindowBar {
  position: absolute;
  right: 2px; width: 7px;
  background: linear-gradient(var(--accent2), var(--accent));
  opacity: 0.5;
  border-radius: 3px;
  cursor: grab;
  z-index: 6;
  display: none;
}
#lineLimitWindowBar:hover { opacity: 0.8; }
#lineLimitWindowBar.dragging { opacity: 0.95; cursor: grabbing; }
/* Рельс отключён: после переезда нумерации этажей к правому краю он встал вплотную к цифрам и
   загромождал строки. Жест «двигать обе границы разом» вместе с ним недоступен — сами границы
   тянутся как раньше, каждая своей ручкой. Вернуть = убрать это правило. */
#lineLimitWindowBar { display: none !important; }

textarea {
  position: relative;
  flex: 1 1 auto;
  background: transparent;
  color: var(--fg);
  border: 1px solid var(--border);
  resize: none;
  z-index: 2;
  caret-color: var(--fg);
}

select,button{
  font:inherit; font-size:12px; height:32px; padding:0 10px;
  background:var(--panel); color:var(--fg);
  border:1px solid var(--border); border-radius:8px; cursor:pointer; flex: 0 0 auto;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
button:hover,select:hover{border-color:var(--accent)}
button:disabled{opacity:0.35; cursor:default; pointer-events:none;}
button:disabled:hover{border-color:var(--border);}
:focus-visible{outline:2px solid var(--accent); outline-offset:1px}

button.active-view {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
  border-color: var(--accent) !important;
  font-weight: 700;
}

/* «Визуальный сдвиг» (👁) — свой акцент (--accent2), чтобы отличаться от «Сдвига символов» */
#visRotBtns button { border-color: var(--accent2); color: var(--accent2); }
#visRotBtns button:hover { border-color: var(--accent2); }
#visRotBtns button.active-view {
  background: var(--accent2) !important;
  color: var(--on-accent2) !important;
  border-color: var(--accent2) !important;
}

/* «Что именно будет крутить «▶ Плей»» — отдельная пометка (--accent2), не путать с active-view
   (тот показывает ТЕКУЩЕЕ состояние вкл/выкл, а не то, что будет анимировать Плей) */
button.play-target {
  outline: 2px solid var(--accent2);
  outline-offset: 2px;
}

/* Группа кнопок выбора режима (вместо выпадающего списка) */
.btn-group{display:flex; flex-direction:column; gap:4px;}
.grp-btn{width:100%; text-align:left; padding:4px 9px;}
.grp-btn.active{background:var(--accent) !important; color:var(--on-accent) !important; border-color:var(--accent) !important; font-weight:700;}

/* Кнопки выбора выравнивания строк (воронка/ромбы) */
#alignGroup{ gap:4px; }
.align-btn{ flex:1; height:28px; font-size:11px; padding:0 4px; overflow:hidden; text-overflow:ellipsis; }
.align-btn.active{ background:var(--accent) !important; color:var(--on-accent) !important; border-color:var(--accent) !important; font-weight:700; }

/* Смысловые группы левой панели */
.grp{ display:flex; flex-direction:column; gap:6px; padding:7px 8px 8px; border-radius:10px; border:1px solid var(--border); border-left-width:3px; background:var(--panel); }
.grp-h{ font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin:0 0 1px; }
.grp-shape  { border-left-color:#5DCAA5; } .grp-shape  .grp-h{ color:#5DCAA5; }
.grp-display{ border-left-color:#5B9BD5; } .grp-display .grp-h{ color:#5B9BD5; }
.grp-tools  { border-left-color:#E67E22; } .grp-tools  .grp-h{ color:#E67E22; }
.grp-select { border-left-color:#A569BD; } .grp-select .grp-h{ color:#A569BD; }
.grp-editor { border-left-color:#5DCAA5; } .grp-editor .grp-h{ color:#5DCAA5; }
.grp-capture{ border-left-color:#E74C3C; } .grp-capture .grp-h{ color:#E74C3C; }
.grp-pat    { border-left-color:#F1C40F; } .grp-pat    .grp-h{ color:#F1C40F; }
/* Подвал левой панели (тема / язык / версия) — своя рамка, как у остальных групп */
.grp-meta   { border-left-color:#93A69F; }
.grp-export { border-left-color:#5B9BD5; }
.grp-meta .ver { font-size:13px; }

/* Галки в виде кнопок-переключателей */
label.ck{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
label.ck span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0;}
label.ck:has(input[type=checkbox]){
  border:1px solid var(--border); border-radius:8px;
  padding:4px 9px; background:var(--panel); transition:all .15s;
}
label.ck:has(input[type=checkbox]:hover), label.ck:has(input[type=checkbox]):hover{border-color:var(--accent)}
label.ck input[type=checkbox]{display:none}
label.ck:has(input[type=checkbox]:checked){
  background:var(--accent) !important; border-color:var(--accent) !important; color:var(--on-accent) !important; font-weight:700;
}
/* === Единая компактная метрика меню ===
   Раньше высоты контролов в панелях расползались (32/28/24/22/20px — часть заданa инлайном,
   часть в CSS), а отступы групп были щедрыми, из-за чего строки не влезали по ширине и
   переносились. Здесь одна высота у ВСЕХ кнопок/списков/галок-кнопок панелей и минимальные
   зазоры. !important — потому что многие высоты проставлены инлайном прямо в разметке.
   Ползунки (range) и текстовые поля (textarea) правило не трогает — у них своя логика. */
.panel { gap: 3px; }
.panel .grp { gap: 4px; padding: 5px 6px 6px; }
.panel .grp-h { margin: 0; }
.panel button,
.panel select,
.panel input[type=number] {
  height: 24px !important;
  min-height: 24px;
  font-size: 11px !important;
  padding: 0 7px !important;
}
.panel .grp-btn { text-align: left; padding: 0 8px !important; }
.panel label.ck { font-size: 11px; gap: 6px; }
.panel label.ck:has(input[type=checkbox]) {
  height: 24px; padding: 0 8px; border-radius: 7px;
}
/* Совсем узкие галки — когда три штуки должны влезть в одну строку панели по умолчанию */
.panel label.ck.ck-compact { font-size: 10px; gap: 4px; }
.panel label.ck.ck-compact:has(input[type=checkbox]) { padding: 0 5px; }
.stats{font-size:12px; color:var(--muted)}
.stats b{color:var(--fg); font-weight:700}
.warn{font-size:12px; color:#BA7517; line-height:1.5; display:none}
#chips{display:flex; flex-wrap:wrap; gap:5px}
#chips button{min-width:28px; height:26px; padding:0 6px; font-size:12px; border-radius:6px; border-width:1.5px; transition:all .2s; font-weight:700}
#sliderRow{display:none; flex-direction:column; gap:4px}
input[type=range]{width:100%; accent-color:var(--accent)}
.loop-row{display:flex; gap:5px; align-items:center;}
.loop-row .ck{flex:1; min-width:0; justify-content:center; text-align:center; padding:4px 3px; font-size:11px; white-space:nowrap;}
.loop-row .loop-main{flex:1.15;}
.loop-row .loop-sub{opacity:.8; border-style:dashed;}
.loop-row .loop-sub:has(input[type=checkbox]:checked){opacity:1;}
.zero-row{display:flex; gap:6px;}
.zero-col{flex:1; display:flex; flex-direction:column; gap:4px; min-width:0;}
.zero-col .ck{margin:0; width:100%; box-sizing:border-box; font-size:11px; white-space:nowrap; padding:4px 6px;}

#skewerRes {
  display: flex; flex-direction: row; flex-wrap: wrap; gap: 1px 12px;
  width: 100%;
  font: 10.5px 'Roboto Mono', monospace;
}
.laser-col { flex:1 1 0; display:flex; flex-direction:column; gap:0; min-width:104px; }
.laser-col-h { font-size:9px; color:var(--muted); font-weight:700; letter-spacing:.5px; text-transform:uppercase; border-bottom:1px solid var(--border); padding-bottom:1px; margin-bottom:1px; }

/* Линия результата лазера (перенос слов добавлен) */
.skew-line { display:flex; align-items:flex-start; gap:4px; font-weight:600; letter-spacing:.5px; line-height:1.1; word-break:break-all; cursor:pointer; padding:1px 3px; margin:-1px -3px; border-radius:4px; transition:background .15s; }
.skew-line:hover { background: var(--accent-soft); }
/* Подсветка строки-лазера при наведении на её сегмент в сборке (МАРКЕР 10) */
.skew-line-hover { background: var(--accent-soft) !important; box-shadow: inset 0 0 0 1.5px var(--accent) !important; }
.skew-dot { width: 7px; height: 7px; border-radius: 50%; display:inline-block; flex-shrink:0; margin-top:2px; }
/* Номер строки-лазера фиксированной ширины — итоговые строки выравниваются по левому краю */
.skew-num { display:inline-block; min-width:1.8em; color:var(--muted); font-weight:700; }

/* Панель переключателей видимости колонок лазера */
.laser-toggles { display:flex; flex-wrap:wrap; gap:4px; width:100%; margin:0; }
.laser-toggles button { flex:1 1 auto; min-width:0; height:22px !important; padding:0 6px !important; font-size:10px !important; border-radius:5px; border:1px solid var(--border); background:var(--panel); color:var(--muted); transition:all 0.15s; }
.laser-toggles button.active { background:var(--accent); color:var(--on-accent); border-color:var(--accent); }

canvas{display:block; width:100%; height:100%; cursor:grab; user-select:none; touch-action:none;}
canvas:active{cursor:grabbing;}

footer{margin-top:10px; font-size:12px; color:var(--muted);}
@media (prefers-reduced-motion: reduce){ body,#chips button{transition:none} }

/* === Тачпад-курсор: кнопка 🖱 видна на узком экране ИЛИ на любом тач-устройстве
   (телефон в «версии для ПК» отдаёт широкую раскладку, но это всё равно тач) === */
.pad-only { display: none; }
@media (max-width: 900px) { .pad-only { display: inline-flex; } }
body.has-touch .pad-only { display: inline-flex; }
/* Виртуальный курсор-стрелка поверх холста: белая заливка + тёмная обводка,
   чтобы была видна и на белом, и на тёмном фоне */
#padCursor {
  position: absolute; z-index: 30; width: 20px; height: 28px;
  left: 50%; top: 50%; margin: -1px 0 0 -1px;
  pointer-events: none; display: none;
}
#padCursor::before, #padCursor::after {
  content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 28px;
  clip-path: polygon(0 0, 0 72%, 26% 56%, 44% 96%, 60% 88%, 42% 50%, 74% 48%);
}
#padCursor::before { background: #111; transform: scale(1.24); transform-origin: 0 0; } /* обводка */
#padCursor::after  { background: #fff; transition: background .12s; }               /* заливка */
body.pad-mode #padCursor { display: block; }
body.pad-mode.pad-dragging #padCursor::after { background: var(--accent); }
/* В тач-режиме курсора «палец» на холсте не должен запускать нативный скролл/зум */
body.pad-mode #cv { touch-action: none; }
/* ВРЕМЕННАЯ диагностика тачпад-курсора — живые цифры прямо на холсте (видна только в pad-mode) */
#padDebug {
  position: absolute; left: 4px; top: 4px; z-index: 31;
  font: 11px/1.4 'Roboto Mono', monospace; color: #fff; background: rgba(0,0,0,0.65);
  padding: 3px 7px; border-radius: 4px; display: none; pointer-events: none; white-space: pre;
}
body.pad-mode #padDebug { display: block; }
</style>
</head>
<!-- === МАРКЕР 02: HTML-РАЗМЕТКА (ШАПКА, ПАНЕЛИ, ХОЛСТ, РЕДАКТОР) === -->
<body>
<div class="wrap">
<header>
  <h1><span data-i18n="title"><span class="t1">Ку</span><span class="t2">биты</span></span><span class="ver">v0.303</span></h1>

</header>

<div class="layout">
  <!-- ЛЕВАЯ ПАНЕЛЬ: Настройки и инструменты -->
  <div class="panel settings-panel" id="leftPanel">
    <!-- Скрытый select — источник значения для JS; управляется кнопками ниже -->
    <select id="mode" aria-label="Режим" style="display:none">
      <option value="ring" selected>Круглая воронка</option>
      <option value="funnel">Плоская воронка</option>
      <option value="blocks">Этажи из блоков</option>
      <option value="rhomb">Ромбы</option>
      <option value="squares">Квадраты</option>
      <option value="snake">Змейка</option>
      <option value="pyra3">Пирамида 3</option>
      <option value="pyra4">Пирамида 4</option>
    </select>
    <!-- ГРУППА: Форма и вид -->
    <div class="grp grp-shape">
      <div style="display:flex; align-items:center; justify-content:space-between; gap:8px;">
        <div class="grp-h" data-i18n="grpShape" style="margin:0;">Форма и вид</div>
        <button id="toggleLeft" class="panel-hide-btn" title="Скрыть настройки (вернуть — кнопкой ⚙ у края экрана)">⬅ ⚙</button>
      </div>
      <div id="modeGroup" class="btn-group">
        <button type="button" class="grp-btn active" data-mode="ring" data-i18n="modeRing">Круглая воронка</button>
        <button type="button" class="grp-btn" data-mode="funnel" data-i18n="modeFunnel">Плоская воронка</button>
        <button type="button" class="grp-btn" data-mode="blocks" data-i18n="modeBlocks">Этажи из блоков</button>
        <button type="button" class="grp-btn" data-mode="rhomb" data-i18n="modeRhomb">Ромбы</button>
        <button type="button" class="grp-btn" data-mode="squares" data-i18n="modeSquares">Квадраты</button>
        <button type="button" class="grp-btn" data-mode="snake" data-i18n="modeSnake">Змейка</button>
        <!-- Пирамиды пока скрыты по просьбе пользователя (v0.258) — режимы рабочие, вернуть = убрать display:none -->
        <button type="button" class="grp-btn" data-mode="pyra3" data-i18n="modePyra3" style="display:none;">Пирамида 3</button>
        <button type="button" class="grp-btn" data-mode="pyra4" data-i18n="modePyra4" style="display:none;">Пирамида 4</button>
      </div>
      <div style="display:flex; gap:6px;">
        <button id="btnViewIso" class="active-view" style="flex:1;" data-i18n="viewIso">Изометрия</button>
        <button id="btnViewTop" style="flex:1;" data-i18n="viewTop">Сверху</button>
      </div>
      <!-- Выравнивание строк. «Как есть»/«Полусдвиг» — воронка/ромбы (сдвиг на полклетки),
           «Слева»/«По центру»/«Справа» — обычное выравнивание как в таблице. -->
      <div id="alignGroup" style="display:none; flex-direction:column; gap:4px;">
        <div style="display:flex; gap:4px;">
          <button type="button" class="align-btn active" data-align="asis" data-i18n="alignAsis">Как есть</button>
          <button type="button" class="align-btn" data-align="diag" data-i18n="alignDiag">Полусдвиг</button>
        </div>
        <div style="display:flex; gap:4px;">
          <button type="button" class="align-btn" data-align="left" data-i18n="alignLeft" data-i18n-title="alignLeftTitle" title="Строки прижаты влево, без сдвига на полклетки">⭰ Слева</button>
          <button type="button" class="align-btn" data-align="center" data-i18n="alignCenter" data-i18n-title="alignCenterTitle" title="Строки по центру, без сдвига на полклетки">⭤ Центр</button>
          <button type="button" class="align-btn" data-align="right" data-i18n="alignRight" data-i18n-title="alignRightTitle" title="Строки прижаты вправо, без сдвига на полклетки">⭲ Справа</button>
        </div>
      </div>
      <!-- Переключатели пирамид (видны только в режимах «Пирамида 3/4»): заливка этажа и ориентация острия -->
      <div id="pyraGroup" style="display:none; flex-direction:column; gap:4px;">
        <div style="display:flex; gap:4px;">
          <button type="button" class="align-btn active" data-pyrafill="ring" data-i18n="pyraFillRing" data-i18n-title="pyraFillRingTitle" title="Этаж — полое кольцо по периметру фигуры, биты идут вдоль сторон (углы — всегда Добор-0, как в «Квадратах»)">Кольцо</button>
          <button type="button" class="align-btn" data-pyrafill="solid" data-i18n="pyraFillSolid" data-i18n-title="pyraFillSolidTitle" title="Этаж — сплошная заливка всей площади фигуры, биты идут по рядам слева направо">Сплошная</button>
        </div>
        <div style="display:flex; gap:4px;">
          <button type="button" class="align-btn active" data-pyraapex="down" data-i18n="pyraApexDown" data-i18n-title="pyraApexDownTitle" title="Первая строка — 1 кубик внизу, этажи расширяются вверх (как «Круглая воронка»)">Остриё внизу</button>
          <button type="button" class="align-btn" data-pyraapex="up" data-i18n="pyraApexUp" data-i18n-title="pyraApexUpTitle" title="Первая строка — самое большое основание внизу, последняя — вершина: классическая пирамида остриём вверх">Остриё вверху</button>
        </div>
      </div>
    </div>

    <!-- ГРУППА: Отображение -->
    <div class="grp grp-display">
      <div class="grp-h" data-i18n="grpDisplay">Отображение</div>
      <div style="display:flex; gap:6px; align-items:center;">
        <span style="font-size:10px; color:var(--muted); flex:0 0 auto;" data-i18n="lblPalette">Окраска</span>
        <select id="palSel" style="flex:1 1 auto; min-width:0; height:26px; font-size:11px; padding:0 4px;" data-i18n-title="palTitle" title="Цветовая гамма кубов. Каждый этаж берёт свой цвет из выбранного набора (при выключенной «Цветности» все этажи красятся первым цветом набора).">
          <option value="std" data-i18n="palStd">Стандарт</option>
          <option value="rainbow" data-i18n="palRainbow">Радуга</option>
          <option value="ocean" data-i18n="palOcean">Океан</option>
          <option value="sunset" data-i18n="palSunset">Закат</option>
          <option value="berry" data-i18n="palBerry">Ягода</option>
          <option value="mono" data-i18n="palMono">Графит</option>
        </select>
      </div>
      <div style="display:flex; gap:6px; align-items:center;">
        <label class="ck" style="flex:1 1 0; min-width:0;"><input type="checkbox" id="tint" checked> <span data-i18n="lblTint">Цветность</span></label>
        <label class="ck" style="flex:1 1 0; min-width:0;"><input type="checkbox" id="guides"> <span data-i18n="lblGuides">Кольца</span></label>
      </div>
      <div class="loop-row">
        <label class="ck loop-main"><input type="checkbox" id="loopBits" checked> <span data-i18n="lblLoop">Добор</span></label>
        <label class="ck loop-sub" data-i18n-title="lblLoopInvertTitle" title="Добор повторяет не сами биты строки, а их инверсию (например «11» → «110000» вместо «111111»)."><input type="checkbox" id="loopBitsInvert"> <span data-i18n="lblLoopInvert">↳ Инверс.</span></label>
        <label class="ck loop-sub" data-i18n-title="lblLoopDynamicTitle" title="Добор пересчитывается заново от текущих бит строки при каждой правке (включена по умолчанию, как раньше). Если выключить — добор застывает при формировании и не меняется от последующих правок начала строки."><input type="checkbox" id="loopDynamic" checked> <span data-i18n="lblLoopDynamic">↳ Динам.</span></label>
        <label class="ck loop-sub"><input type="checkbox" id="dimPadded" checked> <span data-i18n="lblDim">↳ Прозрачн.</span></label>
      </div>
      <div class="zero-row">
        <div class="zero-col">
          <label class="ck"><input type="checkbox" id="ghosts" checked> <span data-i18n="lblGhosts">0 в строках</span></label>
          <input type="range" id="zeroMain" min="0" max="2" step="0.05" value="1.7">
        </div>
        <div class="zero-col">
          <label class="ck"><input type="checkbox" id="ghostsAll" checked> <span data-i18n="lblGhostsAll">0 в доборе</span></label>
          <input type="range" id="zeroPad" min="0" max="2" step="0.05" value="0.25">
        </div>
      </div>
      <div style="display:flex; gap:6px; align-items:center;">
        <label class="ck" style="flex:1 1 0; min-width:0;" data-i18n-title="lblTextTitle" title="Печатать на кубах сами биты — 1 и 0"><input type="checkbox" id="showText" checked> <span data-i18n="lblText">1 0 Биты</span></label>
        <label class="ck" style="flex:1 1 0; min-width:0;" data-i18n-title="lblBalanceTitle" title="Счётчики в нижних углах холста: сколько всего единиц и нулей"><input type="checkbox" id="balanceHl" checked> <span data-i18n="lblBalance">⚖ Баланс</span></label>
      </div>
    </div>

    <!-- ГРУППА: Инструменты -->
    <div class="grp grp-tools">
      <div class="grp-h" data-i18n="grpTools">Инструменты</div>
      <div style="display:flex; gap:5px; align-items:center; flex-wrap:nowrap;">
        <label class="ck" style="flex:1 1 0; min-width:0; color:var(--accent)"><input type="checkbox" id="minusMode"> <span data-i18n="lblMinus">Вычитать</span></label>
        <button id="btnInvert" data-i18n="btnInvert" data-i18n-title="btnInvertTitle" style="flex:1 1 0; min-width:0;" title="Если есть выделение — инвертирует биты в рамке. Иначе, если активен лазер — только его клетки. Иначе — инвертирует вообще все биты.">🔄 Инверсия</button>
      </div>
      <label class="ck" style="color:#E74C3C; font-weight:700;"><input type="checkbox" id="skewerMode" checked> <span data-i18n="lblLaser">🎯 Лазер</span></label>
      <!-- Переключатели осей лазера: раньше висели плашкой внизу холста, теперь живут здесь,
           прямо под кнопкой «Лазер» — содержимое по-прежнему строится в draw(). -->
      <div id="laserTogglesBar" style="display:none;"></div>
    </div>

    <!-- ГРУППА: Этажи (перенесена вниз левой панели; чипы-квадраты убраны — их роль играют цветные номера строк) -->
    <div class="grp grp-select" style="flex:0 0 auto;">
      <div class="grp-h" data-i18n="grpFloors">Этажи</div>
      <div class="stats"><span data-i18n="statFloors">Всего:</span> <b id="stFloors">10</b> · (1): <b id="stCubes">137</b></div>
      <div id="chips" style="display:none;"></div>
      <div id="sliderRow" style="display:none; flex-direction:row; align-items:center; gap:6px;">
        <label class="ck" for="floorRange" style="flex:0 0 auto; margin:0; white-space:nowrap;"><span data-i18n="lblFloor">Этаж:</span> <b id="frLabel" style="color:var(--fg)">все</b></label>
        <input type="range" id="floorRange" min="0" max="10" value="0" step="1" style="flex:1 1 auto; min-width:40px;">
      </div>
      <div class="warn" id="warn" style="display: none;" data-i18n="warnMax">Достигнут потолок кубиков — верхние этажи обрезаны.</div>

      <div style="display:flex; gap:4px;">
        <button id="btnFloorModeSingle" class="align-btn active" style="flex:1;" data-i18n="floorModeSingle">По одной</button>
        <button id="btnFloorModeAccum" class="align-btn" style="flex:1;" data-i18n="floorModeAccum">С накоплением</button>
      </div>
      <div style="display:flex; gap:6px; align-items:center;">
        <button id="btnFloorAnim" style="flex:1;">▶ Плей</button>
        <button id="btnFloorAnimReset" style="color:var(--muted);" title="Остановить и сбросить">⏹ Сброс</button>
        <input type="range" id="floorAnimSpeed" min="0.05" max="3" step="0.05" value="0.6" style="width:60px; accent-color: var(--accent);" title="Скорость автоплея этажей">
      </div>
    </div>
    <!-- Подвал левой панели одним блоком: тема, язык и подпись-версия (она же вход в дзен-режим).
         Раньше тема с языком висели в тулбаре над холстом, а версия — под редактором «Данных». -->
    <div class="grp grp-meta" style="flex:0 0 auto; flex-direction:row; gap:5px; align-items:center;">
      <button id="btnTheme" class="toggle-btn" style="flex:0 0 auto;" title="Светлый/тёмный фон">🌙</button>
      <button id="btnLang" class="toggle-btn" style="flex:0 0 auto; font-weight:bold; color:var(--accent);">ENG</button>
      <button id="btnPad" class="toggle-btn pad-only" style="flex:0 0 auto;" title="Тачпад-курсор (как в AnyDesk): палец двигает курсор, тап = клик, двойной тап с удержанием = перетаскивание, два пальца сближением/разведением = зум, короткий тап ДВУМЯ пальцами (без движения) = правый клик.">🖱</button>
      <div id="stageTitle" title="Дзен-режим — скрыть всё, кроме кубов (выход — клик колёсиком мыши)" style="flex:1 1 auto; min-width:0; text-align:right; font-size:12px; font-weight:700; color:var(--muted); cursor:pointer; user-select:none;">Кубиты <span class="ver">v0.303</span></div>
    </div>

  </div>

  <div class="divider" id="divLeft"></div>

  <!-- ЦЕНТР: Холст + результаты лазера снизу -->
  <div class="center-col">
    <div class="stage">
      <canvas id="cv"></canvas>
      <div id="padCursor" aria-hidden="true"></div>
      <div id="padDebug" aria-hidden="true"></div>


      <!-- Тулбар ЗЕРКАЛ — отдельным компактным блоком у ПРАВОГО края холста: кнопки переносятся
           на 2–3 ряда внутри узкой колонки. Остальные тулбары режима остались слева наверху. -->
      <div id="flipToolbarWrap" style="position:absolute; top:12px; right:12px; width:272px; max-width:calc(100% - 24px); z-index:7; display:flex; flex-direction:column; gap:6px; align-items:stretch; pointer-events:none;">
      <div class="flip-toolbar" style="display:flex; gap:6px; align-items:center; flex-wrap:wrap; justify-content:flex-end; flex:1 1 auto; min-width:0; pointer-events:auto;">
        <button id="btnFlip" class="canvas-btn" data-i18n="btnFlip" data-i18n-title="btnFlipTitle" title="Зеркало: отразить лево/право">↔</button>
        <button id="btnFlipV" class="canvas-btn" data-i18n="btnFlipV" data-i18n-title="btnFlipVTitle" title="Зеркало: отразить верх/низ">↕</button>

        <button id="btnFlipHl" class="canvas-btn" data-i18n="btnFlipHl" data-i18n-title="btnFlipHlTitle" title="Подсветить кубики, которые останутся такими же и на том же месте после отражения">🔦 Совпадения</button>
        <input type="color" id="flipHlColor" value="#00E5FF" data-i18n-title="flipHlColorTitle" title="Цвет заливки совпадений" style="width:28px; height:28px; padding:0; border-radius:8px; border:1px solid var(--border); background:var(--panel); cursor:pointer;">
        <button id="btnFlipXor" class="canvas-btn" title="XOR-наложение с зеркалом: 1⊕1=0, 1⊕0=1. Каждый клик накладывает зеркало на текущий результат ещё раз">⊕ XOR</button>
        <button id="btnFlipXorReset" class="canvas-btn" style="color:var(--muted);" title="Сбросить XOR-наложение">⊕⏹</button>
        <button id="btnMatchZero" class="canvas-btn" title="Считать совпадением и пустые (0) клетки, а не только кубики (1)">+0</button>
        
        <div style="display:flex; border-radius:8px; border:1px solid var(--border); overflow:hidden; background:var(--panel); box-shadow: 0 2px 10px rgba(0,0,0,0.22);">
          <button id="btnFlipShowAll" class="canvas-btn active-view" style="border:none; border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Показать всё">👁 Все</button>
          <button id="btnFlipShowMatch" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Только неменяющиеся (чисто совпадения)">=</button>
          <button id="btnFlipShowDiff" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Только меняющиеся (чисто различия)">≠</button>
        </div>

        <div style="display:flex; border-radius:8px; border:1px solid var(--border); overflow:hidden; background:var(--panel); box-shadow: 0 2px 10px rgba(0,0,0,0.22);">
            <button id="btnFlipAnim" class="canvas-btn" style="border:none; border-radius:0; box-shadow:none; padding:0 7px; height:26px;">▶ Плей</button>
            <button id="btnFlipReset" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px; color:var(--muted);" title="Остановить и вернуть">⏹ Сброс</button>
        </div>
        
        <input type="range" id="flipAnimSpeed" min="0.1" max="4" step="0.05" value="1" data-i18n-title="flipAnimTitle" title="Скорость авто-зеркала" style="width:70px; accent-color: var(--accent);">
      </div>
      </div><!-- /flipToolbarWrap -->

      <!-- Остальные тулбары режима — слева наверху, как и были: повороты, сдвиг, змейка, квадраты -->
      <div id="stageToolbars" style="position:absolute; top:12px; left:12px; right:296px; z-index:6; display:flex; flex-direction:column; gap:6px; align-items:flex-start; pointer-events:none;">
      <!-- Тема и язык переехали вниз левой панели, к номеру версии; здесь остался только
           тачпад-курсор — он нужен именно над холстом. -->
      <!-- ВТОРОЙ ряд: повороты, сдвиг, змейка, квадраты — теперь КОЛОНКОЙ, каждый тулбар своей
           рамкой-блоком под предыдущим (поворот сверху), а не встык в одну длинную строку. -->
      <div style="display:flex; flex-direction:column; gap:6px; align-items:flex-start; width:100%; pointer-events:none;">
      <!-- Режим «Квадраты» — самым верхним блоком колонки: в обычном режиме там всего одна
           кнопка «✋ Правка», ей незачем стоять под всеми остальными. -->
      <div id="squareTestToolbar" style="display:none; gap:6px; align-items:center; flex-wrap:wrap; pointer-events:auto;">
        <button id="btnSquareTestNext" class="canvas-btn"><span data-i18n="btnSquaresNext">▶ Этаж</span> <span id="squareTestNextLabel">1</span></button>
        <button id="btnSquareTestBuildAll" class="canvas-btn" data-i18n="btnSquaresBuildAll">⏩ Построить всё</button>
        <button id="btnSquareTestReset" class="canvas-btn" style="color:var(--muted);" data-i18n="btnSquaresReset" data-i18n-title="btnSquaresResetTitle" title="Сбросить и начать заново">⏹ Сброс</button>
        <button id="btnSquareEdit" class="canvas-btn" data-i18n="btnSquaresEdit" data-i18n-title="btnSquaresEditTitle" title="Отдельный инструмент: перетаскивание отдельных кубов мышью (иначе ЛКМ двигает камеру)">✋ Правка</button>
      </div>
      <!-- Управление поворотом (Сверху / Ромбы) -->
      <!-- Тулбар поворота изометрии: 90°-шаги «покубово» -->
      <div id="isoRotToolbar" style="display:none; gap:6px; align-items:center; flex-wrap:wrap; pointer-events:auto;">
        <button id="btnIsoRotCCW" class="canvas-btn" title="Повернуть модель на 90° против часовой (покубово)">⟲ 90°</button>
        <button id="btnIsoRotCW" class="canvas-btn" title="Повернуть модель на 90° по часовой (покубово)">⟳ 90°</button>
      </div>
      <div id="rotateToolbar" style="display:none; gap:6px; align-items:center; flex-wrap:wrap; pointer-events:auto;">
        <div style="display:flex; border-radius:8px; border:1px solid var(--border); overflow:hidden; background:var(--panel); box-shadow: 0 2px 10px rgba(0,0,0,0.22);">
          <button id="btnRotStep1" class="canvas-btn active-view" style="border:none; border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Плавный шаг">1°</button>
          <button id="btnRotStep30" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;">30°</button>
          <button id="btnRotStep45" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;">45°</button>
          <button id="btnRotStep90" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;">90°</button>
          <button id="btnRotStep120" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;">120°</button>
          <button id="btnRotStep180" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;">180°</button>
          <button id="btnRotStepL" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Шаг по длине большей строки">L</button>
        </div>
        <button id="btnRotDirCCW" class="canvas-btn" title="Шаг / Направление против часовой">↺</button>
        <button id="btnRotDirCW" class="canvas-btn" title="Шаг / Направление по часовой">↻</button>
        
        <button id="btnRotHl" class="canvas-btn" title="Подсветить кубики, позиция и значение которых совпадает с оригиналом">🔦 Совпадения</button>
        <input type="color" id="rotHlColor" value="#FF00FF" title="Цвет заливки совпадений" style="width:28px; height:28px; padding:0; border-radius:8px; border:1px solid var(--border); background:var(--panel); cursor:pointer;">
        <button id="btnRotXor" class="canvas-btn" title="XOR-наложение с поворотом на выбранный шаг: 1⊕1=0, 1⊕0=1. Каждый клик накладывает поворот на текущий результат ещё раз">⊕ XOR</button>
        <button id="btnRotXorReset" class="canvas-btn" style="color:var(--muted);" title="Сбросить XOR-наложение">⊕⏹</button>
        <button id="btnMatchZero2" class="canvas-btn" title="Считать совпадением и пустые (0) клетки, а не только кубики (1)">+0</button>
        
        <div style="display:flex; border-radius:8px; border:1px solid var(--border); overflow:hidden; background:var(--panel); box-shadow: 0 2px 10px rgba(0,0,0,0.22);">
          <button id="btnRotShowAll" class="canvas-btn active-view" style="border:none; border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Показать всё">👁 Все</button>
          <button id="btnRotShowMatch" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Только неменяющиеся (чисто совпадения)">=</button>
          <button id="btnRotShowDiff" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px;" title="Только меняющиеся (чисто различия)">≠</button>
        </div>

        <div style="display:flex; border-radius:8px; border:1px solid var(--border); overflow:hidden; background:var(--panel); box-shadow: 0 2px 10px rgba(0,0,0,0.22);">
            <button id="btnRotAnim" class="canvas-btn" style="border:none; border-radius:0; box-shadow:none; padding:0 7px; height:26px;">▶ Плей</button>
            <button id="btnRotReset" class="canvas-btn" style="border:none; border-left:1px solid var(--border); border-radius:0; box-shadow:none; padding:0 7px; height:26px; color:var(--muted);" title="Остановить и сбросить угол">⏹ Сброс</button>
        </div>
        
        <input type="range" id="rotAnimSpeed" min="0.1" max="4" step="0.05" value="1" title="Скорость вращения" style="width:70px; accent-color: var(--accent);">
      </div>

      <!-- Сдвиг символов (меняет текст строк) + Визуальный сдвиг (НЕ меняет текст, только то,
           какая клетка кольца какой бит показывает) — один общий ряд: общий ползунок скорости,
           общие «▶ Плей»/«⏹ Сброс», крутят то направление/вид сдвига, что нажали последним.
           Кнопки визуального сдвига (👁) видны только там, где есть добор по кругу (Круглая
           воронка/Квадраты с включённым Добором) — иначе крутить нечего. -->
      <div id="rotWrap" style="display:none; gap:6px; align-items:center; flex-wrap:wrap; pointer-events:auto;">
        <button id="btnRotCCW" title="Сдвиг символов ⏪">⏪ ↺</button>
        <button id="btnRotCW" title="↻ ⏩">↻ ⏩</button>
        <span id="visRotBtns" style="display:none; gap:6px; align-items:center;">
          <button id="btnVisRotCCW" data-i18n-title="visRotTitle" title="Визуальный сдвиг по кругу (текст строк НЕ меняется) ⏪">⏪ 👁</button>
          <button id="btnVisRotCW" data-i18n-title="visRotTitle" title="👁 ⏩">👁 ⏩</button>
        </span>
        <input type="range" id="shiftAnimSpeed" min="0.01" max="1.5" step="0.01" value="0.15" style="width:90px; accent-color: var(--accent);" title="Скорость автосдвига/автовращения">
        <button id="btnShiftAnim" title="Автосдвиг/автовращение по кругу в последнем выбранном направлении">▶ Плей</button>
        <button id="btnShiftAnimReset" style="color:var(--muted);" title="Остановить и сбросить (вернуть исходные строки и визуальный сдвиг)">⏹ Сброс</button>
      </div>

      <!-- Тулбар для режима «Змейка» -->
      <div id="snakeToolbar" style="display:none; gap:6px; align-items:center; flex-wrap:wrap; pointer-events:auto;">
        <button id="btnSnakeBack" class="canvas-btn" title="Шаг назад — убрать последнюю построенную строку">◀ Назад</button>
        <button id="btnSnakeNext" class="canvas-btn"><span data-i18n="btnSnakeNext">▶ Шаг Змейки</span> <span id="snakeNextLabel">1</span></button>
        <button id="btnSnakeBuildAll" class="canvas-btn" data-i18n="btnSnakeBuildAll">⏩ Построить всё</button>
        <button id="btnSnakeReset" class="canvas-btn" style="color:var(--muted);" data-i18n="btnSnakeReset" title="Сбросить и начать заново">⏹ Сброс</button>
        <button id="btnSnakeAnim" class="canvas-btn" title="Автошаг: строит все строки и обратно убавляет, по кругу">▶ Плей</button>
        <input type="range" id="snakeAnimSpeed" min="0.05" max="3" step="0.05" value="0.5" style="width:70px; accent-color: var(--accent);" title="Скорость автошага змейки">
      </div>
      </div><!-- /второй ряд -->
      </div><!-- /stageToolbars -->
    </div>
    <div class="laser-grip" id="divLaser" title="Тянуть вверх" style="display:none"></div>
    <div id="skewerWrap" class="laser-panel" style="display:none">
      <div id="skewerRes"></div>
    </div>
  </div>

  <div class="divider" id="divRight"></div>

  <!-- ПРАВАЯ ПАНЕЛЬ: Текстовое поле и инфо об этажах -->
  <div class="panel editor-panel" id="rightPanel">
   <!-- ГРУППА: Захват границы — отдельно от «Этажи», своя рамка -->
   <div class="grp grp-capture" style="flex:0 0 auto;">
      <!-- Кнопка «свернуть редактор» — слева в строке заголовка, сам заголовок ушёл вправо -->
      <div style="display:flex; align-items:center; gap:6px;">
        <button id="toggleRight" class="panel-hide-btn" style="flex:0 0 auto;" title="Скрыть редактор (вернуть — кнопкой ✎ у края экрана)">✎ ➡</button>
        <span id="captureProgress" style="flex:1 1 auto; min-width:0; font-size:10px; color:var(--muted);"></span>
        <div class="grp-h" data-i18n="grpCapture" style="flex:0 0 auto; margin:0;">Захват границы</div>
      </div>
      <div style="display:flex; gap:6px; align-items:center; flex-wrap:wrap;">
        <label class="ck" style="flex:0 1 auto; margin:0; min-width:0; color:var(--accent);" data-i18n-title="autoCaptureTitle"><input type="checkbox" id="autoCaptureBelow"> <span data-i18n="lblAutoCapture">Автозахват</span></label>
        <button id="btnCaptureStep" style="flex:0 0 auto; height:22px; padding:0 8px; font-size:10px; color:var(--muted);" data-i18n="btnCaptureStep" data-i18n-title="btnCaptureStepTitle">▶ Шаг</button>
        <button id="btnCaptureRows" class="align-btn active" style="flex:1 1 0;" data-i18n="btnCaptureRows" data-i18n-title="btnCaptureRowsTitle">▼ По строкам</button>
        <button id="btnCaptureLasers" class="align-btn" style="flex:1 1 0;" data-i18n="btnCaptureLasers" data-i18n-title="btnCaptureLasersTitle">▼ По лазерам</button>
        <div id="ilVariantsRow" style="flex:1 1 100%; display:flex; gap:6px; align-items:center; flex-wrap:wrap; font-size:10px;" title="Только для «По строкам»: какой вариант стога интерливинга участвует в поиске. А — сначала чередуются сами биты, потом отдельно добор; Б — сначала каждая строка целиком (биты+добор), потом чередуются целиком. Добор →/← — приклеивать добор к битам строки СПРАВА (после бит) или СЛЕВА (перед битами) при сборке. «?» — не выбирать сторону заранее: перед КАЖДОЙ попыткой захвата всплывает вопрос, куда лепить добор в этот раз.">
          <span style="flex:0 0 auto; color:var(--muted);" data-i18n="lblIlVariants">Стог:</span>
          <button type="button" id="btnIlVarA" class="align-btn" style="flex:1 1 0; padding:0 !important;" data-i18n-title="ilVarATitle" title="А — в каждой паре сначала чередуются сами биты, потом отдельно хвосты добора">А</button>
          <button type="button" id="btnIlVarB" class="align-btn active" style="flex:1 1 0; padding:0 !important;" data-i18n-title="ilVarBTitle" title="Б — в каждой паре сначала каждая строка целиком (биты+добор), потом чередуются эти две целые строки">Б</button>
          <button type="button" id="btnIlSideRight" class="align-btn active" style="flex:1 1 0; padding:0 !important;" data-i18n-title="lblIlRightTitle" title="Добор справа — приклеивать хвост добора ПОСЛЕ бит строки">→</button>
          <button type="button" id="btnIlSideLeft" class="align-btn" style="flex:1 1 0; padding:0 !important;" data-i18n-title="lblIlLeftTitle" title="Добор слева — приклеивать хвост добора ПЕРЕД битами строки">←</button>
          <button type="button" id="btnIlSideAsk" class="align-btn" style="flex:1 1 0; padding:0 !important;" data-i18n-title="btnIlSideAskTitle" title="Спросить, куда лепить добор (кнопки ниже). Выбор запоминается — «Шаг»/«Автозахват» дальше используют его молча, пока не переключишь на другую сторону.">?</button>
          <!-- Выравнивание при чередовании строк РАЗНОЙ длины: короткая вставляется в длинную
               не обязательно с начала. По умолчанию — по центру. -->
          <div style="flex:1 1 100%; display:flex; gap:4px; align-items:center;">
            <span style="flex:0 0 auto; color:var(--muted);" data-i18n="lblIlAlign">Совмещение:</span>
            <button type="button" id="btnIlAlignL" class="align-btn" style="flex:1 1 0; padding:0 !important;" data-i18n-title="ilAlignLeftTitle" title="Короткая строка вставляется с НАЧАЛА длинной (прежнее поведение). Пример: 00000 и 11 → 0101000">⭰</button>
            <button type="button" id="btnIlAlignC" class="align-btn active" style="flex:1 1 0; padding:0 !important;" data-i18n-title="ilAlignCenterTitle" title="Короткая строка вставляется по СЕРЕДИНЕ длинной (по умолчанию). Пример: 00000 и 11 → 0010100">⭤</button>
            <button type="button" id="btnIlAlignR" class="align-btn" style="flex:1 1 0; padding:0 !important;" data-i18n-title="ilAlignRightTitle" title="Короткая строка вставляется в КОНЕЦ длинной. Пример: 00000 и 11 → 0001010">⭲</button>
          </div>
        </div>
        <div id="ilAskPrompt" style="display:flex; flex:1 1 100%; gap:5px; align-items:center; flex-wrap:nowrap; background:var(--accent-soft); padding:2px 5px; border-radius:5px;" data-i18n-title="lblIlAskPromptTitle" title="Куда лепить добор в самой новой (ещё не решённой) паре стога: справа от бит или слева. Кнопки активны, только когда включена «?» и решать действительно есть что.">
          <span style="flex:0 0 auto; color:var(--accent); font-weight:700; font-size:10px;" data-i18n="lblIlAskPrompt">Добор:</span>
          <button type="button" id="btnIlAskRight" class="align-btn" style="flex:1 1 0;" data-i18n="lblIlRight">Добор →</button>
          <button type="button" id="btnIlAskLeft" class="align-btn" style="flex:1 1 0;" data-i18n="lblIlLeft">Добор ←</button>
        </div>
        <!-- Три галки одной строкой даже при ширине панели по умолчанию: свой nowrap-контейнер
             (общий ряд группы переносит элементы) + компактный вид .ck-compact -->
        <div style="flex:1 1 100%; display:flex; gap:5px; align-items:center; flex-wrap:nowrap;">
          <label class="ck ck-compact" style="flex:1 1 0; margin:0; min-width:0;" data-i18n-title="ilThroughSearchTitle" title="Выключено (по умолчанию) — искать строку под границей в КАЖДОМ куске-паре ОТДЕЛЬНО, совпадение не может захватывать сразу две пары. Включено — искать по всей склеенной сквозной строке разом (совпадение может тянуться через границу пар, как раньше)."><input type="checkbox" id="ilThroughSearch"> <span data-i18n="lblIlThroughSearch">🔗 Сквозной</span></label>
          <label class="ck ck-compact" style="flex:1 1 0; margin:0; min-width:0;" title="Поиск «По лазерам» без отрисовки холста на каждом шаге (только в конце) — заметно быстрее на длинных поисках. Проверка полная (все 4 уровня, включая «Сборку лазеров») в любом случае — чекбокс влияет только на перерисовку."><input type="checkbox" id="fastCaptureSearch"> <span>⚡ Быстро</span></label>
          <label class="ck ck-compact" style="flex:1 1 0; margin:0; min-width:0;" title="Пока играет любая из анимаций «▶ Плей» (Флип/Поворот/Сдвиг/Этажи/Змейка) И включён «Автозахват» — не рисовать холст на каждом такте (сама анимация не будет видна вживую), только проверять автозахват; рисуем, только когда что-то реально захвачено. Проверка при этом всегда полная — ничего не пропускается. При включении все ползунки скоростей Плеев автоматически ставятся на максимум (при выключении возвращаются как были)."><input type="checkbox" id="suppressDrawDuringPlay"> <span>🚫 Без кадров</span></label>
        </div>
      </div>
   </div>
   <!-- ПАТТЕРНЫ живут ОТДЕЛЬНО от «Данных»: пока в поле есть хоть один непустой паттерн,
        поиск/захват ищет ИХ (строка под границей в «Данных» в поиске не участвует вовсе).
        Поле пустое — всё как раньше, ищется строка под границей. Совпадения подсвечиваются
        прямо в поле (слой #pat-bg). -->
   <!-- Вкладки «Паттерны» / «Данные» + общая кнопка сброса + «Запомнить» — одним рядом. Пока панель узкая, вкладки
        переключают поля (одно закрывает другое); станет шире порога — обе группы показываются
        рядом, а сами кнопки-вкладки прячутся за ненадобностью (см. applyEditLayout). -->
   <div id="editTabs" style="display:flex; align-items:center; gap:6px; flex:0 0 auto;">
     <button type="button" id="tabPat" class="align-btn" style="flex:1 1 0; height:24px; padding:0 8px; font-size:11px;" data-i18n="grpPatterns">Паттерны</button>
     <button type="button" id="tabData" class="align-btn active" style="flex:1 1 0; height:24px; padding:0 8px; font-size:11px;" data-i18n="grpEditor">Данные (Строки)</button>
     <button id="btnResetAll" style="flex:0 0 auto; width:28px; height:24px; padding:0; font-size:12px; color:var(--muted);" data-i18n-title="btnResetAllTitle" title="Общий сброс: 1) «Данные» — к запомненным (кнопка 💾; если кеша нет — к исходному шаблону), повторный клик сразу после возвращает ваш текст; 2) граница — между 1-й и 2-й строкой, верхняя снята, редактор прокручен наверх; 3) «Паттерны» — снимаются все отметки «закрыт», поиск начинается заново (текст паттернов не трогается). «Автозахват» выключается.">⏹</button>
     <button id="btnSrcSave" style="flex:0 0 auto; width:28px; height:24px; padding:0; font-size:12px; color:var(--muted);" title="Запомнить текущие «Данные» в кеш браузера: они вернутся автоматически при F5 и по кнопке ⏹ (в любой версии файла, открытой в этом браузере)">💾</button>
   </div>
   <div id="editArea" style="display:flex; flex-direction:column; gap:4px; flex:1 1 auto; min-height:0;">
   <!-- Заголовка у группы нет: его роль играет кнопка-вкладка выше, дублировать незачем.
        Состояние поиска («открыто: K / N · последний: №M») живёт в ряду переключателей. -->
   <div class="grp grp-pat" id="grpPat" style="flex:1 1 auto; min-height:0;">
    <div class="pat-wrap" title="По одному паттерну в строке, слева — номер строки. Пока тут есть хоть один непустой паттерн — «Шаг»/«Автозахват»/«По строкам»/«По лазерам» ищут ЕГО (любой из них, все повороты × прямой/инверсия/реверс), а не строку под границей в «Данных». Пусто — всё как раньше. Номер паттерна подсвечивается акцентом, когда паттерн найден («закрыт»).">
      <div id="patGutter" aria-hidden="true"></div>
      <div id="pat-bg" aria-hidden="true"></div>
      <textarea id="patSrc" spellcheck="false" placeholder="10110 — по одному паттерну в строке"></textarea>
    </div>
    <!-- Переключатели и состояние — ПОД полем, как «Копировать развёрнутое»/Серпинский у «Данных» -->
    <div style="margin-top:6px; flex:0 0 auto; display:flex; gap:6px; align-items:center; flex-wrap:wrap;">
      <label class="ck" style="margin:0; flex:1 1 auto; min-width:0;" data-i18n-title="patSkipFirstTitle" title="Своя, отдельная от «Без 1-го символа» в «Захвате границы»: та относится к строке под границей в «Данных», эта — только к паттернам. Включено (по умолчанию) — у КАЖДОГО паттерна при поиске отбрасывается первый символ (ищем со 2-го). Паттерн из одного символа не укорачивается."><input type="checkbox" id="patSkipFirstCheck" checked> <span data-i18n="patSkipFirst">Без 1-го символа</span></label>
      <button type="button" id="btnPatStrict" class="align-btn" style="flex:0 0 auto; height:20px; padding:0 9px; font-size:10px;" data-i18n="btnPatStrict" data-i18n-title="btnPatStrictTitle" title="Строго по номерам: паттерн №N ищется ТОЛЬКО в строках «Данных», номера которых строго меньше N (расположены выше него). Паттерн №1 не ищется нигде, №2 — только в строке 1, №3 — в строках 1–2 и т.д. Граница «Данных» при этом продолжает действовать: берётся то, что и выше границы, и выше номера паттерна. На лазеры не влияет — там номеров строк нет.">🔒 Строго</button>
    </div>
   </div>
   <!-- Заголовка тоже нет — его роль играет кнопка-вкладка «Данные (Строки)» выше. -->
   <div class="grp grp-editor" id="grpData" style="flex:1 1 auto; min-height:0;">
    <div class="editor-wrap">
      <div id="globalLineGutter" aria-hidden="true"></div>
      <div id="lineGutter" aria-hidden="false"></div>
      <div id="src-bg" aria-hidden="true"></div>
      <div id="src-pad" aria-hidden="true"></div>
      <div id="lineLimitCurtain" aria-hidden="true"></div>
      <div id="lineLimitTopCurtain" aria-hidden="true"></div>
      <div id="lineLimitBar" title="Перетащите — строки ниже не участвуют, как будто их нет. Двойной клик — снять ограничение."></div>
      <div id="lineLimitTopBar" title="Верхняя граница: перетащите — строки выше не участвуют, как будто их нет. Двойной клик — снять ограничение."></div>
      <div id="lineLimitWindowBar" title="Перетащите — подвинуть ОБЕ границы разом, расстояние между ними сохраняется. Двойной клик — снять обе границы."></div>
      <textarea id="src" spellcheck="false">1
11
111
1000
10101
110001
1001100
11100000
111010011
1000000010</textarea>
    </div>
    <!-- Под полем данных: «Без 1-го» (переехала из «Захвата границы» — относится к строке под
         границей, то есть ровно к этому полю) и генератор Серпинского. -->
    <div style="margin-top:4px; flex:0 0 auto; display:flex; gap:5px; align-items:center; flex-wrap:nowrap;">
      <label class="ck" style="flex:1 1 0; margin:0; min-width:0;" data-i18n-title="skipFirstTitle" title="При поиске нижней строки не учитывать её первый символ — искать со 2-го."><input type="checkbox" id="skipFirstCharCheck"> <span data-i18n="skipFirst">Без 1-го</span></label>
      <span style="flex:0 0 auto; font-size:10px; color:var(--muted);" data-i18n="lblSierpN">N=</span>
      <input type="number" id="sierpN" min="1" max="256" step="1" value="64" style="flex:0 0 auto; width:44px; padding:0 3px !important;">
      <button id="btnGenSierpinski" data-i18n="btnGenSierpinski" data-i18n-title="btnGenSierpinskiTitle" style="flex:1 1 0; min-width:0;" title="Заменить «Данные» треугольником Паскаля mod 2 (классический фрактал Серпинского): N строк, строка i — i+1 бит.">🔺 Серпинский</button>
    </div>
   </div>
   </div><!-- /editArea -->
   <!-- ГРУППА: Выгрузка — копирование строк и оба экспорта в Excel. Excel-кнопки переехали
        сюда с холста: там они висели поверх картинки, а по смыслу это работа с данными. -->
   <div class="grp grp-export" style="flex:0 0 auto; flex-direction:row; gap:5px; align-items:center;">
     <button id="btnCopyExpanded" data-i18n="btnCopyExp" data-i18n-title="btnCopyExpTitle" style="flex:1 1 0; min-width:0;" title="Скопировать строки в развёрнутом виде — вместе с добором">⧉ Копия</button>
     <button id="btnExcel" class="excel-btn" data-i18n="btnExcel" data-i18n-title="btnExcelTitle" style="flex:1 1 0; min-width:0;" title="Экспорт в Excel: сетка со сдвигами">📊 Сетка</button>
     <button id="btnExcelAlt" class="excel-btn" data-i18n="btnExcelAlt" data-i18n-title="btnExcelAltTitle" style="flex:1 1 0; min-width:0;" title="Экспорт в Excel: прямой, без сдвигов">📊 Прямой</button>
   </div>
  </div>
</div>
<!-- Заглушки у краёв экрана: кнопки скрытия панелей теперь живут ВНУТРИ самих панелей, поэтому
     вместе со свёрнутой панелью они исчезают — вернуть панель стало бы нечем. Эти две кнопки
     видны ровно тогда, когда соответствующая панель свёрнута. -->
<button id="stubLeft" class="panel-stub" style="left:0; border-radius:0 8px 8px 0;" title="Показать настройки">⚙</button>
<button id="stubRight" class="panel-stub" style="right:0; border-radius:8px 0 0 8px;" title="Показать редактор">✎</button>
</div>

<script>
(function(){
"use strict";
/* === МАРКЕР 03: I18N-СЛОВАРЬ И ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ === */
var i18n = {
  ru: {
    title: '<span class="t1">Ку</span><span class="t2">биты</span>',
    titlePlain: "Кубиты",
    sub: "",
    themeLight: "Светлый фон", themeDark: "Тёмный фон",
    modeRing: "Круглая воронка", modeFunnel: "Плоская воронка", modeBlocks: "Этажи из блоков", modeRhomb: "Ромбы", modeSquares: "Квадраты", modeSnake: "Змейка",
    modePyra3: "Пирамида 3", modePyra4: "Пирамида 4",
    pyraFillRing: "Кольцо", pyraFillSolid: "Сплошная", pyraApexDown: "Остриё внизу", pyraApexUp: "Остриё вверху",
    pyraFillRingTitle: "Этаж — полое кольцо по периметру фигуры, биты идут вдоль сторон (углы — всегда Добор-0, как в «Квадратах»)",
    pyraFillSolidTitle: "Этаж — сплошная заливка всей площади фигуры, биты идут по рядам слева направо",
    pyraApexDownTitle: "Первая строка — 1 кубик внизу, этажи расширяются вверх (как «Круглая воронка»)",
    pyraApexUpTitle: "Первая строка — самое большое основание внизу, последняя — вершина: классическая пирамида остриём вверх",
    btnSquaresNext: "▶ Этаж", btnSquaresBuildAll: "⏩ Построить всё", btnSquaresReset: "⏹ Сброс",
    btnSnakeNext: "▶ Шаг", btnSnakeBuildAll: "⏩ Построить всё", btnSnakeReset: "⏹ Сброс",
    btnSquaresResetTitle: "Сбросить и начать заново",
    btnSquaresEdit: "✋ Правка",
    btnSquaresEditTitle: "Отдельный подрежим правки: ЛКМ перетаскивает отдельные кубы (стандартные инструменты временно скрыты)",
    squaresBadge: "🔲 Квадраты: кольца квадратами (Добор: 0 в углах, строка по сторонам); «✋ Правка» — отдельный подрежим перетаскивания кубов",
    snakeBadge: "🐍 Змейка: непрерывная спираль. Каждая строка продолжает предыдущую без разрывов.",
    viewIso: "Изометрия", viewTop: "Сверху",
    alignAsis: "Как есть", alignDiag: "Полусдвиг",
    alignLeft: "⭰ Слева", alignCenter: "⭤ Центр", alignRight: "⭲ Справа",
    alignLeftTitle: "Строки прижаты влево, без сдвига на полклетки",
    alignCenterTitle: "Строки по центру, без сдвига на полклетки",
    alignRightTitle: "Строки прижаты вправо, без сдвига на полклетки",
    lblTint: "Цветность", lblGuides: "Кольца", lblGuidesSnake: "Змейка",
    lblGuidesSnakeTitle: "В «Змейке» этот флажок рисует тонкую пунктирную линию по центрам кубиков вдоль спирали, окрашенную по строкам (вместо колец) — чтобы видеть путь и границы строк в непрерывной спирали.",
    lblLoop: "Добор",
    lblLoopInvert: "↳ Инверс.",
    lblLoopInvertTitle: "Добор повторяет не сами биты строки, а их инверсию (например «11» → «110000» вместо «111111»).",
    lblLoopDynamic: "↳ Динам.",
    lblLoopDynamicTitle: "Добор пересчитывается заново от текущих бит строки при каждой правке (включена по умолчанию, как раньше). Если выключить — добор застывает при формировании и не меняется от последующих правок начала строки.",
    visRotTitle: "Визуальный сдвиг по кругу: крутит, какая клетка кольца какой бит показывает, БЕЗ изменения текста строки (в отличие от «Сдвиг символов»). Действует на выбранные этажи (или на все, если ничего не выбрано). Нужен включённый Добор в «Круглой воронке»/«Квадратах».",
    lblDim: "↳ Прозрачн.", lblGhosts: "0 в строках", lblGhostsAll: "0 в доборе",
    lblText: "1 0 Биты", lblTextTitle: "Печатать на кубах сами биты — 1 и 0",
    lblBalance: "⚖ Баланс", lblBalanceTitle: "Счётчики в нижних углах холста: сколько всего единиц и нулей",
    lblMinus: "Вычитать", lblLaser: "🎯 Лазер",
    btnInvert: "🔄 Инверсия",
    btnInvertTitle: "Если выделены и рамка/строка, и лазер(ы) — только их пересечение. Если только рамка/строка(и) — их биты. Если только лазер(ы) — их клетки (все, если выбрано несколько). Иначе — вообще все биты.",
    laserRes: "Результаты лазера:", shiftTxt: "Сдвиг символов:",
    lblPalette: "Окраска",
    palTitle: "Цветовая гамма кубов. Каждый этаж берёт свой цвет из выбранного набора (при выключенной «Цветности» все этажи красятся первым цветом набора).",
    palStd: "Стандарт", palRainbow: "Радуга", palOcean: "Океан", palSunset: "Закат", palBerry: "Ягода", palMono: "Графит",
    grpShape: "Форма и вид", grpDisplay: "Отображение", grpTools: "Инструменты", grpFloors: "Этажи", grpCapture: "Захват границы",
    grpPatterns: "Паттерны",
    patStateOn: "открыто: ", patStateOff: "пусто — ищем строку под границей", patStateLast: "последний: №",
    patSkipFirst: "Без 1-го символа",
    patSkipFirstTitle: "Своя, отдельная от «Без 1-го символа» в «Захвате границы»: та относится к строке под границей в «Данных», эта — только к паттернам. Включено (по умолчанию) — у КАЖДОГО паттерна при поиске отбрасывается первый символ (ищем со 2-го). Паттерн из одного символа не укорачивается.",
    btnResetAllTitle: "Общий сброс: 1) «Данные» — к запомненным («💾 Запомнить»; если кеша нет — к исходному шаблону), повторный клик сразу после возвращает ваш текст; 2) граница — между 1-й и 2-й строкой, верхняя снята, редактор прокручен наверх; 3) «Паттерны» — снимаются все отметки «закрыт», поиск начинается заново (текст паттернов не трогается). «Автозахват» выключается.",
    btnPatStrict: "🔒 Строго",
    btnPatStrictTitle: "Строго по номерам: паттерн №N ищется ТОЛЬКО в строках «Данных», номера которых строго меньше N (расположены выше него). Паттерн №1 не ищется нигде, №2 — только в строке 1, №3 — в строках 1–2 и т.д. Граница «Данных» при этом продолжает действовать: берётся то, что и выше границы, и выше номера паттерна. На лазеры не влияет — там номеров строк нет.",
    lblIlVariants: "Стог:", lblIlRight: "Добор →", lblIlLeft: "Добор ←",
    lblIlAlign: "Совмещение:",
    ilAlignLeftTitle: "Короткая строка вставляется с НАЧАЛА длинной (прежнее поведение). Пример: 00000 и 11 → 0101000",
    ilAlignCenterTitle: "Короткая строка вставляется по СЕРЕДИНЕ длинной (по умолчанию). Пример: 00000 и 11 → 0010100",
    ilAlignRightTitle: "Короткая строка вставляется в КОНЕЦ длинной. Пример: 00000 и 11 → 0001010",
    lblIlRightTitle: "Добор справа — приклеивать хвост добора ПОСЛЕ бит строки",
    lblIlLeftTitle: "Добор слева — приклеивать хвост добора ПЕРЕД битами строки",
    ilVarATitle: "А — в каждой паре сначала чередуются сами биты, потом отдельно хвосты добора",
    ilVarBTitle: "Б — в каждой паре сначала каждая строка целиком (биты+добор), потом чередуются эти две целые строки",
    lblIlAskPromptTitle: "Куда лепить добор в самой новой (ещё не решённой) паре стога: справа от бит или слева. Кнопки активны, только когда включена «?» и решать действительно есть что.",
    btnIlSideAskTitle: "Сравнить оба варианта самой новой пары строк в стоге (кнопки ниже) и выбрать. Захват при этом не ждёт — нерешённые пары всегда «право» по умолчанию. Каждый кусок пары в панели «Стог» кликабелен — можно менять сторону отдельно для любой пары.",
    lblIlAskPrompt: "Добор:",
    lblIlThroughSearch: "🔗 Сквозной",
    ilThroughSearchTitle: "Выключено (по умолчанию) — искать строку под границей в КАЖДОМ куске-паре ОТДЕЛЬНО, совпадение не может захватывать сразу две пары. Включено — искать по всей склеенной сквозной строке разом (совпадение может тянуться через границу пар, как раньше).",
    grpEditor: "Данные (Строки)",
    statFloors: "Всего:", lblFloor: "Этаж:",
    floorAll: "все", floorMulti: "несколько",
    floorModeSingle: "По одной", floorModeAccum: "С накоплением",
    lblAutoCapture: "Автозахват",
    autoCaptureTitle: "Пока включено — строку сразу под границей автоматически втягиваем внутрь (граница опускается на 1), когда она ПОЛНОСТЬЮ найдена (та же подсветка «найдено», что видно в редакторе). Пока активно «По строкам» — ищет в интерливинг-стоге над границей; иначе — в лазерах (нужен включённый Лазер). Повторяется, пока следующая нижняя тоже находится.",
    skipFirst: "Без 1-го",
    skipFirstTitle: "При поиске нижней строки (кнопки «По строкам»/«По лазерам») не учитывать её первый символ — искать со 2-го. По умолчанию включено.",
    btnCaptureRows: "▼ По строкам",
    btnCaptureRowsTitle: "Интерливинг: все уже включённые строки над границей (с их добором, если включён «Добор») разбиваются на пары скользящим окном (1+2, 2+3, 3+4, ...), каждая пара чередуется побитово, и результаты склеиваются в одну сквозную строку-стог. Обычную строку под границей ищем в этом стоге (все повороты × прямой/инверсия/реверс); если найдена — втягиваем внутрь, и так по кругу.",
    btnCaptureLasers: "▼ По лазерам",
    btnCaptureLasersTitle: "Сквозной поиск по всем строкам-результатам лазеров: строку под границей втягиваем внутрь, пока её биты находятся в склейке всех лазеров подряд. Если не добавлено ни одного лазера — ищет сразу по всем осям (как если бы лазер стоял на каждой точке).",
    btnCaptureStep: "▶ Шаг",
    btnCaptureStepTitle: "Одношаговый автозахват: проверить строку под границей (пока активно «По строкам» — в интерливинг-стоге над границей; иначе — лазер / склейка лазеров / склейка строк данных) и, если найдена, втянуть только её одну — без непрерывного повтора.",
    btnZen: "🧘 Дзен", btnZenTitle: "Дзен-режим — скрыть всё, кроме кубов (или клик колёсиком мыши)",
    info1: "Камера: <b>ЛКМ/Колесо</b>.<br>Сетка излучателей: <b>Инструмент Лазер</b>.<br>Несколько этажей: <b>Ctrl + Клик</b>.<br>Кольцо в начале оси: <b>вкл/выкл всю ось</b>.",
    footer: "Строки превращаются в фигуры: единица — кубик, ноль — пусто. Строка = этаж.",
    hint: "Кликните точку-излучатель на линии у модели",
    empty: "пусто", 
    btnExcel: "📊 Сетка",
    btnExcelAlt: "📊 Прямой",
    btnExcelTitle: "Экспорт в Excel: сетка со сдвигами (+ лист «Лазеры»)",
    btnExcelAltTitle: "Экспорт в Excel: прямой, без сдвигов (+ лист «Лазеры»)",
    btnFlip: "↔",
    btnFlipTitle: "Зеркало: отразить лево/право",
    btnFlipV: "↕",
    btnFlipVTitle: "Зеркало: отразить верх/низ",
    btnFlipHl: "🔦 Совпадения",
    btnFlipHlTitle: "Подсветить кубики, которые останутся такими же и на том же месте после отражения",
    flipHlColorTitle: "Цвет заливки совпадений",
    btnFlipAnimPlay: "▶ Плей",
    btnFlipAnimStop: "⏸ Пауза",
    flipAnimTitle: "Скорость авто-зеркала",
    btnCopyExp: "⧉ Копия", btnCopyExpTitle: "Скопировать строки в развёрнутом виде — вместе с добором",
    lblSierpN: "N=",
    btnGenSierpinski: "🔺 Серпинский",
    btnGenSierpinskiTitle: "Заменить «Данные» треугольником Паскаля mod 2 (классический фрактал Серпинского): N строк, строка i — i+1 бит.",
    warnMax: "Достигнут потолок кубиков — верхние этажи обрезаны."
  },
  en: {
    title: '<span class="t1">Ku</span><span class="t2">bits</span>',
    titlePlain: "Kubits",
    sub: "Strings turn into shapes: 1 is a cube, 0 is empty.",
    themeLight: "Light theme", themeDark: "Dark theme",
    modeRing: "Round funnel", modeFunnel: "Flat funnel", modeBlocks: "Block floors", modeRhomb: "Rhombuses", modeSquares: "Squares", modeSnake: "Snake",
    modePyra3: "Pyramid 3", modePyra4: "Pyramid 4",
    pyraFillRing: "Ring", pyraFillSolid: "Solid", pyraApexDown: "Apex down", pyraApexUp: "Apex up",
    pyraFillRingTitle: "Each floor is a hollow ring along the shape's perimeter; bits run along the sides (corners are always pad-0, like in Squares)",
    pyraFillSolidTitle: "Each floor fills the whole shape area; bits go row by row, left to right",
    pyraApexDownTitle: "First line is a single cube at the bottom, floors widen upward (like Round funnel)",
    pyraApexUpTitle: "First line is the widest base at the bottom, last line is the tip: a classic pyramid pointing up",
    btnSquaresNext: "▶ Floor", btnSquaresBuildAll: "⏩ Build all", btnSquaresReset: "⏹ Reset",
    btnSnakeNext: "▶ Step", btnSnakeBuildAll: "⏩ Build all", btnSnakeReset: "⏹ Reset",
    btnSquaresResetTitle: "Reset and start over",
    btnSquaresEdit: "✋ Edit",
    btnSquaresEditTitle: "Separate editing sub-mode: LMB drags individual cubes (standard tools are temporarily hidden)",
    squaresBadge: "🔲 Squares: rings built as squares (Pad: 0 in corners, string along the sides); “✋ Edit” — separate cube-dragging sub-mode",
    snakeBadge: "🐍 Snake: continuous spiral. Each row continues the previous one without breaks.",
    viewIso: "Isometry", viewTop: "Top",
    alignAsis: "As is", alignDiag: "Half-shift",
    alignLeft: "⭰ Left", alignCenter: "⭤ Center", alignRight: "⭲ Right",
    alignLeftTitle: "Rows flush left, no half-cell shift",
    alignCenterTitle: "Rows centered, no half-cell shift",
    alignRightTitle: "Rows flush right, no half-cell shift",
    lblTint: "Color", lblGuides: "Rings", lblGuidesSnake: "Snake",
    lblGuidesSnakeTitle: "In \"Snake\" this checkbox draws a thin dashed line through the cubes' centers along the spiral, colored by row (instead of rings) — so you can see the path and row boundaries in the continuous spiral.",
    lblLoop: "Pad",
    lblLoopInvert: "↳ Invert",
    lblLoopInvertTitle: "The pad repeats the inversion of the row's bits, not the bits themselves (e.g. \"11\" → \"110000\" instead of \"111111\").",
    lblLoopDynamic: "↳ Dynamic",
    lblLoopDynamicTitle: "The pad recomputes from the row's current bits on every edit (on by default, as before). Turn off to freeze the pad when first formed, so it no longer changes from later edits to the start of the row.",
    visRotTitle: "Visual shift around the ring: rotates which ring cell shows which bit, WITHOUT changing the row's text (unlike \"Shift chars\"). Applies to selected floors (or all, if none selected). Requires Pad on, in Round funnel/Squares.",
    lblDim: "↳ Faded", lblGhosts: "0 in rows", lblGhostsAll: "0 in pad",
    lblText: "1 0 Bits", lblTextTitle: "Print the bits themselves — 1 and 0 — on the cubes",
    lblBalance: "⚖ Balance", lblBalanceTitle: "Counters in the bottom corners of the canvas: how many ones and zeros in total",
    lblMinus: "Subtract", lblLaser: "🎯 Laser",
    btnInvert: "🔄 Invert",
    btnInvertTitle: "If both a frame/row selection and laser(s) are active — only their intersection. If only frame/row(s) — their bits. If only laser(s) — their cells (all, if several are selected). Otherwise — inverts absolutely all bits.",
    laserRes: "Laser results:", shiftTxt: "Shift chars:",
    lblPalette: "Colors",
    palTitle: "Cube color scheme. Each floor takes its color from the selected set (with \"Tint\" off every floor uses the set's first color).",
    palStd: "Standard", palRainbow: "Rainbow", palOcean: "Ocean", palSunset: "Sunset", palBerry: "Berry", palMono: "Graphite",
    grpShape: "Shape & view", grpDisplay: "Display", grpTools: "Tools", grpFloors: "Floors", grpCapture: "Boundary capture",
    grpPatterns: "Patterns",
    patStateOn: "open: ", patStateOff: "empty — searching the row below the boundary", patStateLast: "last: #",
    patSkipFirst: "Skip 1st char",
    patSkipFirstTitle: "Separate from \"Skip 1st char\" in \"Boundary capture\": that one applies to the row below the boundary in Data, this one only to patterns. On — EVERY pattern drops its first character when searching (search from the 2nd). A one-character pattern is not shortened.",
    btnResetAllTitle: "Reset everything: 1) Data — back to the remembered text (\"💾 Remember\"; if there is no cache — to the built-in template), clicking again right after brings your text back; 2) boundary — between rows 1 and 2, top boundary cleared, editor scrolled to the top; 3) Patterns — all \"closed\" marks are removed, the search starts over (the pattern text itself is untouched). Auto-capture is switched off.",
    btnPatStrict: "🔒 Strict",
    btnPatStrictTitle: "Strict by numbers: pattern #N is searched ONLY in Data rows whose numbers are strictly less than N (located above it). Pattern #1 is searched nowhere, #2 — only in row 1, #3 — in rows 1–2, and so on. The Data boundary still applies: what is taken is both above the boundary and above the pattern's number. Does not affect lasers — there are no row numbers there.",
    lblIlVariants: "Stack:", lblIlRight: "Pad →", lblIlLeft: "Pad ←",
    lblIlAlign: "Fit:",
    ilAlignLeftTitle: "The shorter row is inserted from the START of the longer one (previous behaviour). Example: 00000 and 11 → 0101000",
    ilAlignCenterTitle: "The shorter row is inserted in the MIDDLE of the longer one (default). Example: 00000 and 11 → 0010100",
    ilAlignRightTitle: "The shorter row is inserted at the END of the longer one. Example: 00000 and 11 → 0001010",
    lblIlRightTitle: "Pad on the right — glue the pad tail AFTER the row's bits",
    lblIlLeftTitle: "Pad on the left — glue the pad tail BEFORE the row's bits",
    ilVarATitle: "A — in each pair the bits themselves are interleaved first, then the pad tails separately",
    ilVarBTitle: "B — in each pair every row is taken whole (bits+pad) first, then those two whole rows are interleaved",
    lblIlAskPromptTitle: "Which side the pad goes on for the newest (still undecided) pair in the stack. The buttons are active only while \"?\" is on and there is actually something to decide.",
    btnIlSideAskTitle: "Compare both options for the newest row pair in the stack (buttons below) and pick one. Capture never waits — undecided pairs always default to \"right\". Every pair chunk in the \"Stack\" panel is clickable — you can flip the side for any individual pair.",
    lblIlAskPrompt: "Pad:",
    lblIlThroughSearch: "🔗 Through search",
    ilThroughSearchTitle: "Off (default) — search for the row below the boundary within EACH pair chunk SEPARATELY; a match can't span two pairs. On — search the whole glued-together through string at once (a match can span across pair boundaries, as before).",
    grpEditor: "Data (Strings)",
    statFloors: "Total:", lblFloor: "Floor:",
    floorAll: "all", floorMulti: "multiple",
    floorModeSingle: "One by one", floorModeAccum: "Accumulate",
    lblAutoCapture: "Auto-capture",
    autoCaptureTitle: "While on — the row right below the boundary is auto-pulled in (boundary moves down by 1) when it is FULLY found (the same “found” highlight shown in the editor). While “By rows” is active, it searches the interleaving haystack above the boundary; otherwise the lasers (requires Laser on). Repeats while the next row below is also found.",
    skipFirst: "Skip 1st",
    skipFirstTitle: "When searching the below-boundary row (buttons “By rows”/“By lasers”), ignore its first character — match from the 2nd. On by default.",
    btnCaptureRows: "▼ By rows",
    btnCaptureRowsTitle: "Interleaving: all already-included rows above the boundary (with their padding, if \"Pad\" is on) are split into sliding-window pairs (1+2, 2+3, 3+4, ...), each pair is interleaved bit by bit, and the results are concatenated into one through haystack string. The plain row below the boundary is searched in that haystack (all rotations x direct/inverted/reversed); if found, pull it in, and repeat.",
    btnCaptureLasers: "▼ By lasers",
    btnCaptureLasersTitle: "Through-search across all laser result strings: pull the row below the boundary in while its bits are found in the concatenation of all lasers. If no laser is placed yet, searches every axis at once (as if a laser stood on every point).",
    btnCaptureStep: "▶ Step",
    btnCaptureStepTitle: "Single-step capture: check the row below the boundary (while “By rows” is active — the interleaving haystack above the boundary; otherwise laser / laser concatenation / row-data concatenation) and, if found, pull in just that one row — no continuous repeat.",
    btnZen: "🧘 Zen", btnZenTitle: "Zen mode — hide everything except the cubes (or middle-click)",
    info1: "Camera: <b>LMB/Wheel</b>.<br>Emitter grid: <b>Laser Tool</b>.<br>Select multiple: <b>Ctrl + Click</b>.<br>Ring at axis start: <b>toggle the whole axis</b>.",
    footer: "string = floor · empty string = new block · 0 = empty space · up to 256 floors",
    hint: "Click an emitter point on a line near the model",
    empty: "empty", 
    btnExcel: "📊 Grid",
    btnExcelAlt: "📊 Direct",
    btnExcelTitle: "Export to Excel: grid with shifts (+ “Lasers” sheet)",
    btnExcelAltTitle: "Export to Excel: direct, no shifts (+ “Lasers” sheet)",
    btnFlip: "↔",
    btnFlipTitle: "Mirror left/right",
    btnFlipV: "↕",
    btnFlipVTitle: "Mirror top/bottom",
    btnFlipHl: "🔦 Matches",
    btnFlipHlTitle: "Highlight cubes that stay the same, in the same spot, after mirroring",
    flipHlColorTitle: "Matches fill color",
    btnFlipAnimPlay: "▶ Play",
    btnFlipAnimStop: "⏸ Pause",
    flipAnimTitle: "Auto-mirror speed",
    btnCopyExp: "⧉ Copy", btnCopyExpTitle: "Copy the rows expanded — together with the pad",
    lblSierpN: "N=",
    btnGenSierpinski: "🔺 Sierpinski",
    btnGenSierpinskiTitle: "Replace \"Data\" with a Pascal's-triangle-mod-2 pattern (classic Sierpinski fractal): N rows, row i has i+1 bits.",
    warnMax: "Cube limit reached — top floors are truncated."
  }
};
var currentLang = 'ru';

var MAXF=256, MAXC=256, CUBE_MAX=300000, HMAX=1600;
var u=26, v=15, hh=30, DD=36, TS=24;
/* === Цветовые наборы кубов (селектор «Окраска» в группе «Отображение») ===
   Каждый набор — список «лесенок» по 4 оттенка (светлый → тёмный): этаж k красится набором
   pal[k % pal.length], а внутри лесенки оттенки идут на грани куба. «Стандарт» — исходная
   ручная гамма, остальные строятся из базовых цветов функцией rampFromBase, чтобы не плодить
   сотню хардкод-констант. Выбор влияет и при выключенной «Цветности» — там всё красится
   первой лесенкой набора (см. pc). */
function mixHex(hex, to, t){
  var r=parseInt(hex.slice(1,3),16), g=parseInt(hex.slice(3,5),16), b=parseInt(hex.slice(5,7),16);
  var r2=parseInt(to.slice(1,3),16), g2=parseInt(to.slice(3,5),16), b2=parseInt(to.slice(5,7),16);
  var h=function(v){ v=Math.max(0,Math.min(255,Math.round(v))); return (v<16?"0":"")+v.toString(16); };
  return "#" + h(r+(r2-r)*t) + h(g+(g2-g)*t) + h(b+(b2-b)*t);
}
function rampFromBase(hex){
  return [mixHex(hex,"#FFFFFF",0.58), mixHex(hex,"#FFFFFF",0.30), hex, mixHex(hex,"#000000",0.55)];
}
function rampsFrom(bases){ return bases.map(rampFromBase); }
var PAL_SETS = {
  std: [
    ["#9FE1CB","#5DCAA5","#1D9E75","#085041"],
    ["#CECBF6","#AFA9EC","#7F77DD","#3C3489"],
    ["#F5C4B3","#F0997B","#D85A30","#712B13"],
    ["#FAC775","#EF9F27","#BA7517","#633806"],
    ["#B5D4F4","#85B7EB","#378ADD","#0C447C"],
    ["#F4C0D1","#ED93B1","#D4537E","#72243E"]
  ],
  rainbow: rampsFrom(["#E74C3C","#E67E22","#F1C40F","#2ECC71","#3498DB","#9B59B6"]),
  ocean:   rampsFrom(["#1ABC9C","#16A085","#2E86C1","#5DADE2","#48C9B0","#2874A6"]),
  sunset:  rampsFrom(["#FF7043","#F4511E","#FFA726","#FFCA28","#EF5350","#AD5389"]),
  berry:   rampsFrom(["#D4537E","#B03A6B","#8E44AD","#6C3483","#C2185B","#7B1FA2"]),
  mono:    rampsFrom(["#B9C4C0","#93A69F","#6E7C77","#515D59","#3A4643","#26302D"])
};
var pal = PAL_SETS.std;
var laserColors = ["#E74C3C", "#3498DB", "#2ECC71", "#9B59B6", "#F1C40F", "#E67E22", "#1ABC9C"];

var $=function(id){return document.getElementById(id);};
var src=$("src"), srcBg=$("src-bg"), srcPad=$("src-pad"), lineGutter=$("lineGutter"), globalLineGutter=$("globalLineGutter"), lineLimitBar=$("lineLimitBar"), lineLimitCurtain=$("lineLimitCurtain"), lineLimitTopBar=$("lineLimitTopBar"), lineLimitTopCurtain=$("lineLimitTopCurtain"), lineLimitWindowBar=$("lineLimitWindowBar"), mode=$("mode"), tint=$("tint"), guides=$("guides"),
    ghosts=$("ghosts"), ghostsAll=$("ghostsAll"), loopBits=$("loopBits"), loopBitsInvert=$("loopBitsInvert"), loopDynamic=$("loopDynamic"), dimPadded=$("dimPadded"), showText=$("showText"), balanceHl=$("balanceHl"),
    minusMode=$("minusMode"), skewerMode=$("skewerMode"), skewerWrap=$("skewerWrap"), skewerRes=$("skewerRes"),
    btnExcel=$("btnExcel"), btnExcelAlt=$("btnExcelAlt"), btnFlip=$("btnFlip"), btnFlipV=$("btnFlipV"), btnFlipHl=$("btnFlipHl"), flipHlColor=$("flipHlColor"), btnFlipXor=$("btnFlipXor"), btnRotXor=$("btnRotXor"), btnFlipXorReset=$("btnFlipXorReset"), btnRotXorReset=$("btnRotXorReset"), btnFlipHide=$("btnFlipHide"), btnFlipAnim=$("btnFlipAnim"), btnFlipReset=$("btnFlipReset"), flipAnimSpeed=$("flipAnimSpeed"), btnCopyExpanded=$("btnCopyExpanded"), rotWrap=$("rotWrap"), btnRotCCW=$("btnRotCCW"), btnRotCW=$("btnRotCW"),
    btnShiftAnim=$("btnShiftAnim"), btnShiftAnimReset=$("btnShiftAnimReset"), shiftAnimSpeed=$("shiftAnimSpeed"),
    rotateToolbar=$("rotateToolbar"), btnRotStep1=$("btnRotStep1"), btnRotStep30=$("btnRotStep30"), btnRotStep45=$("btnRotStep45"), btnRotStep90=$("btnRotStep90"), btnRotStep120=$("btnRotStep120"), btnRotStep180=$("btnRotStep180"), btnRotStepL=$("btnRotStepL"), btnRotDirCCW=$("btnRotDirCCW"), btnRotDirCW=$("btnRotDirCW"), btnRotHl=$("btnRotHl"), rotHlColor=$("rotHlColor"), btnRotAnim=$("btnRotAnim"), btnRotReset=$("btnRotReset"), rotAnimSpeed=$("rotAnimSpeed"),
    btnTheme=$("btnTheme"), btnLang=$("btnLang"), stF=$("stFloors"), stC=$("stCubes"),
    chips=$("chips"), sliderRow=$("sliderRow"), fr=$("floorRange"), frLabel=$("frLabel"),
    btnFloorModeSingle=$("btnFloorModeSingle"), btnFloorModeAccum=$("btnFloorModeAccum"), btnFloorAnim=$("btnFloorAnim"), btnFloorAnimReset=$("btnFloorAnimReset"), floorAnimSpeed=$("floorAnimSpeed"),
    info=$("info"), warn=$("warn"), cv=$("cv"), ctx=cv.getContext("2d"), stage=cv.parentNode,
    btnViewIso=$("btnViewIso"), btnViewTop=$("btnViewTop"),
    zeroMain=$("zeroMain"), zeroPad=$("zeroPad"),
    btnMatchZero=$("btnMatchZero"), btnMatchZero2=$("btnMatchZero2"),
    squareTestToolbar=$("squareTestToolbar"),
    btnSquareTestNext=$("btnSquareTestNext"), btnSquareTestBuildAll=$("btnSquareTestBuildAll"), btnSquareTestReset=$("btnSquareTestReset"), btnSquareEdit=$("btnSquareEdit"), squareTestNextLabel=$("squareTestNextLabel");
    
var D={cells:[], floors:0, rows:[], truncated:false, half:[], lineFloor:{}};
var G=null;
var sel=new Set();
var skewers = [];
var laserVis = { top: true, right: true, left: true, horiz: true, da: true, db: true };
var laserAssemblyVariant = 'order'; // выбранный вариант сборки лазеров в одну строку поиска
// Сборка лазеров: несколько вариантов того, какие активные лучи склеивать в ОДНУ строку поиска.
// 'order' — все активные лучи в порядке их добавления в skewers. Остальные варианты — фиксированный
// порядок осей, группировка ПО ИНДЕКСУ УЗЛА (Лево1+Право1, затем Лево2+Право2 и т.д.); если на
// какой-то оси луча с этим индексом нет — она просто пропускается, без заглушки. Вынесено в общую
// функцию (была локальным массивом внутри draw()), чтобы им мог пользоваться и computeAssemblyHaystackFresh.
function getLaserAssemblyPresets(){
  return [
    { key: 'order', label: (currentLang === "ru") ? "По добавлению" : "Added order", axes: null },
    { key: 'lr',    label: (currentLang === "ru") ? "Лево+Право" : "Left+Right", axes: ['left','right'] },
    { key: 'lrt',   label: (currentLang === "ru") ? "Лево+Право+Верх" : "Left+Right+Top", axes: ['left','right','top'] },
    { key: 'all',   label: (currentLang === "ru") ? "Все оси" : "All axes", axes: ['top','right','left','horiz','da','db'] }
  ];
}
// Пересчитывает точки «Сборки лазеров» С НУЛЯ — прямо из skewers + свежих beamCells (та же логика,
// что draw() использует для подсветки, но без сегментов/подсветки, они тут не нужны). Нужно, чтобы
// поиск («Сборка лазеров» — один из уровней в belowRowMatchDetail) не зависел от lastAssemblyHaystack,
// которая иначе обновляется только ВНУТРИ draw() — и была бы недоступна/устаревшей, когда полный
// draw() не вызывается на каждом такте (см. «Без отрисовки при Плее»).
function computeAssemblyPointsFresh(){
  if (!(skewerMode.checked && laserModeOk()) || !G || !G.list || !skewers.length) return [];
  var preset = getLaserAssemblyPresets().find(function(p){ return p.key === laserAssemblyVariant; }) || getLaserAssemblyPresets()[0];
  var pts = [];
  if (!preset.axes) {
    skewers.forEach(function(sk, skIdx){
      var hitList = beamCells(sk.type, sk.d);
      var str = ""; hitList.forEach(function(hit){ str += hit.c[3]; });
      pts.push({ skIdx: skIdx, str: str });
    });
  } else {
    var lctx = buildLaserNodes();
    var byIndex = {};
    preset.axes.forEach(function(axisType){
      var grp = lctx.groups[axisType] || [];
      skewers.forEach(function(sk, skIdx){
        if (sk.type !== axisType) return;
        var node = grp.find(function(n){ return n.d === sk.d; });
        if (!node) return;
        var hitList = beamCells(sk.type, sk.d);
        var str = ""; hitList.forEach(function(hit){ str += hit.c[3]; });
        if (!byIndex[node.index]) byIndex[node.index] = {};
        byIndex[node.index][axisType] = { skIdx: skIdx, str: str };
      });
    });
    Object.keys(byIndex).map(Number).sort(function(a,b){ return a - b; }).forEach(function(nIdx){
      preset.axes.forEach(function(axisType){
        var e = byIndex[nIdx][axisType];
        if (e) pts.push(e);
      });
    });
  }
  return pts;
}
function computeAssemblyHaystackFresh(){
  return computeAssemblyPointsFresh().map(function(p){ return p.str; }).join('');
}
var rowsModeActive = true; // «По строкам» (интерливинг) сейчас активный режим захвата (по умолчанию) — вместо панели «Сборка лазеров» показываем стог(и) интерливинга
// Сторона добора («→»/«←») — теперь ПО КАЖДОЙ ПАРЕ строк отдельно, а не одна на весь стог.
// ilPairSide: индекс пары (0,1,2... для пар (стр.0+1),(стр.1+2),...; ключ "single" — особый
// случай, когда над границей всего одна строка) -> "right"/"left". Задаётся явным кликом по
// куску пары в панели «Стог» ИЛИ ответом в подсказке «?» (для самой новой, ещё не решённой
// пары) — оба способа пишут в ОДНУ и ту же карту. Пары без записи используют глобальный дефолт:
// кнопки →/← (единая сторона для всех «нерешённых» пар) или всегда «право», если сейчас
// активна «?» (см. sideForPair в aboveRowsInterleavedHaystacks). Захват НИКОГДА не ждёт
// ответа — использует текущий дефолт «право», пока пользователь не переключит явно.
var ilPairSide = {};
var ringVisualShift = {}; // absL -> целый сдвиг (по кругу, в позициях кольца) — ТОЛЬКО отображение, src.value не трогается
// «Добор» самостоятелен после формирования: absL -> {key, str} — символы добора застывают в момент
// первого построения (при данной ёмкости кольца/квадрата, сдвиге и режиме «Добор инверсией») и больше
// НЕ пересчитываются от текущих бит строки. Правки начала строки (в т.ч. кнопка «Инверсия») их не меняют.
var frozenPad = {};
// Возвращает застывшую строку добора длиной need (капасити - длина реальных бит).
// bitsGetter(idx) — читает ТЕКУЩИЙ бит строки по индексу; используется только чтобы ДОРОДИТЬ
// хвост, если добора вдруг стало нужно больше, чем уже заморожено (реальные биты укоротились).
// «Основа» (реальные биты + добор) всегда считается БЕЗ сдвига — сдвиг применяется отдельно,
// поворотом индекса чтения по уже готовой основе (см. вызовы в parse(): combinedIdx/combinedIdxQ).
// Так «Визуальный сдвиг» крутит кольцо целиком как жёсткое тело, а не только зону реальных бит
// при неподвижной границе добора.
function getFrozenPadStr(absL, capLen, bitsLen, doInvert, bitsGetter){
  var need = capLen - bitsLen;
  if (need <= 0) return "";
  var key = capLen + "|" + (doInvert ? 1 : 0);
  var fp = frozenPad[absL];
  if (!fp || fp.key !== key) { fp = { key: key, str: "" }; frozenPad[absL] = fp; }
  if (fp.str.length < need) {
    for (var tp = bitsLen + fp.str.length; tp < capLen; tp++) {
      var srcBit = bitsGetter(tp % bitsLen);
      fp.str += doInvert ? (srcBit === "1" ? "0" : "1") : srcBit;
    }
  }
  return fp.str.slice(0, need);
}
// «Добор Динам.» (чекбокс «↳ Динам.», включён по умолчанию): хвост основы считается заново от
// текущих бит строки при каждом вызове — как и было исходно, до появления заморозки. При
// выключенном чекбоксе используется getFrozenPadStr (застывает при формировании, см. выше).
function getPadStr(absL, capLen, bitsLen, doInvert, doDynamic, bitsGetter){
  if (!doDynamic) return getFrozenPadStr(absL, capLen, bitsLen, doInvert, bitsGetter);
  var need = capLen - bitsLen;
  if (need <= 0) return "";
  var str = "";
  for (var tp = bitsLen; tp < capLen; tp++) {
    var srcBit = bitsGetter(tp % bitsLen);
    str += doInvert ? (srcBit === "1" ? "0" : "1") : srcBit;
  }
  return str;
}
// Снимок последнего draw(): какие клетки выделены/участвуют в балансе — для кнопки «Инверсия»
var lastFrameElements = new Set();
var lastBalanceElements = new Set();
var lastBalanceEqual = false;
var lastHasSelection = false;
var lastSkeweredElements = new Set(); // клетки под активными лазерами (для кнопки «Инверсия»)
var lastAssemblyHaystack = ""; // строка текущей «Сборки лазеров» (для автозахвата — то же, что подсвечено)
var laserOverlapEnabled = false; // подсветка кубов, в которые попадает больше одного луча, и отдельная строка результата
var LASER_OVERLAP_COLOR = "#FFFFFF";
var selectedLaserRows = []; // клик по строке(ам) результата лазера: [{ skIdx, kind: 'normal'|'overlap' }, ...] — можно выбрать несколько; баланс 1/0 и подсветка считаются по объединению всех выбранных
var pendingBelowCapture = false; // защита от рекурсии автозахвата нижней строки (сдвиг границы из draw)
function isLaserRowSelected(skIdx, kind) {
  return selectedLaserRows.some(function(r){ return r.skIdx === skIdx && r.kind === kind; });
}
function toggleLaserRowSelection(skIdx, kind) {
  var idx = selectedLaserRows.findIndex(function(r){ return r.skIdx === skIdx && r.kind === kind; });
  if (idx >= 0) selectedLaserRows.splice(idx, 1);
  else selectedLaserRows.push({ skIdx: skIdx, kind: kind });
  draw();
}
var currentView = "iso";
var isoRotSteps = 0; // поворот изометрии «покубово»: 0..3 шага по 90° в плоскости этажей
var zenMode = false; // Дзен-режим: скрыть все панели, оставить только холст
var lineLimit = -1; // строки с этим индексом и ниже не участвуют в модели (-1 = ограничения нет)
var lineLimitTop = 0; // ВЕРХНЯЯ граница: строки с индексом МЕНЬШЕ этого не участвуют (0 = ограничения нет)
// При сбросе граница ставится максимум на 10-ю строку (если строк больше 10); иначе ограничения нет.
function defaultLineLimit(){ var total = src.value.split("\n").length; return (total > 10) ? 10 : -1; }
var lineLimitDragging = false;
var LINE_LIMIT_LINE_H = 15; // 12px * line-height 1.25 из CSS редактора
var LINE_LIMIT_PAD_TOP = 8;  // padding-top редактора

var floorAnimOn = false, floorAnimTimer = null;
var floorAnimMode = "single"; // "single" (по одной) | "accum" (с накоплением, туда-сюда)
var floorAnimIdx = -1;   // текущий этаж для режима "single"
var floorAnimCount = 1;  // текущее число выбранных этажей для режима "accum"
var floorAnimDir = 1;    // направление роста/убавления для "accum"

var shiftAnimOn = false, shiftAnimTimer = null;
var shiftAnimDir = 'CW'; // направление автосдвига символов — то, что нажали последним вручную
var shiftAnimOrigSrc = null; // снимок текста для «Сброс»
var shiftAnimKind = 'text'; // 'text' (Сдвиг символов) | 'visual' (Визуальный сдвиг) — что крутит общий «▶ Плей», по последней нажатой паре кнопок

// === ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ СОСТОЯНИЙ ===
var flipX = false; // горизонтальное зеркало (лево/право)
var flipY = false; // вертикальное зеркало (верх/низ) — независимо от flipX, можно включать оба сразу
var flipMatchX = false; // ось учитывается в «Совпадениях» — включается вместе с flipX,
var flipMatchY = false; // но НЕ гаснет, когда саму картинку возвращают в обычный вид (предпросмотр)
var flipHighlight = false;
var flipShowMode = "all"; // Фильтр зеркала: "all" | "match" | "diff"
var flipAnimOn = false, flipAnimTimer = null;
var flipAnimAxis = 'x'; // какую ось крутит «Плей» — ту, что включили последней ('x' или 'y')

var viewRotDeg = 0;
var rotHighlight = false;
var rotShowMode = "all"; // Фильтр вращения: "all" | "match" | "diff"
var rotAnimOn = false, rotAnimTimer = null, rotAnimDir = 1;
var rotMatchCache = null; // кэш «совпадений» — не зависит от текущего угла, только от шага и данных
var matchZero = false; // «Совпадения» (Зеркало/Поворот) считают совпадением и пустые (0) клетки, а не только кубики (1)
var flipXor = false; // XOR-наложение с зеркалом: итеративное, каждый клик — ещё одно наложение на результат
var rotXor = false;  // XOR-наложение с поворотом на выбранный шаг (тоже итеративное)
var flipXorState = null, flipXorIter = 0; // текущее битовое поле результата (по индексам G.list) и номер итерации
var rotXorState = null, rotXorIter = 0;

// === РЕЖИМ «КВАДРАТЫ» (построение колец квадратами, свой Добор с нулями в углах) ===
// Полноценный 5-й режим основного меню (mode.value === "squares"): строится из строк
// редактора автоматически (как остальные режимы), камера — обычные ЛКМ-пан и колесо-зум
// (panX/panY/zoom). Кнопки тулбара и бейдж видны ТОЛЬКО при выбранном режиме (syncSquaresUI).
// Редактирование (перетаскивание отдельных кубов) — ОТДЕЛЬНЫЙ инструмент «✋ Правка».
// squareTestCells — ПЛОСКИЙ список кубов: каждый куб хранит свою МИРОВУЮ позицию x/y
// (центр построения в 0,0) и в режиме правки двигается независимо от остальных.
function isSquaresMode(){ return mode.value === "squares"; }
function isPyraMode(){ return mode.value === "pyra3" || mode.value === "pyra4"; }
var pyraFill = "ring";  // «Пирамида 3/4»: "ring" — этаж-кольцо по периметру, "solid" — сплошная заливка
var pyraApex = "down";  // «Пирамида 3/4»: "down" — остриё внизу (как воронка), "up" — остриё вверху
var SQUARE_TEST_CELL = 20; // мировых px на клетку
var squareTestCells = []; // [{x, y, val, col}] — мировые координаты
var squareTestNextRow = 1; // следующий этаж, который добавит кнопка «▶ Этаж»/«⏩ Построить всё»
var squareTestDrag = null; // {idx, offX, offY} — текущее перетаскивание конкретного куба (в правке)
var squareEditMode = false; // инструмент «✋ Правка»: ЛКМ таскает кубы, а не камеру
var snakeVisibleRows = 1; // режим «Змейка»: сколько строк спирали уже построено
var snakeCenterA = 0, snakeCenterB = 0; // клетка первого куба спирали (центр вращения/зеркала/XOR)

var alignMode = "asis";

var panX=0, panY=0, zoom=1;
var isDragging=false, dragStartX=0, dragStartY=0;
var clickDragDist=0, dragLastX=0, dragLastY=0;
var mouseX = 0, mouseY = 0;

var isSelecting=false, selActive=false;
var selRadius=0;
var selOffX=0, selOffY=0; // сдвиг центра рамки выделения от panX/panY (в мировых px; на экране умножается на zoom)
var isMovingSel=false, selMoveStart=null; // перетаскивание готовой рамки ПКМ изнутри неё (за центр)
var isResizingSel=false; // растяжение готовой рамки ПКМ за её границу (центр стоит на месте)

// Форма рамки выделения по режиму: 0 — квадрат (вид сверху); иначе ромб, значение —
// отношение вертикальной полудиагонали к горизонтальной. В изометрии диагонали ромба
// такие же, как у верхних граней кубиков (v/u — «вид сверху» кубика), в «Ромбах» — 1:1.
// Захват клеток — по их экранным позициям (как видим модель спереди).
function selFrameAspect(){
  if (!G) return 0;
  if (G.kind === "rhomb") return 1;
  if (G.kind === "iso") return v / u;
  return 0;
}
// Радиус рамки (горизонтальная полудиагональ), при котором её грань проходит через точку dx,dy
function selFrameRadius(dx, dy){
  var asp = selFrameAspect();
  return asp ? (Math.abs(dx) + Math.abs(dy) / asp) : Math.max(Math.abs(dx), Math.abs(dy));
}
// Попадает ли точка dx,dy (от центра рамки) внутрь рамки с полудиагональю half
function selFrameContains(dx, dy, half){
  var asp = selFrameAspect();
  return asp ? (Math.abs(dx) + Math.abs(dy) / asp <= half) : (Math.abs(dx) <= half && Math.abs(dy) <= half);
}
var lastBgHtml=null;
var lastPadHtml=null;
var drawQueued=false;

function currentRotRad(){
  return (G && (G.kind === "top" || G.kind === "rhomb")) ? (viewRotDeg * Math.PI / 180) : 0;
}

function screenToWorld(mx, my){
  var fsx = flipX ? -1 : 1, fsy = flipY ? -1 : 1;
  var dx = mx - panX, dy = my - panY;
  var rr = currentRotRad();
  if (rr) {
    var c = Math.cos(rr), s = Math.sin(rr);
    var ndx = dx*c + dy*s, ndy = -dx*s + dy*c;
    dx = ndx; dy = ndy;
  }
  return { wx: fsx * dx / zoom + G.cx, wy: fsy * dy / zoom + G.cy };
}

function worldOffsetToScreen(wx, wy){
  var fsx = flipX ? -1 : 1, fsy = flipY ? -1 : 1;
  var dx = fsx * zoom * (wx - G.cx), dy = fsy * zoom * (wy - G.cy);
  var rr = currentRotRad();
  if (rr) {
    var c = Math.cos(rr), s = Math.sin(rr);
    var ndx = dx*c - dy*s, ndy = dx*s + dy*c;
    dx = ndx; dy = ndy;
  }
  return { dx: dx, dy: dy };
}

function requestDraw(){
  if(drawQueued) return;
  drawQueued=true;
  requestAnimationFrame(function(){ drawQueued=false; draw(); });
}
/* === МАРКЕР 03.1: ВОССТАНОВЛЕННЫЕ СИСТЕМНЫЕ ФУНКЦИИ === */
function pc(k){ return tint.checked ? pal[k%pal.length] : pal[0]; }
function rhX(c){ return (c[0] + ((D.half && D.half[c[2]]) || 0)) * DD; }
function aC(c){ return c[0] + ((D.half && D.half[c[2]]) || 0); }
function isSelected(k) { return sel.size === 0 || sel.has(k); }

function hexA(hex, a){
  var r=parseInt(hex.slice(1,3),16), g=parseInt(hex.slice(3,5),16), b=parseInt(hex.slice(5,7),16);
  return "rgba("+r+","+g+","+b+","+a+")";
}

function litColor(hex, t){
  var r=parseInt(hex.slice(1,3),16), g=parseInt(hex.slice(3,5),16), b=parseInt(hex.slice(5,7),16);
  r = Math.round(r + (255-r)*t); g = Math.round(g + (255-g)*t); b = Math.round(b + (255-b)*t);
  return "rgb("+r+","+g+","+b+")";
}

function darkColor(hex, t){
  var r=parseInt(hex.slice(1,3),16), g=parseInt(hex.slice(3,5),16), b=parseInt(hex.slice(5,7),16);
  r = Math.round(r*(1-t)); g = Math.round(g*(1-t)); b = Math.round(b*(1-t));
  return "rgb("+r+","+g+","+b+")";
}

// В «Змейке» подпись и подсказка чекбокса «Кольца» подменяются на «Змейка» (см. pc()) —
// обычный data-i18n-проход в applyI18n этого не знает, поэтому переопределяем после него.
function updateGuidesLabel(){
  var t = i18n[currentLang];
  var span = guides.nextElementSibling;
  if (mode.value === "snake") {
    span.textContent = t.lblGuidesSnake;
    guides.parentElement.title = t.lblGuidesSnakeTitle;
  } else {
    span.textContent = t.lblGuides;
    guides.parentElement.title = "";
  }
}

function applyI18n() {
  var t = i18n[currentLang];
  document.querySelectorAll("[data-i18n]").forEach(function(el){
    var key = el.getAttribute("data-i18n");
    if(t[key]) el.innerHTML = t[key];
  });
  document.querySelectorAll("[data-i18n-title]").forEach(function(el){
    var key = el.getAttribute("data-i18n-title");
    if(t[key]) el.title = t[key];
  });
  btnFlipAnim.textContent = flipAnimOn ? t.btnFlipAnimStop : t.btnFlipAnimPlay;
  btnRotAnim.textContent = rotAnimOn ? t.btnFlipAnimStop : t.btnFlipAnimPlay;
  btnShiftAnim.textContent = shiftAnimOn ? t.btnFlipAnimStop : t.btnFlipAnimPlay;
  updateGuidesLabel();
  updatePatState();

  // Принудительно устанавливаем правильную версию на вкладке
  document.title = (t.titlePlain || "Kubits") + " v0.303";

  syncSelUI();
  draw();
}

btnLang.addEventListener("click", function(){
  currentLang = (currentLang === 'ru') ? 'en' : 'ru';
  btnLang.textContent = (currentLang === 'ru') ? 'ENG' : 'РУС';
  applyI18n();
});

// Глобальные переменные для шага вращения (нужны здесь, чтобы draw() их видел)
var currentRotStepType = 1;

// Поворот изометрии «покубово» (90°-шаги)
function isoRotate(dir){
  isoRotSteps = ((isoRotSteps + dir) % 4 + 4) % 4;
  geometry();
  draw();
}
$("btnIsoRotCCW").addEventListener("click", function(){ isoRotate(-1); });
$("btnIsoRotCW").addEventListener("click", function(){ isoRotate(1); });

btnViewIso.addEventListener("click", function(){
  currentView = "iso";
  btnViewIso.classList.add("active-view");
  btnViewTop.classList.remove("active-view");

  viewRotDeg = 0;
  flipX = false;
  flipY = false;
  btnFlip.classList.remove("active-view");
  btnFlipV.classList.remove("active-view");
  if(typeof stopRotAnim === 'function') stopRotAnim(true);
  if(typeof stopFlipAnim === 'function') stopFlipAnim(true);

  sel.clear(); skewers=[]; selectedLaserRows=[]; geometry(); autoFit(); draw(); syncSelUI();
});

btnViewTop.addEventListener("click", function(){
  currentView = "top";
  btnViewTop.classList.add("active-view");
  btnViewIso.classList.remove("active-view");
  sel.clear(); skewers=[]; selectedLaserRows=[]; geometry(); autoFit(); draw(); syncSelUI();
});

/* Перетаскиваемая граница «строки ниже не участвуют» */
// Границы (линии + шторки + боковой рельс) живут внутри .editor-wrap. Их «сырая» координата
// считается от текста и при прокрутке легко уезжает выше верха / ниже низа редактора — тогда
// раньше они рисовались поверх соседних групп панели. Теперь: сама ЛИНИЯ прячется, когда её
// строка вне видимой части редактора, а шторки/рельс зажимаются в границы редактора (clampY).
function updateLineLimitBar(){
    var totalLines = src.value.split("\n").length;
    var editorH = src.clientHeight || 0;
    var clampY = function(v){ return Math.max(0, Math.min(editorH, v)); };
    var boundary = (lineLimit < 0) ? totalLines : Math.min(lineLimit, totalLines);
    var y = LINE_LIMIT_PAD_TOP + boundary * LINE_LIMIT_LINE_H - src.scrollTop;
    var yC = clampY(y);
    lineLimitBar.style.top = yC + "px";
    lineLimitBar.style.display = (y >= -4 && y <= editorH + 4) ? "block" : "none";
    if (lineLimit >= 0) {
        lineLimitCurtain.style.display = "block";
        lineLimitCurtain.style.top = yC + "px";
    } else {
        lineLimitCurtain.style.display = "none";
    }
    // Верхняя граница: линия на своей строке, шторка — от верха редактора до линии
    var topB = Math.max(0, Math.min(lineLimitTop, totalLines));
    var yT = LINE_LIMIT_PAD_TOP + topB * LINE_LIMIT_LINE_H - src.scrollTop;
    var yTC = clampY(yT);
    lineLimitTopBar.style.top = yTC + "px";
    lineLimitTopBar.style.display = (yT >= -4 && yT <= editorH + 4) ? "block" : "none";
    if (lineLimitTop > 0) {
        lineLimitTopCurtain.style.display = "block";
        lineLimitTopCurtain.style.height = Math.max(0, yTC - 1) + "px";
    } else {
        lineLimitTopCurtain.style.display = "none";
    }
    // Боковой рельс «двигать обе границы разом» — виден, только если хотя бы одна активна
    if (lineLimit >= 0 || lineLimitTop > 0) {
        lineLimitWindowBar.style.display = "block";
        lineLimitWindowBar.style.top = yTC + "px";
        lineLimitWindowBar.style.height = Math.max(0, yC - yTC) + "px";
    } else {
        lineLimitWindowBar.style.display = "none";
    }
}

var syncScroll = function() {
    srcBg.scrollTop = src.scrollTop;
    srcBg.scrollLeft = src.scrollLeft;
    srcPad.scrollTop = src.scrollTop;
    srcPad.scrollLeft = src.scrollLeft;
    lineGutter.scrollTop = src.scrollTop;
    if (globalLineGutter) globalLineGutter.scrollTop = src.scrollTop;
    if (srcBg.style.height !== src.style.height) {
        srcBg.style.height = src.style.height;
        srcPad.style.height = src.style.height;
    }
    updateLineLimitBar();
};
src.addEventListener('scroll', syncScroll);
src.addEventListener('mousemove', syncScroll);
src.addEventListener('mouseup', syncScroll);

function lineFromClientY(clientY){
    var r = src.getBoundingClientRect();
    var yInEditor = clientY - r.top + src.scrollTop;
    return Math.max(0, Math.round((yInEditor - LINE_LIMIT_PAD_TOP) / LINE_LIMIT_LINE_H));
}

// Какие лазерные оси сейчас в состоянии «Все» (каждый узел оси включён)
function laserAxesAllActive(){
    if (!(skewerMode.checked && laserModeOk() && G)) return null;
    var lctx = buildLaserNodes();
    var res = {};
    ['top','right','left','horiz','da','db'].forEach(function(key){
        var nodes = lctx.groups[key] || [];
        res[key] = nodes.length > 0 && nodes.every(function(n){
            return skewers.some(function(sk){ return sk.type === key && sk.d === n.d; });
        });
    });
    return res;
}
// После изменения модели довключить лазеры на новых узлах осей, которые были «Все»
function laserReapplyAll(axes){
    if (!axes || !(skewerMode.checked && laserModeOk() && G)) return;
    var lctx = buildLaserNodes();
    var added = false;
    ['top','right','left','horiz','da','db'].forEach(function(key){
        if (!axes[key]) return;
        (lctx.groups[key] || []).forEach(function(n){
            if (!skewers.some(function(sk){ return sk.type === key && sk.d === n.d; })) {
                skewers.push({ type: key, d: n.d, color: laserColors[skewers.length % laserColors.length] });
                added = true;
            }
        });
    });
    if (added) { draw(); syncSelUI(); }
}
lineLimitBar.addEventListener("mousedown", function(e){
    e.preventDefault();
    lineLimitDragging = true;
    lineLimitBar.classList.add("dragging");
    var onMove = function(ev){
        var totalLines = src.value.split("\n").length;
        var newLimit = Math.min(lineFromClientY(ev.clientY), totalLines);
        if (newLimit >= totalLines) newLimit = -1; // утащили вниз до конца — ограничения нет
        if (newLimit >= 0 && newLimit < lineLimitTop) newLimit = lineLimitTop; // не выше верхней границы
        if (newLimit !== lineLimit) {
            var axesAll = laserAxesAllActive(); // оси со «Все» — сохранить и на новых строках
            lineLimit = newLimit;
            rebuild();
            laserReapplyAll(axesAll);
        }
        else { updateLineLimitBar(); }
    };
    var onUp = function(){
        lineLimitDragging = false;
        lineLimitBar.classList.remove("dragging");
        window.removeEventListener("mousemove", onMove);
        window.removeEventListener("mouseup", onUp);
    };
    window.addEventListener("mousemove", onMove);
    window.addEventListener("mouseup", onUp);
});
lineLimitBar.addEventListener("dblclick", function(){
    var axesAll = laserAxesAllActive();
    lineLimit = -1;
    rebuild();
    laserReapplyAll(axesAll);
});
/* Верхняя граница — те же жесты, что у нижней: перетаскивание (не ниже нижней границы),
   двойной клик — снять (lineLimitTop = 0). Утащили к самому верху — ограничения нет. */
lineLimitTopBar.addEventListener("mousedown", function(e){
    e.preventDefault();
    lineLimitDragging = true;
    lineLimitTopBar.classList.add("dragging");
    var onMove = function(ev){
        var totalLines = src.value.split("\n").length;
        var maxTop = (lineLimit < 0) ? totalLines : Math.min(lineLimit, totalLines);
        var newTop = Math.max(0, Math.min(lineFromClientY(ev.clientY), maxTop));
        if (newTop !== lineLimitTop) {
            var axesAll = laserAxesAllActive();
            lineLimitTop = newTop;
            rebuild();
            laserReapplyAll(axesAll);
        }
        else { updateLineLimitBar(); }
    };
    var onUp = function(){
        lineLimitDragging = false;
        lineLimitTopBar.classList.remove("dragging");
        window.removeEventListener("mousemove", onMove);
        window.removeEventListener("mouseup", onUp);
    };
    window.addEventListener("mousemove", onMove);
    window.addEventListener("mouseup", onUp);
});
lineLimitTopBar.addEventListener("dblclick", function(){
    var axesAll = laserAxesAllActive();
    lineLimitTop = 0;
    rebuild();
    laserReapplyAll(axesAll);
});
/* Боковой рельс: тащим ОБЕ границы разом, сохраняя расстояние между ними («окно» едет целиком).
   Неограниченная нижняя граница (-1) на старте перетаскивания превращается в конкретный номер
   строки (текущее общее число строк) — иначе «расстояние до бесконечности» сдвигать нечем. */
lineLimitWindowBar.addEventListener("mousedown", function(e){
    e.preventDefault();
    lineLimitDragging = true;
    lineLimitWindowBar.classList.add("dragging");
    var totalLines0 = src.value.split("\n").length;
    var startTop = Math.max(0, lineLimitTop);
    var startBottom = (lineLimit < 0) ? totalLines0 : Math.min(lineLimit, totalLines0);
    var gap = startBottom - startTop;
    var startY = e.clientY;
    var onMove = function(ev){
        var totalLines = src.value.split("\n").length;
        var deltaLines = Math.round((ev.clientY - startY) / LINE_LIMIT_LINE_H);
        var newTop = Math.max(0, Math.min(startTop + deltaLines, totalLines - gap));
        var newBottom = newTop + gap;
        var axesAll = laserAxesAllActive();
        lineLimitTop = newTop;
        lineLimit = (newBottom >= totalLines) ? -1 : newBottom;
        rebuild();
        laserReapplyAll(axesAll);
    };
    var onUp = function(){
        lineLimitDragging = false;
        lineLimitWindowBar.classList.remove("dragging");
        window.removeEventListener("mousemove", onMove);
        window.removeEventListener("mouseup", onUp);
    };
    window.addEventListener("mousemove", onMove);
    window.addEventListener("mouseup", onUp);
});
lineLimitWindowBar.addEventListener("dblclick", function(){
    var axesAll = laserAxesAllActive();
    lineLimit = -1;
    lineLimitTop = 0;
    rebuild();
    laserReapplyAll(axesAll);
});
/* === МАРКЕР 04: ПАРСЕР СТРОК → ЯЧЕЙКИ (PARSE) === */
// Строки с индексом >= lineLimit подменяются на пустые — парсер их не видит,
// как будто их нет. Реальный src.value (для редактора/подсветки) не трогаем.
function effectiveSrcValue(){
  if (lineLimit < 0 && lineLimitTop <= 0) return src.value;
  var lines = src.value.split("\n");
  if (lineLimit >= 0) for (var i=lineLimit; i<lines.length; i++) lines[i] = "";
  for (var j=0; j<lineLimitTop && j<lines.length; j++) lines[j] = ""; // верхняя граница: отсечь строки сверху
  return lines.join("\n");
}

// === Поле «Паттерны»: что именно ищем ===
// Непустые строки поля #patSrc — это искомые паттерны. Пока их хоть один, поиск/захват ищет
// ИХ и полностью игнорирует строку под границей в «Данных»; поле пустое — всё как раньше.
// offset — где начинается обрезанный текст в сырой строке (для подсветки совпадений в самом поле).
/* === Кеш вариантов паттерна === */
// Всё, что нужно знать про паттерн, считается один раз и лежит в кеше (ключ — сам текст, так что
// инвалидация не нужна: одинаковый текст → одинаковые варианты).
//   ones  — сколько в нём единиц (у любого поворота столько же; у инверсии — L минус столько),
//           по этому числу идёт быстрый отсев окон стога, см. hayFindPattern
//   pp    — паттерн, склеенный сам с собой: содержит все свои повороты как подстроки с 0..L-1
//   ppInv — то же для побитовой инверсии
//   ppRev — то же для развёрнутого паттерна (именно «повороты уже развёрнутого» ждёт
//           rotatedRangeToOriginal в подсветке)
var _patVarCache = Object.create(null), _patVarCount = 0;
function patVariants(pat){
  var v = _patVarCache[pat];
  if (v) return v;
  var L = pat.length, ones = 0, inv0 = "", rev0 = "";
  for (var i = 0; i < L; i++){
    if (pat.charCodeAt(i) === 49) ones++;
    inv0 += (pat[i] === '1' ? '0' : '1');
  }
  for (var j = L - 1; j >= 0; j--) rev0 += pat[j];
  // Удвоенная строка содержит ВСЕ свои циклические повороты как подстроки, начинающиеся с 0..L-1.
  // Поэтому «какой это поворот» — просто indexOf по удвоенной, без хранения L отдельных строк.
  v = { len: L, ones: ones, pp: pat + pat, ppInv: inv0 + inv0, ppRev: rev0 + rev0 };
  if (_patVarCount > 2000) { _patVarCache = Object.create(null); _patVarCount = 0; } // не растим бесконечно
  _patVarCache[pat] = v; _patVarCount++;
  return v;
}

/* === Поиск поворота паттерна в стоге: индекс стога + отсев по числу единиц ===
   Раньше на каждую пару (кусок стога, паттерн) перебирались ВСЕ L поворотов в трёх видах, и на
   каждый делался indexOf по куску: L×3×|H| операций. При 70 паттернах и 70 строках данных это
   ~10^8 за кадр — вкладка вставала.
   Теперь на кусок один раз считаются префиксные суммы единиц, и для паттерна проверяются только
   те окна длины L, где число единиц СОВПАЛО с нужным (у любого поворота их столько же, сколько
   у самого паттерна; у инверсии — L минус столько). Настоящее сравнение (indexOf по удвоенной
   строке) делается лишь для окон-кандидатов. Что именно ищется и у какого паттерна — не
   изменилось; может отличаться лишь то, КАКОЙ из равноправных поворотов будет назван первым
   (раньше — с наименьшим номером поворота, теперь — самый левый в стоге). */
function makeHayIndex(H){
  var n = H.length, pre = new Int32Array(n + 1);
  for (var i = 0; i < n; i++) pre[i + 1] = pre[i] + (H.charCodeAt(i) === 49 ? 1 : 0);
  return { str: H, pre: pre, n: n };
}
function hayFindPattern(idx, v){
  var L = v.len, n = idx.n;
  if (!L || L > n) return null;
  var pre = idx.pre, H = idx.str, needD = v.ones, needI = L - v.ones, k;
  for (var i = 0, last = n - L; i <= last; i++){
    var c = pre[i + L] - pre[i];
    if (c !== needD && c !== needI) continue; // ни один из трёх видов сюда не ляжет
    var w = H.substr(i, L);
    if (c === needD) {
      k = v.pp.indexOf(w);    if (k !== -1 && k < L) return { kind: 'прямой',   type: 'normal', pat: w, rot: k, lIdx: i, total: L };
      k = v.ppRev.indexOf(w); if (k !== -1 && k < L) return { kind: 'реверс',   type: 'rev',    pat: w, rot: k, lIdx: i, total: L };
    }
    if (c === needI) {
      k = v.ppInv.indexOf(w); if (k !== -1 && k < L) return { kind: 'инверсия', type: 'inv',    pat: w, rot: k, lIdx: i, total: L };
    }
  }
  return null;
}

// Какие паттерны уже «закрыты» — то есть нашлись и были засчитаны захватом. Ключ — индекс строки
// поля. Закрытый паттерн в дальнейшем поиске НЕ участвует (иначе один и тот же находился бы
// бесконечно), его номер горит акцентом, а строка подсвечена фоном. Кнопка «⏹ Сброс» над полем
// снимает все отметки — поиск начинается заново теми же паттернами. Правка текста поля тоже
// сбрасывает отметки: номера строк съезжают, и старые отметки стали бы враньём.
var patClosed = {};
var patLastClosedIdx = -1; // какой паттерн закрылся ПОСЛЕДНИМ — он и дал текущую втянутую строку
var _patClosedVer = 0; // счётчик правок patClosed — по нему сбрасывается кеш openPatternRows
function resetPatClosed(){ patClosed = {}; patLastClosedIdx = -1; _patClosedVer++; }
// Отметить закрытым первый ещё открытый паттерн с таким текстом (needle отдаёт сам поиск).
// Пишет в консоль НОМЕР закрытого паттерна: подсветка к моменту отрисовки уже показывает
// СЛЕДУЮЩЕГО кандидата (сработавший закрыт и в поиске не участвует), поэтому «какая строка от
// какого паттерна» видно только здесь. Возвращает номер (1-based) или 0.
function markPatternClosedByNeedle(needle){
  if (!needle) return 0;
  var prs = patternRows();
  for (var i = 0; i < prs.length; i++){
    if (patClosed[prs[i].lineIdx]) continue;
    if (prs[i].text === needle) {
      patClosed[prs[i].lineIdx] = true;
      patLastClosedIdx = prs[i].lineIdx;
      _patClosedVer++;
      console.log("[Kubits]   ↳ сработал паттерн №" + prs[i].lineNo + " \"" + prs[i].text + "\" → закрыт");
      return prs[i].lineNo;
    }
  }
  return 0;
}
// Своя галка «Без 1-го символа» — только для паттернов (у строки под границей своя, в «Захвате»).
function patSkipFirstOn(){ var el = $("patSkipFirstCheck"); return !!(el && el.checked); }
// «🔒 Строго» — паттерн №N ищется только в строках «Данных» с номерами строго меньше N.
function patStrictOn(){ var el = $("btnPatStrict"); return !!(el && el.classList.contains("active")); }
// lineNo — номер строки паттерна (1-based, как в нумерации поля): по нему работает «Строго».
// offset уже учитывает отброшенный первый символ — подсветка в поле встаёт ровно на искомое.
// Мемоизация по (текст поля + состояние галки): функция зовётся из самых горячих циклов поиска,
// и на 70 строках её честный пересчёт на каждый вызов сам по себе съедал кадр.
var _patRowsCache = null, _patRowsKey = null;
function patternRows(){
  var el = $("patSrc");
  if (!el) return [];
  var skip = patSkipFirstOn();
  var key = (skip ? "1|" : "0|") + el.value;
  if (_patRowsCache && _patRowsKey === key) return _patRowsCache;
  var out = [], lines = el.value.split("\n");
  for (var i = 0; i < lines.length; i++){
    var trm = lines[i].trim();
    if (!trm) continue;
    var off = lines[i].indexOf(trm), text = trm;
    if (skip && text.length > 1) { text = text.slice(1); off += 1; }
    out.push({ text: text, lineIdx: i, offset: off, lineNo: i + 1 });
  }
  _patRowsKey = key; _patRowsCache = out;
  return out;
}
function patternsActive(){ return patternRows().length > 0; }
// Ещё не закрытые паттерны — только они участвуют в поиске и подсветке. Тоже мемоизировано:
// база (patternRows) + версия набора закрытых. openPatternTexts — готовый список строк для поиска,
// чтобы не создавать новый массив на каждый кусок стога.
var _openCache = null, _openBase = null, _openVer = -1, _openTexts = null;
function openPatternRows(){
  var rows = patternRows();
  if (_openCache && _openBase === rows && _openVer === _patClosedVer) return _openCache;
  _openBase = rows; _openVer = _patClosedVer;
  _openCache = rows.filter(function(p){ return !patClosed[p.lineIdx]; });
  _openTexts = _openCache.map(function(p){ return p.text; });
  return _openCache;
}
function openPatternTexts(){ openPatternRows(); return _openTexts; }
// Единый источник искомых строк для ВСЕГО поиска (захват + подсветка): либо паттерны из поля,
// либо (если поле пустое) — строка под границей, как было всегда. «Без 1-го символа» на
// паттерны НЕ действует: паттерн ищется ровно таким, как написан.
// Важно: если поле непустое, но ВСЕ паттерны уже закрыты — искать больше нечего, и на строку под
// границей мы НЕ откатываемся (иначе захват после «конца списка» тихо продолжился бы по данным).
function searchPatternsList(){
  if (patternsActive()) return openPatternTexts();
  var pat = belowRowSearchPat();
  return pat ? [pat] : [];
}
// Подпись справа от заголовка «Паттерны» — видно, по чему сейчас идёт поиск.
function updatePatState(){
  var el = $("patState");
  if (!el) return;
  var t = i18n[currentLang], n = patternRows().length, open = openPatternRows().length;
  // «последний: №N» — какой паттерн реально дал текущую втянутую строку. Яркая подсветка к этому
  // моменту уже показывает следующего кандидата, так что без этой цифры пару «строка ↔ паттерн»
  // по экрану не восстановить.
  var lastNote = (patLastClosedIdx >= 0) ? (" · " + t.patStateLast + (patLastClosedIdx + 1)) : "";
  el.textContent = n ? (t.patStateOn + open + " / " + n + lastNote) : t.patStateOff;
  el.style.color = n ? (open ? "var(--accent)" : "var(--muted)") : "var(--muted)";
}

function parse(){
  var cells=[], rows=[], floors=0, trunc=false;
  var halfShifts=[];
  var padTails=[];  // серый «добор» (повтор бит) для показа в панели исходных строк — ring + «Дополнить строку»
  var lineFloor={}; // absL (номер строки в textarea) -> индекс этажа k, для нумерации/клика в панели «Данные»

  function push(a, b, k, val, isPadded, absL, cIdx){
    if(cells.length>=CUBE_MAX){ trunc=true; return false; }
    cells.push([a, b, k, val, isPadded, absL, cIdx]); return true;
  }

  var doLoop = loopBits.checked && (mode.value === "ring" || mode.value === "squares" || isPyraMode());
  var doInvert = doLoop && loopBitsInvert && loopBitsInvert.checked; // «Добор инверсией»: хвост добора берёт инверсию бит вместо повтора
  var doDynamic = doLoop && loopDynamic && loopDynamic.checked; // «Добор Динам.»: пересчитывать хвост от текущих бит на каждой правке, а не замораживать

  var rawLines = effectiveSrcValue().split("\n");
  var parsedFloors = [];
  for(var i=0; i<rawLines.length; i++){
     var trm = rawLines[i].trim();
     if(trm.length > 0 && parsedFloors.length < MAXF) {
         parsedFloors.push({ absL: i, txt: trm, off: rawLines[i].indexOf(trm) });
     }
  }

  if(mode.value==="ring"){
    floors=parsedFloors.length; rows=parsedFloors.map(function(f){return f.txt;});
    var R=floors-1;
    outer:
    for(var k=0;k<floors;k++){
      var ring=[];
      if(k===0){ ring=[[0,0]]; }
      else{
        for(var i=-k;i<=k;i++) for(var j=-k;j<=k;j++){
          if(Math.abs(Math.sqrt(i*i+j*j)-k)<0.5) ring.push([i,j]);
        }
        ring.sort(function(p,q){return Math.atan2(p[1],p[0])-Math.atan2(q[1],q[0]);});
      }
      var bits = parsedFloors[k].txt;
      var absL = parsedFloors[k].absL;
      var off = parsedFloors[k].off;
      lineFloor[absL] = k;
      if (bits.length === 0) continue;
      // Визуальный сдвиг по кругу (кнопки «👁 Визуальный сдвиг») — крутит кольцо ЦЕЛИКОМ (реальные
      // биты + добор вместе, как единое жёсткое кольцо): физическая позиция t читает точку
      // combinedIdx неподвижной «основы» (см. getPadStr), а не только зону реальных бит при
      // зафиксированной границе добора. posMod, т.к. сдвиг может быть отрицательным.
      var vshift = ringVisualShift[absL] || 0;
      var posMod = function(n, m){ return ((n % m) + m) % m; };

      // «Добор»: повтор бит до заполнения кольца — запоминаем хвост (БЕЗ сдвига) для серого показа
      // в редакторе. Хвост застывает при формировании (см. getFrozenPadStr) и не пересчитывается
      // от текущих бит.
      var frozenPadStr = "";
      if (doLoop && ring.length > bits.length) {
        frozenPadStr = getPadStr(absL, ring.length, bits.length, doInvert, doDynamic, function(idx){ return bits[idx]; });
        padTails[absL] = frozenPadStr;
      }

      for(var t=0;t<ring.length;t++){
        var val = 0, isPad = false, cIdx = -1;
        if (doLoop) {
          var combinedIdx = posMod(t + vshift, ring.length);
          isPad = (combinedIdx >= bits.length);
          if (isPad) {
            val = (frozenPadStr[combinedIdx - bits.length] === "1") ? 1 : 0;
            cIdx = off + (combinedIdx % bits.length); // алиас на реальный бит, который добор повторяет
          } else {
            val = (bits[combinedIdx] === "1") ? 1 : 0;
            cIdx = off + combinedIdx;
          }
        } else {
          if (t < bits.length) {
            val = (bits[t] === "1") ? 1 : 0;
            isPad = false;
            cIdx = off + t;
          } else {
            val = 0;
            isPad = true;
          }
        }
        if(!push(ring[t][0]+R, ring[t][1]+R, k, val, isPad, absL, cIdx)) break outer;
      }
    }
  } else if(mode.value==="squares"){
    // «Квадраты»: этаж k — квадратное кольцо со стороной 2k+1 вокруг центра, в 4 углах
    // всегда Добор-0, строка идёт по сторонам по часовой стрелке (углы битов не тратят).
    // Дальше всё как у остальных режимов: общая сетка (вид сверху), рамки/зеркала/поворот/баланс.
    floors=parsedFloors.length; rows=parsedFloors.map(function(f){return f.txt;});
    var Rq=floors-1;
    outerQ:
    for(var kq=0;kq<floors;kq++){
      var bitsQ = parsedFloors[kq].txt;
      var absLQ = parsedFloors[kq].absL;
      var offQ = parsedFloors[kq].off;
      lineFloor[absLQ] = kq;
      if (bitsQ.length === 0) continue;

      if(kq===0){
        if(!push(Rq, Rq, 0, bitsQ[0]==="1"?1:0, false, absLQ, offQ)) break outerQ;
        continue;
      }

      var sideQ = 2*kq+1;
      var coordsQ = [];
      for(var xq=0;xq<sideQ;xq++) coordsQ.push([xq,0]);              // верх, слева направо
      for(var yq=1;yq<sideQ;yq++) coordsQ.push([sideQ-1,yq]);        // право, сверху вниз
      for(var xq2=sideQ-2;xq2>=0;xq2--) coordsQ.push([xq2,sideQ-1]); // низ, справа налево
      for(var yq2=sideQ-2;yq2>=1;yq2--) coordsQ.push([0,yq2]);       // лево, снизу вверх

      var capQ = coordsQ.length - 4; // клеток под биты (4 угла не считаются)
      // Визуальный сдвиг для этого этажа — крутит СТОРОНЫ (реальные биты + добор) целиком как
      // единое жёсткое кольцо, углы (всегда 0) в этом вращении не участвуют. См. аналогичное в «ring».
      var vshiftQ = ringVisualShift[absLQ] || 0;
      var posModQ = function(n, m){ return ((n % m) + m) % m; };
      var frozenPadStrQ = "";
      if (doLoop && capQ > bitsQ.length) {
        frozenPadStrQ = getPadStr(absLQ, capQ, bitsQ.length, doInvert, doDynamic, function(idx){ return bitsQ[idx]; });
        padTails[absLQ] = frozenPadStrQ;
      }

      var tq = 0; // позиция бита в строке (вдоль сторон, без углов)
      for(var iq=0;iq<coordsQ.length;iq++){
        var gxq=coordsQ[iq][0], gyq=coordsQ[iq][1];
        var isCornerQ=(gxq===0||gxq===sideQ-1)&&(gyq===0||gyq===sideQ-1);
        var valQ=0, isPadQ=false, cIdxQ=-1;
        if(isCornerQ){
          isPadQ=true;
        } else if (doLoop) {
          var combinedIdxQ = posModQ(tq + vshiftQ, capQ);
          isPadQ = (combinedIdxQ >= bitsQ.length);
          if (isPadQ) {
            valQ = (frozenPadStrQ[combinedIdxQ - bitsQ.length] === "1") ? 1 : 0;
            cIdxQ = offQ + (combinedIdxQ % bitsQ.length); // алиас на реальный бит, который добор повторяет
          } else {
            valQ = (bitsQ[combinedIdxQ] === "1") ? 1 : 0;
            cIdxQ = offQ + combinedIdxQ;
          }
          tq++;
        } else {
          if (tq < bitsQ.length) { valQ = (bitsQ[tq]==="1")?1:0; cIdxQ = offQ + tq; }
          else isPadQ = true;
          tq++;
        }
        if(!push(Rq-kq+gxq, Rq-kq+gyq, kq, valQ, isPadQ, absLQ, cIdxQ)) break outerQ;
      }
    }
  } else if(isPyraMode()){
    // «Пирамида 3/4»: объёмная фигура как «Круглая воронка», но этаж — треугольник (pyra3,
    // вершина треугольника сверху в виде сверху) или квадрат (pyra4). Переключатели pyraGroup:
    // pyraFill: "ring" — этаж-кольцо по периметру (углы всегда Добор-0, как в «Квадратах»),
    //           "solid" — сплошная заливка всей площади этажа (биты по рядам слева направо);
    // pyraApex: "down" — строка k → фигура размера k (первая строка — 1 кубик, остриё внизу,
    //           как воронка), "up" — строка k → размер (floors-1-k): первая строка — самое
    //           большое основание внизу, последняя — вершина (классическая пирамида).
    // Треугольник размера r: клетки |x| <= y+r, -r <= y <= r (вершина (0,-r), основание 4r+1);
    // кольцо r = этот треугольник минус треугольник r-1 — ровно периметр, без дыр, 8r клеток
    // (столько же, сколько у квадратного кольца со стороной 2r+1). Обход по часовой от вершины.
    floors=parsedFloors.length; rows=parsedFloors.map(function(f){return f.txt;});
    var RP=floors-1;
    var triP=(mode.value==="pyra3");
    outerP:
    for(var kp=0;kp<floors;kp++){
      var bitsP=parsedFloors[kp].txt, absLP=parsedFloors[kp].absL, offP=parsedFloors[kp].off;
      lineFloor[absLP]=kp;
      if(bitsP.length===0) continue;
      var rp=(pyraApex==='up')?(RP-kp):kp;
      var coordsP=[], cornP=[]; // клетки этажа (центр (0,0)) + флаг «угловая» (в solid углов нет)
      if(pyraFill==='solid'){
        for(var ys=-rp; ys<=rp; ys++){
          var wS = triP ? (ys+rp) : rp;
          for(var xs=-wS; xs<=wS; xs++){ coordsP.push([xs,ys]); cornP.push(false); }
        }
      } else if(rp===0){ coordsP.push([0,0]); cornP.push(false); }
      else if(triP){
        for(var ye=-rp; ye<=rp; ye++) coordsP.push([ye+rp, ye]);               // правое ребро: вершина → правый низ
        for(var xe=2*rp-1; xe>=-2*rp; xe--) coordsP.push([xe, rp]);            // основание: справа налево
        for(var ye2=rp-1; ye2>=-rp+1; ye2--) coordsP.push([-(ye2+rp), ye2]);   // левое ребро: снизу вверх
        coordsP.forEach(function(c){ cornP.push(c[1]===-rp || (c[1]===rp && Math.abs(c[0])===2*rp)); });
      } else {
        for(var xq=-rp; xq<=rp; xq++) coordsP.push([xq,-rp]);                  // верх, слева направо
        for(var yq=-rp+1; yq<=rp; yq++) coordsP.push([rp,yq]);                 // право, сверху вниз
        for(var xq2=rp-1; xq2>=-rp; xq2--) coordsP.push([xq2,rp]);             // низ, справа налево
        for(var yq2=rp-1; yq2>=-rp+1; yq2--) coordsP.push([-rp,yq2]);          // лево, снизу вверх
        coordsP.forEach(function(c){ cornP.push(Math.abs(c[0])===rp && Math.abs(c[1])===rp); });
      }
      var capP=0;
      for(var cci=0;cci<cornP.length;cci++) if(!cornP[cci]) capP++;
      // Визуальный сдвиг и Добор — как в «Квадратах»: крутятся/заполняются только не-угловые клетки
      var vshiftP=ringVisualShift[absLP]||0;
      var posModP=function(n,m){ return ((n%m)+m)%m; };
      var frozenPadStrP="";
      if(doLoop && capP>bitsP.length){
        frozenPadStrP=getPadStr(absLP, capP, bitsP.length, doInvert, doDynamic, function(idx){ return bitsP[idx]; });
        padTails[absLP]=frozenPadStrP;
      }
      var tp=0;
      for(var ip=0;ip<coordsP.length;ip++){
        var valP=0, isPadP=false, cIdxP=-1;
        if(cornP[ip]){
          isPadP=true;
        } else if(doLoop){
          var combP=posModP(tp+vshiftP, capP);
          isPadP=(combP>=bitsP.length);
          if(isPadP){ valP=(frozenPadStrP[combP-bitsP.length]==="1")?1:0; cIdxP=offP+(combP%bitsP.length); }
          else { valP=(bitsP[combP]==="1")?1:0; cIdxP=offP+combP; }
          tp++;
        } else {
          if(tp<bitsP.length){ valP=(bitsP[tp]==="1")?1:0; cIdxP=offP+tp; }
          else isPadP=true;
          tp++;
        }
        if(!push(coordsP[ip][0]+(triP?2*RP:RP), coordsP[ip][1]+RP, kp, valP, isPadP, absLP, cIdxP)) break outerP;
      }
    }
  } else if(mode.value==="snake"){
    // «Змейка»: все строки склеиваются в одну непрерывную квадратную спираль из центра.
    // Каждая строка продолжает предыдущую без разрывов; этаж куба = номер строки.
    // snakeVisibleRows ограничивает, сколько строк уже построено (кнопки «Шаг»/«Построить всё»).
    floors=parsedFloors.length; rows=parsedFloors.map(function(f){return f.txt;});
    var showRowsS = Math.max(1, Math.min(snakeVisibleRows, floors));
    // Спираль генерится сразу по ВСЕМ строкам: смещение фиксировано, построенные шаги
    // стоят на месте, а новые кубы прикладываются к ним (картинка не прыгает)
    var totalS = 0;
    for(var ksT=0; ksT<floors; ksT++){ totalS += Math.min(parsedFloors[ksT].txt.length, MAXC); }
    // Непрерывная спираль: право 1, вниз 1, лево 2, вверх 2, право 3, вниз 3, ...
    var coordsS=[[0,0]];
    var cxS=0, cyS=0, legS=1, dirS=0;
    var DXS=[1,0,-1,0], DYS=[0,1,0,-1];
    while(coordsS.length < totalS){
      for(var repS=0; repS<2 && coordsS.length<totalS; repS++){
        for(var stS=0; stS<legS && coordsS.length<totalS; stS++){
          cxS+=DXS[dirS]; cyS+=DYS[dirS]; coordsS.push([cxS,cyS]);
        }
        dirS=(dirS+1)%4;
      }
      legS++;
    }
    var minXS=0, minYS=0;
    for(var ciS=0; ciS<coordsS.length; ciS++){
      if(coordsS[ciS][0]<minXS) minXS=coordsS[ciS][0];
      if(coordsS[ciS][1]<minYS) minYS=coordsS[ciS][1];
    }
    // Первый куб спирали (1-я строка, 1-й бит) — центр для вращения/зеркала/XOR
    snakeCenterA = -minXS; snakeCenterB = -minYS;
    var posS=0;
    outerS:
    for(var ksS=0; ksS<showRowsS; ksS++){
      var bitsS=parsedFloors[ksS].txt.slice(0,MAXC);
      var absLS=parsedFloors[ksS].absL;
      var offS=parsedFloors[ksS].off;
      lineFloor[absLS]=ksS;
      for(var tiS=0; tiS<bitsS.length; tiS++){
        var cS=coordsS[posS++];
        if(!push(cS[0]-minXS, cS[1]-minYS, ksS, bitsS[tiS]==="1"?1:0, false, absLS, offS+tiS)) break outerS;
      }
    }
    // Непостроенные строки тоже регистрируем — для нумерации/клика в панели «Данные»
    for(var ksR=showRowsS; ksR<floors; ksR++){ lineFloor[parsedFloors[ksR].absL]=ksR; }
    } else if(mode.value === "funnel" || mode.value === "rhomb"){
    floors = parsedFloors.length; rows = parsedFloors.map(function(f){return f.txt;});
    var maxLen = 0;
    parsedFloors.forEach(function(f){ var L = Math.min(f.txt.length, MAXC); if(L > maxLen) maxLen = L; });

    for(var k2 = 0; k2 < floors; k2++){
      var b2 = parsedFloors[k2].txt.slice(0, MAXC);
      var absL2 = parsedFloors[k2].absL;
      var off2 = parsedFloors[k2].off;
      lineFloor[absL2] = k2;
      var base = Math.floor((maxLen - b2.length) / 2);
      var parity = ((maxLen - b2.length) % 2) * 0.5;
      var offset, hshift;
      // offset — на сколько клеток строка сдвинута вправо внутри самой широкой строки;
      // hshift — дополнительный сдвиг на ПОЛклетки (нужен воронке/ромбам, у табличных
      // выравниваний его нет).
      if (alignMode === 'left')        { offset = 0;                   hshift = 0; }
      else if (alignMode === 'center') { offset = base;                hshift = 0; }
      else if (alignMode === 'right')  { offset = maxLen - b2.length;  hshift = 0; }
      else if (alignMode === 'diag')   { offset = base;                hshift = parity; }
      else                             { offset = base;                hshift = parity + base; }
      halfShifts[k2] = hshift;
      
      for(var i2 = 0; i2 < maxLen; i2++){
        var charPos = i2 - offset;
        var val2 = 0, isPad2 = false, cIdx2 = -1;
        if (charPos >= 0 && charPos < b2.length) {
          val2 = (b2[charPos] === "1") ? 1 : 0;
          cIdx2 = off2 + charPos;
        } else {
          isPad2 = true;
        }
        // Ромбы: не добавляем нулевые клетки-заполнители по краям — только реальные биты строки
        // (тогда лазерные оси считаются по реальным кубам, а не по флангам-нулям).
        if (isPad2 && mode.value === "rhomb") continue;
        if(!push(i2, 0, k2, val2, isPad2, absL2, cIdx2)){ k2 = floors; break; }
      }
    }
  } else {
    var blocks = effectiveSrcValue().split(/\n\s*\n/).filter(function(b){return b.trim().length;}).slice(0, MAXF);
    floors = blocks.length;
    var absLineCounter = 0;
    var rawL = effectiveSrcValue().split('\n');

    outer2:
    for(var k3 = 0; k3 < floors; k3++){
      var blockLines = blocks[k3].split('\n').filter(function(s){return s.trim().length;});
      rows.push(blockLines.map(function(s){return s.trim();}).join(" / "));
      var maxW = 0;
      blockLines.forEach(function(r) { if (r.trim().length > maxW) maxW = Math.min(r.trim().length, MAXC); });
      
      for(var j3 = 0; j3 < blockLines.length; j3++){
        var trmStr = blockLines[j3].trim().slice(0, MAXC);
        
        while(absLineCounter < rawL.length && rawL[absLineCounter].trim() !== blockLines[j3].trim()) {
            absLineCounter++;
        }
        var currentAbsLine = absLineCounter;
        var currentOff = rawL[currentAbsLine] ? rawL[currentAbsLine].indexOf(trmStr) : 0;
        lineFloor[currentAbsLine] = k3;
        
        for(var i3 = 0; i3 < maxW; i3++){
          var val3 = 0, isPad3 = false, cIdx3 = -1;
          if (i3 < trmStr.length) {
            val3 = (trmStr[i3] === "1") ? 1 : 0;
            cIdx3 = currentOff + i3;
          } else {
            isPad3 = true;
          }
          if(!push(i3, j3, k3, val3, isPad3, currentAbsLine, cIdx3)) break outer2;
        }
        absLineCounter++;
      }
    }
  }
  D = {cells:cells, floors:floors, rows:rows, truncated:trunc, half:halfShifts, padTails:padTails, lineFloor:lineFloor};
}
/* === МАРКЕР 05: ГЕОМЕТРИЯ СЦЕНЫ И АВТО-ФИТ (GEOMETRY/AUTOFIT) === */
function geometry(){
  var m = mode.value;
  var list = D.cells.slice();
  var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;
  var gMinX = 1e9, gMaxX = -1e9, gMinY = 1e9, gMaxY = -1e9;
  var kind, gd = [];
  var snakeGuide = []; // «Змейка»: центры кубиков по строкам, в порядке построения пути (для пунктирной линии-гида)
  var showAll = ghostsAll.checked || ghosts.checked;
  var updateBounds = function(x, y, pad, isVis, isReal) {
    if (isVis) {
      if (x - pad < minX) minX = x - pad;
      if (x + pad > maxX) maxX = x + pad;
      if (y - pad < minY) minY = y - pad;
      if (y + pad > maxY) maxY = y + pad;
    }
    if (isReal === false) return;
    if (x - pad < gMinX) gMinX = x - pad;
    if (x + pad > gMaxX) gMaxX = x + pad;
    if (y - pad < gMinY) gMinY = y - pad;
    if (y + pad > gMaxY) gMaxY = y + pad;
  };

  if(m === "rhomb"){
    kind = "rhomb";
    list.sort(function(a, b){return a[2] - b[2];});
    list.forEach(function(c){
      var x = rhX(c), y = -c[2] * DD / 2;
      updateBounds(x, y, DD, c[3] === 1 || showAll, !c[4]);
    });
  } else if(currentView === "top"){
    kind = "top";
    list.sort(function(a, b){return a[2] - b[2];});
    list.forEach(function(c){
      var x = aC(c) * TS, y = c[1] * TS;
      updateBounds(x + TS / 2, y + TS / 2, TS / 2, c[3] === 1 || showAll, !c[4]);
    });
    if(m === "ring" && guides.checked && D.floors > 0){
      var C = (D.floors - 0.5) * TS;
      var step = Math.max(1, Math.ceil(D.floors / 16));
      for(var k = 0; k < D.floors; k++){
        var r = k * TS;
        var lab = (k % step === 0 || D.floors <= 24) ? String(k + 1) : null;
        var lx = C + (k > 0 ? r : TS * 0.7) + 6;
        gd.push({k:k, cx:C, cy:C, rx:r, ry:r, lx:lx, ly:C + 4, lab:lab});
        updateBounds(C, C, r + 30, true);
      }
    }
    if(m === "snake" && guides.checked){
      // D.cells идут в порядке построения спирали (строка за строкой, куб за кубом) — это и есть путь.
      D.cells.forEach(function(c){
        snakeGuide.push({x: aC(c) * TS + TS / 2, y: c[1] * TS + TS / 2, k: c[2]});
      });
    }
  } else {
    kind = "iso";
    // Поворот изометрии «покубово»: шаги по 90° в плоскости этажей (a,b) вокруг центра сетки.
    // Ячейки копируются, чтобы не портить исходные D.cells (в копии половинный сдвиг уже вшит).
    var isoS = ((isoRotSteps % 4) + 4) % 4;
    if (isoS !== 0) {
      var minA = 1e9, maxA = -1e9, minB = 1e9, maxB = -1e9;
      list.forEach(function(c){
        var a = aC(c), b = c[1];
        if (a < minA) minA = a; if (a > maxA) maxA = a;
        if (b < minB) minB = b; if (b > maxB) maxB = b;
      });
      var cA = (minA + maxA) / 2, cB = (minB + maxB) / 2;
      list = list.map(function(c){
        var a = aC(c), b = c[1];
        var da = a - cA, db = b - cB, ra, rb;
        if (isoS === 1) { ra = -db; rb = da; }
        else if (isoS === 2) { ra = -da; rb = -db; }
        else { ra = db; rb = -da; }
        var nc = c.slice();
        nc[0] = cA + ra - ((D.half && D.half[c[2]]) || 0); // aC() добавит сдвиг обратно
        nc[1] = cB + rb;
        return nc;
      });
    }
    list.sort(function(a, b){return (a[0] + a[1] + a[2]) - (b[0] + b[1] + b[2]);});
    // aMinY/aMaxY: bbox по ВСЕМ ячейкам кольца (реальные + добор вместе), а не только реальным
    // (!c[4]). Физический набор позиций кольца на каждом этаже не зависит от того, где именно
    // сейчас реальные биты, а где добор (это определяет только vshift/ringVisualShift) — поэтому
    // этот bbox неизменен при «Визуальном сдвиге», в отличие от gMinY/gMaxY (только реальные).
    // Нужен, чтобы центр воронки (finalCy ниже) не «гулял» вверх-вниз на каждом такте сдвига.
    var aMinY = 1e9, aMaxY = -1e9;
    list.forEach(function(c){
      var a = aC(c), b = c[1], k = c[2];
      var x1 = (a - b - 1) * u, x2 = (a - b + 1) * u;
      var y1 = (a + b) * v - (k + 1) * hh, y2 = (a + b + 2) * v - k * hh;
      var isVis = c[3] === 1 || showAll;
      if (isVis) {
        if(x1 < minX) minX = x1; if(x2 > maxX) maxX = x2;
        if(y1 < minY) minY = y1; if(y2 > maxY) maxY = y2;
      }
      if(y1 < aMinY) aMinY = y1; if(y2 > aMaxY) aMaxY = y2;
      if (!c[4]) {
        if(x1 < gMinX) gMinX = x1; if(x2 > gMaxX) gMaxX = x2;
        if(y1 < gMinY) gMinY = y1; if(y2 > gMaxY) gMaxY = y2;
      }
    });
    if(m === "ring" && guides.checked && D.floors > 0){
      var R = D.floors - 1, Cw = R + 0.5;
      var step2 = Math.max(1, Math.ceil(D.floors / 16));
      for(var k4 = 0; k4 < D.floors; k4++){
        var cy = 2 * Cw * v - (k4 + 1) * hh;
        var rx = Math.SQRT2 * k4 * u, ry = Math.SQRT2 * k4 * v;
        var lab2 = (k4 % step2 === 0 || D.floors <= 24) ? String(k4 + 1) : null;
        var lx2 = (k4 > 0 ? rx : u) + 8;
        gd.push({k:k4, cx:0, cy:cy, rx:rx, ry:ry, lx:lx2, ly:cy + 4, lab:lab2});
        updateBounds(0, cy, Math.max(rx, ry) + 40, true);
      }
    }
  }
  
  if(minX === 1e9){ minX = 0; maxX = 100; minY = 0; maxY = 100; }
  if(gMinX === 1e9){ gMinX = minX; gMaxX = maxX; gMinY = minY; gMaxY = maxY; }
  var finalCx = (gMinX + gMaxX) / 2;
  var finalCy = (gMinY + gMaxY) / 2;

  // Жесткая привязка центра
  if ((m === "ring" || m === "squares" || m === "pyra3" || m === "pyra4") && kind === "top") {
    var R_center = D.floors > 0 ? D.floors - 1 : 0;
    // Пирамида 3: центр этажей в сетке лежит в (2R, R) — треугольник шире по x (основание 4R+1)
    finalCx = (m === "pyra3" ? 2 * R_center : R_center) * TS + TS / 2;
    finalCy = R_center * TS + TS / 2;
  } else if (m === "snake" && kind === "top") {
    // Центр — первый куб спирали (1-я строка): вокруг него вращение, зеркало, XOR
    finalCx = snakeCenterA * TS + TS / 2;
    finalCy = snakeCenterB * TS + TS / 2;
  } else if ((m === "ring" || m === "squares" || m === "snake" || m === "pyra4") && kind === "iso") {
    finalCx = 0;
    // finalCy — от aMinY/aMaxY (ВСЕ ячейки, не только реальные), а не от gMinY/gMaxY: иначе
    // «Визуальный сдвиг» (крутит, какая физическая позиция кольца сейчас реальный бит, а какая
    // добор) двигал бы центр вверх-вниз на каждом такте, хотя сама воронка физически не меняется.
    if (aMinY !== 1e9) finalCy = (aMinY + aMaxY) / 2;
  } else if (m === "pyra3" && kind === "iso") {
    // Центр этажей (2R, R): в изометрии x-координата центра клетки = (a-b)*u = R*u
    finalCx = (D.floors > 0 ? D.floors - 1 : 0) * u;
    if (aMinY !== 1e9) finalCy = (aMinY + aMaxY) / 2;
  } else if (kind === "top") {
    finalCx = Math.round((finalCx - TS / 2) / TS) * TS + TS / 2;
    finalCy = Math.round((finalCy - TS / 2) / TS) * TS + TS / 2;
  }
  for(var qi = 0; qi < list.length; qi++) list[qi]._i = qi;
  G = {
    kind:kind, list:list, gd:gd, snakeGuide:snakeGuide,
    minX:minX, minY:minY, maxX:maxX, maxY:maxY,
    bw:maxX - minX, bh:maxY - minY,
    cx: finalCx, cy: finalCy
  };
}

function autoFit() {
  var pad = 60;
  var w = stage.clientWidth;
  var h = stage.clientHeight;
  
  var scaleX = (w - pad * 2) / G.bw;
  var scaleY = (h - pad * 2) / G.bh;
  var baseScale = Math.min(scaleX, scaleY);
  if(baseScale < 0.1) baseScale = 0.1;
  if(baseScale > 5) baseScale = 5;

  zoom = baseScale;
  panX = w / 2;
  panY = h / 2;
}

function updateEditorHighlight(hlMap, isMinus, isGold, targetHl, selHlList) {
    var rawLines = src.value.split('\n');
    var html = "";
    // Пока в «Паттернах» есть хоть один паттерн — «найдено» живёт ТОЛЬКО в поле «Паттерны».
    // Строки «Данных» как найденные не подсвечиваем вовсе, чтобы два источника подсветки не
    // путались между собой (targetStrings в этом режиме и так только из паттернов — это ещё и
    // страховка на будущее).
    if (patternsActive()) targetHl = null;

    function hexToRgbA(hex, alpha) {
        var r = parseInt(hex.slice(1, 3), 16);
        var g = parseInt(hex.slice(3, 5), 16);
        var b = parseInt(hex.slice(5, 7), 16);
        return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
    }

    function textColorFor(hex) {
        var r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
        return (0.299*r + 0.587*g + 0.114*b) > 165 ? "#111" : "#FFF";
    }

    var padLayer = "";
    for(var i=0; i<rawLines.length; i++) {
        var line = rawLines[i];
        var padStr = (D.padTails && D.padTails[i]) ? D.padTails[i] : "";
        padLayer += escapeHtml(line) + (padStr ? '<span class="pad-tail">' + escapeHtml(padStr) + '</span>' : "") + "\n";

        var tHl = targetHl && targetHl[i];
        // Ранги подсветки выбранных лазеров на этой строке — по одному набору на каждый выбранный лазер,
        // каждый в своём цвете (несколько лазеров могут быть выбраны одновременно).
        var selRangesList = [];
        if (selHlList) {
            for (var se=0; se<selHlList.length; se++) {
                var r = selHlList[se].map[i];
                if (r && r.length) selRangesList.push({ color: selHlList[se].color, ranges: r });
            }
        }
        var lineHl = hlMap[i];

        if (!tHl && !selRangesList.length && !lineHl) {
            html += escapeHtml(line) + "\n";
            continue;
        }

        for(var j=0; j<line.length; j++) {
            var selHitColor = null;
            for (var sr=0; sr<selRangesList.length && !selHitColor; sr++) {
                var ranges = selRangesList[sr].ranges;
                for (var s=0; s<ranges.length; s++) {
                    if (j >= ranges[s].start && j < ranges[s].end) { selHitColor = selRangesList[sr].color; break; }
                }
            }
            if (selHitColor) {
                var selTxt = textColorFor(selHitColor);
                html += '<span style="background:' + selHitColor + '; color:' + selTxt + '; border-radius:3px; font-weight:700; box-shadow:0 0 5px ' + hexToRgbA(selHitColor, 0.9) + ';">' + escapeHtml(line[j]) + '</span>';
                continue;
            }

            var isN = false, isI = false, isR = false;
            if (tHl) {
                for (var k=0; k<tHl.length; k++) {
                    if (j >= tHl[k].start && j < tHl[k].end) {
                        if (tHl[k].type === 'inv') isI = true;
                        else if (tHl[k].type === 'rev') isR = true;
                        else isN = true;
                    }
                }
            }
            if (isN) {
                html += '<span style="background: rgba(241, 196, 15, 0.45); border-radius: 3px; color: var(--fg);">' + escapeHtml(line[j]) + '</span>';
                continue;
            } else if (isI) {
                html += '<span style="background: rgba(52, 152, 219, 0.45); border-radius: 3px; color: #FFF;">' + escapeHtml(line[j]) + '</span>';
                continue;
            } else if (isR) {
                html += '<span style="background: rgba(155, 89, 182, 0.45); border-radius: 3px; color: #FFF;">' + escapeHtml(line[j]) + '</span>';
                continue;
            }

            var floorIdx = lineHl ? lineHl[j] : undefined;
            if (floorIdx !== undefined && floorIdx !== null) {
                var bgStyle = "";
                if (isGold) {
                    bgStyle = "background: rgba(241, 196, 15, 0.45); border-radius: 3px;";
                } else if (isMinus) {
                    bgStyle = "background: rgba(231, 76, 60, 0.45); border-radius: 3px;";
                } else {
                    var col = pc(floorIdx);
                    bgStyle = "background: " + hexToRgbA(col[1], 0.45) + "; border-radius: 3px;";
                }
                html += '<span style="' + bgStyle + '">' + escapeHtml(line[j]) + '</span>';
            } else {
                html += escapeHtml(line[j]);
            }
        }
        html += "\n";
    }
    if (html !== lastBgHtml) { srcBg.innerHTML = html; lastBgHtml = html; }
    if (padLayer !== lastPadHtml) { srcPad.innerHTML = padLayer; lastPadHtml = padLayer; }
}

// Подсветка совпадений в поле «Паттерны» — тот же принцип, что и в редакторе «Данных»
// (прозрачная textarea поверх слоя #pat-bg с раскрашенным текстом), но без добора/этажей/лазеров:
// здесь бывает только «нашлось» — прямой / инверсия / реверс, теми же тремя цветами.
var lastPatBgHtml = null;
var lastPatGutterHtml = null;
function updatePatHighlight(patHl){
    var ta = $("patSrc"), bg = $("pat-bg");
    if (!ta || !bg) return;
    var lines = ta.value.split('\n');
    var html = "", gutter = "";
    for (var gi = 0; gi < lines.length; gi++){
        // «Закрыт» — стойкая отметка (нашёлся и был засчитан захватом), а не живое совпадение
        // в этом кадре: закрытые в поиске больше не участвуют и подсвечиваться перестают.
        // Номер — только у непустых строк (пустая строка паттерном не считается).
        var gCls = patClosed[gi] ? (gi === patLastClosedIdx ? ' is-found is-last' : ' is-found') : '';
        gutter += '<div class="gutter-line' + gCls + '">' +
            (lines[gi].trim() ? (gi + 1) : "") + '</div>';
    }
    var gEl = $("patGutter");
    if (gEl && gutter !== lastPatGutterHtml) { gEl.innerHTML = gutter; lastPatGutterHtml = gutter; }
    for (var i = 0; i < lines.length; i++){
        var line = lines[i], hl = patHl && patHl[i];
        if (patClosed[i]) {
            // Закрытый паттерн — ровная «погашенная» плашка. Последний закрытый (тот, что и дал
            // текущую втянутую строку) выделен отдельно: яркая подсветка к этому моменту уже
            // ушла на СЛЕДУЮЩЕГО кандидата, и без этой метки непонятно, кто именно сработал.
            html += (i === patLastClosedIdx)
                ? '<span style="background: rgba(155,89,182,0.45); border-radius: 3px; box-shadow: 0 0 6px rgba(155,89,182,0.7);">' + escapeHtml(line) + '</span>\n'
                : '<span style="background: rgba(127,140,141,0.30); border-radius: 3px;">' + escapeHtml(line) + '</span>\n';
            continue;
        }
        if (!hl || !hl.length) { html += escapeHtml(line) + "\n"; continue; }
        for (var j = 0; j < line.length; j++){
            var isN = false, isI = false, isR = false;
            for (var k = 0; k < hl.length; k++){
                if (j >= hl[k].start && j < hl[k].end) {
                    if (hl[k].type === 'inv') isI = true;
                    else if (hl[k].type === 'rev') isR = true;
                    else isN = true;
                }
            }
            // Ярче, чем в редакторе «Данных»: поле маленькое, найденное должно бросаться в глаза.
            // Цвет текста здесь НЕ задаём (слой под textarea, буквы рисует сама textarea) — иначе
            // глифы двоились бы; яркость даём плотностью фона и свечением вокруг совпадения.
            if (isN)      html += '<span style="background: rgba(241, 196, 15, 0.62); border-radius: 3px; box-shadow: 0 0 7px rgba(241, 196, 15, 0.85);">' + escapeHtml(line[j]) + '</span>';
            else if (isI) html += '<span style="background: rgba(52, 152, 219, 0.62); border-radius: 3px; box-shadow: 0 0 7px rgba(52, 152, 219, 0.85);">' + escapeHtml(line[j]) + '</span>';
            else if (isR) html += '<span style="background: rgba(155, 89, 182, 0.62); border-radius: 3px; box-shadow: 0 0 7px rgba(155, 89, 182, 0.85);">' + escapeHtml(line[j]) + '</span>';
            else          html += escapeHtml(line[j]);
        }
        html += "\n";
    }
    if (html !== lastPatBgHtml) { bg.innerHTML = html; lastPatBgHtml = html; }
    syncPatScroll();
}
// Слои поля «Паттерны» (фон подсветки и нумерация) едут вместе с самим textarea
function syncPatScroll(){
    var ta = $("patSrc"), bg = $("pat-bg"), g = $("patGutter");
    if (!ta) return;
    if (bg) { bg.scrollTop = ta.scrollTop; bg.scrollLeft = ta.scrollLeft; }
    if (g) g.scrollTop = ta.scrollTop;
}

/* === Автопрокрутка при автоплеях: актуальное место всегда на виду ===
   Пока идёт «Автозахват» или играет любой из «▶ Плей» — сами прокручиваем оба поля:
   в «Данных» держим в поле зрения строку прямо под границей (нижнюю задействованную — она же
   текущая цель захвата), а в «Паттернах» — первый СВЕРХУ ещё не найденный («не закрытый»)
   паттерн, чтобы закрывшиеся подряд верхние уезжали вверх и не занимали место.
   Вне автоплеев не трогаем ничего — иначе поле дёргалось бы под руками при правке. */
var PAT_LINE_H = 15; // 12px * line-height 1.25, как и в редакторе «Данных»
var PAT_PAD_TOP = 6; // padding-top поля «Паттерны»
function autoFollowActive(){
    var acb = $("autoCaptureBelow");
    var anyPlay = shiftAnimOn || flipAnimOn || rotAnimOn || floorAnimOn || snakeAnimOn;
    return !!((acb && acb.checked) || anyPlay);
}
function scrollLineIntoView(ta, lineIdx, lineH, padTop){
    if (!ta) return false;
    var h = ta.clientHeight;
    if (!h) return false;
    var y = padTop + lineIdx * lineH;
    var margin = lineH * 2; // пара строк воздуха сверху/снизу, чтобы не липло к краю
    var top = ta.scrollTop;
    if (y - margin < top) top = Math.max(0, y - margin);
    else if (y + lineH + margin > top + h) top = y + lineH + margin - h;
    if (top === ta.scrollTop) return false;
    ta.scrollTop = top;
    return true;
}
function autoFollowScroll(){
    if (!autoFollowActive()) return;
    if (lineLimit >= 0 && scrollLineIntoView(src, lineLimit, LINE_LIMIT_LINE_H, LINE_LIMIT_PAD_TOP)) {
        syncScroll();
    }
    var ta = $("patSrc");
    if (!ta || !patternsActive()) return;
    var open = openPatternRows();
    // Первый сверху ещё не закрытый паттерн; все закрыты — держим в виду последний
    var prs = patternRows();
    var openIdx = open.length ? open[0].lineIdx : prs[prs.length - 1].lineIdx;
    if (scrollLineIntoView(ta, openIdx, PAT_LINE_H, PAT_PAD_TOP)) syncPatScroll();
}

var lastGutterHtml = null;
var lastGlobalGutterHtml = null;
function renderLineGutter(){
    var rawLines = src.value.split('\n');
    var html = "";
    var globalHtml = "";
    for (var i=0; i<rawLines.length; i++) {
        var k = D.lineFloor ? D.lineFloor[i] : undefined;
        if (k === undefined) {
            html += '<div class="gutter-line">&nbsp;</div>';
        } else {
            // Номер строки раскрашен в цвет своего этажа (роль бывших чипов-квадратов)
            var gcol = pc(k);
            var gstyle = sel.has(k) ? '' : ' style="color:' + gcol[3] + ';background:' + gcol[0] + '"';
            html += '<div class="gutter-line is-floor' + (sel.has(k) ? ' is-sel' : '') + '" data-line="' + i + '"' + gstyle + '>' + (k + 1) + '</div>';
        }
        // Глобальный номер строки — ВСЕГДА, для абсолютно каждой строки (пустой, за границей,
        // не участвующей и т.д.), независимо от того, стала ли она этажом.
        globalHtml += '<div class="gutter-line">' + (i + 1) + '</div>';
    }
    // Запас снизу: у textarea есть горизонтальный скроллбар, «съедающий» высоту вьюпорта, —
    // без запаса scrollTop колонки клампится раньше и номера съезжают между строк
    html += '<div style="height:40px"></div>';
    globalHtml += '<div style="height:40px"></div>';
    if (html !== lastGutterHtml) { lineGutter.innerHTML = html; lastGutterHtml = html; }
    if (globalLineGutter && globalHtml !== lastGlobalGutterHtml) { globalLineGutter.innerHTML = globalHtml; lastGlobalGutterHtml = globalHtml; }
}

lineGutter.addEventListener("click", function(e){
    var el = e.target.closest(".gutter-line.is-floor");
    if (!el) return;
    var li = +el.dataset.line;
    var k = D.lineFloor[li];
    if (k === undefined) return;
    stopFloorAnim(false);
    if (e.ctrlKey || e.metaKey) {
        if (sel.has(k)) sel.delete(k); else sel.add(k);
    } else {
        if (sel.size === 1 && sel.has(k)) sel.clear();
        else { sel.clear(); sel.add(k); }
    }
    draw(); syncSelUI();
});

function escapeHtml(str) {
    return String(str).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
}

function pointInPoly(pt, vs) {
    var MathInside = false;
    for (var i = 0, j = vs.length - 1; i < vs.length; j = i++) {
        var xi = vs[i][0], yi = vs[i][1];
        var xj = vs[j][0], yj = vs[j][1];
        var intersect = ((yi > pt[1]) !== (yj > pt[1])) && (pt[0] < (xj - xi) * (pt[1] - yi) / (yj - yi) + xi);
        if (intersect) MathInside = !MathInside;
    }
    return MathInside;
}

function getClickedFace(wx, wy) {
    if (G.kind !== "iso") return null;
    for (var i = G.list.length - 1; i >= 0; i--) {
        var c = G.list[i];
        var isRealGhost = (c[3]===0 && !c[4]);
        var isPadGhost = (c[3]===0 && c[4]);
        var forceGhost = (ghosts.checked && isRealGhost) || (ghostsAll.checked && isPadGhost);

        if (c[3] === 0 && !forceGhost && (!selActive)) continue;

        var a = aC(c), b = c[1], k = c[2];
        var xT=(a-b)*u,   yT=(a+b)*v-(k+1)*hh;
        var xR=(a-b+1)*u, yR=(a+b+1)*v-(k+1)*hh;
        var xF=(a-b)*u,   yF=(a+b+2)*v-(k+1)*hh;
        var xL=(a-b-1)*u, yL=(a+b+1)*v-(k+1)*hh;
        var yRb=yR+hh, yFb=yF+hh, yLb=yL+hh;

        var polyTop = [[xL,yL], [xF,yF], [xR,yR], [xT,yT]];
        var polyLeft = [[xL,yL], [xF,yF], [xF,yFb], [xL,yLb]];
        var polyRight = [[xF,yF], [xR,yR], [xR,yRb], [xF,yFb]];

        if (pointInPoly([wx, wy], polyTop)) return {c: c, face: 'top'};
        if (pointInPoly([wx, wy], polyLeft)) return {c: c, face: 'left'};
        if (pointInPoly([wx, wy], polyRight)) return {c: c, face: 'right'};
    }
    return null;
}
/* === МАРКЕР 06: ЛАЗЕР — УЗЛЫ-ИЗЛУЧАТЕЛИ И ПОПАДАНИЯ ЛУЧА (buildLaserNodes/beamCells) === */
function getLeftBeamPos(S, d) { return { x: S * u, y: (-S + 2*d) * v }; }
function getRightBeamPos(S, d) { return { x: S * u, y: (S + 2*d) * v }; }
function getTopBeamPos(Sv, d) { return { x: d * u, y: Sv * v }; }
function getHorizBeamPos(S, d) { return { x: S * u, y: d * v }; } // горизонтальный луч: постоянный y (по Sv=d), скан по S

function laserModeOk(){ return G && (!isSquaresMode() || !squareEditMode); }

// Позиция точки в «пространстве вида» лазеров: зеркало/поворот вида применяются к фигуре,
// а лазерные оси стоят на месте — поэтому клетки для лазеров берём УЖЕ повёрнутыми/отражёнными.
// Действует для плоских видов (сверху/ромбы); в изометрии всё как раньше.
// Лазеры неподвижны только когда поворот кратен 90° (сетка ложится на сетку) или активны лишь зеркала.
// На «косых» углах (1°/30°/45°/120°/L) лазеры двигаются вместе с кубами, как раньше.
function laserStationaryOK(){
    if (!G) return false;
    // Пока играет АНИМАЦИЯ поворота — оси всегда едут вместе с кубами. Иначе на каждом проходе
    // через кратный 90° угол они на один кадр перескакивали в неподвижное пространство и обратно
    // (там оси рисуются неповёрнутыми, а тут — повёрнутыми на тот же угол) — это и было «дёрганье».
    if (rotAnimOn) return false;
    // Плоские виды (сверху/ромбы): оси стоят, пока поворот вида кратен 90° — сетка ложится на
    // сетку. На «косых» углах (1°/30°/45°/120°/L) оси едут вместе с кубами, как и раньше.
    if (G.kind === "top" || G.kind === "rhomb") return (viewRotDeg % 90 === 0);
    // Изометрия: поворота вида здесь нет вообще (rotApplies=false), из трансформаций действуют
    // только зеркала ↔/↕. Раньше оси и их подписи отражались вместе с фигурой и «прыгали» при
    // каждом зеркале — теперь держим их на месте, фигура отражается под ними.
    return true;
}
function laserViewApplies(){ return laserStationaryOK() && (flipX || flipY || viewRotDeg !== 0); }
function laserViewPos(x, y){
    if (!laserViewApplies()) return [x, y];
    var fx = flipX ? -1 : 1, fy = flipY ? -1 : 1;
    var r = viewRotDeg * Math.PI / 180;
    var cs = Math.cos(r), sn = Math.sin(r);
    var vx = (x - G.cx) * fx, vy = (y - G.cy) * fy;
    return [G.cx + vx * cs - vy * sn, G.cy + vx * sn + vy * cs];
}
// То же для целочисленной сетки вида сверху (через мировые координаты, с округлением назад в сетку)
function laserGridPosTop(c){
    if (!laserViewApplies()) return [aC(c), c[1]];
    var vp = laserViewPos(aC(c) * TS + TS / 2, c[1] * TS + TS / 2);
    return [Math.round((vp[0] - TS / 2) / TS), Math.round((vp[1] - TS / 2) / TS)];
}

function laserIcon(type){
    if (type === 'top') return "↓";
    if (type === 'horiz') return "→";
    if (type === 'db') return "↘"; // «\» x−y=const
    if (type === 'da') return "↗"; // «/» x+y=const
    if (G && G.kind === "top") return (type === 'left') ? "→" : "←";
    if (G && G.kind === "rhomb") return (type === 'left') ? "↘" : "↙";
    return (type === 'left') ? "↗" : "↖";
}

function buildLaserNodesTop() {
    var res = { nodes: [], groups: { left: [], right: [], top: [], da: [], db: [] } };
    var ax = { top: {}, left: {}, da: {}, db: {} }; // da: «/» (x+y=const), db: «\» (x−y=const)
    var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;

    G.list.forEach(function(c) {
        var gp = laserGridPosTop(c);
        var x = gp[0], y = gp[1];
        if (x < minX) minX = x; if (x > maxX) maxX = x;
        if (y < minY) minY = y; if (y > maxY) maxY = y;

        if (!ax.top[x]) ax.top[x] = { minY: 1e9, maxY: -1e9 };
        if (y < ax.top[x].minY) ax.top[x].minY = y;
        if (y > ax.top[x].maxY) ax.top[x].maxY = y;

        if (!ax.left[y]) ax.left[y] = { minX: 1e9, maxX: -1e9 };
        if (x < ax.left[y].minX) ax.left[y].minX = x;
        if (x > ax.left[y].maxX) ax.left[y].maxX = x;

        var kA = x + y, kB = x - y;
        if (!ax.da[kA]) ax.da[kA] = { minX: 1e9, maxX: -1e9 };
        if (x < ax.da[kA].minX) ax.da[kA].minX = x;
        if (x > ax.da[kA].maxX) ax.da[kA].maxX = x;
        if (!ax.db[kB]) ax.db[kB] = { minX: 1e9, maxX: -1e9 };
        if (x < ax.db[kB].minX) ax.db[kB].minX = x;
        if (x > ax.db[kB].maxX) ax.db[kB].maxX = x;
    });

    if (minX === 1e9) return res;

    // Оси касаются внешнего контура крайних кубов и замыкаются уголком (сама направляющая линия —
    // рамка res.frame — идёт вплотную, как и раньше)
    var topY = minY * TS;
    var leftX = minX * TS;
    res.frame = [
        [leftX, topY, (maxX + 1) * TS, topY],
        [leftX, topY, leftX, (maxY + 1) * TS]
    ];
    // Сами узлы-точки (кружки с номером) отодвигаем чуть дальше от рамки — иначе они ложатся прямо
    // на крайние кубы и сливаются с ними (особенно заметно в «Этажах из блоков»).
    var nodeMargin = 0.5 * TS;
    var topNodeY = topY - nodeMargin;
    var leftNodeX = leftX - nodeMargin;

    Object.keys(ax.top).map(Number).sort(function(a,b){return a-b;}).forEach(function(d, i){
        var t = ax.top[d];
        var node = { type: 'top', d: d, pos: { x: d * TS + TS/2, y: topNodeY }, end: (t.maxY + 1.2)*TS, index: i+1 };
        res.nodes.push(node); res.groups.top.push(node);
    });

    Object.keys(ax.left).map(Number).sort(function(a,b){return a-b;}).forEach(function(d, i){
        var l = ax.left[d];
        var node = { type: 'left', d: d, pos: { x: leftNodeX, y: d * TS + TS/2 }, end: (l.maxX + 1.2)*TS, index: i+1 };
        res.nodes.push(node); res.groups.left.push(node);
    });

    // Диагональные оси через центр кручения: нумерация ЭКСПЕРИМЕНТАЛЬНАЯ — от центральной оси (0)
    // в обе стороны (+ и −). Центр — середина сетки, округлённая до ближайшего ключа диагонали.
    var cx = (minX + maxX) / 2, cy = (minY + maxY) / 2;
    var centerKA = Math.round(cx + cy), centerKB = Math.round(cx - cy);
    // У фигур с «дырявым»/кольцевым силуэтом (кольца, квадраты, змейка) локальный minX соседних
    // диагоналей может почти совпадать — старый якорь «по своей диагонали» слеплял узлы в кучу,
    // а «\» и «/» вдобавок садились рядом друг с другом (тот же левый край). Поэтому для «\»/«/»
    // всегда используем ОБЩУЮ раскладку в разные стороны: «\» — общей строкой НАД фигурой (свой x
    // на узел, как у оси «Сверху», но ещё выше неё), «/» — общей строкой ПОД фигурой (свободное
    // место). Внутри своей строки узлы не накладываются (x у каждого свой, зависит от d), а строки
    // друг с другом не пересекаются (одна выше фигуры, другая ниже).
    var dbRowY = topY - 1.6 * TS; // выше «Сверху»-оси (топ-строки), чтобы не накладываться на неё
    var daRowY = (maxY + 1) * TS + 1.6 * TS; // ниже всей фигуры — там свободно
    // «\» (db): x−y=const, луч сверху-слева вниз-вправо (наклон +1). Узел — сверху-слева.
    Object.keys(ax.db).map(Number).sort(function(a,b){return a-b;}).forEach(function(d){
        var e = ax.db[d];
        var node = { type: 'db', d: d, pos: { x: dbRowY + d*TS, y: dbRowY }, end: e.maxX*TS + TS/2 + 1.2*TS, index: d - centerKB };
        res.nodes.push(node); res.groups.db.push(node);
    });
    // «/» (da): x+y=const, луч снизу-слева вверх-вправо (наклон −1). Узел — снизу-слева.
    Object.keys(ax.da).map(Number).sort(function(a,b){return a-b;}).forEach(function(d){
        var e = ax.da[d];
        var node = { type: 'da', d: d, pos: { x: (d+1)*TS - daRowY, y: daRowY }, end: e.maxX*TS + TS/2 + 1.2*TS, index: d - centerKA };
        res.nodes.push(node); res.groups.da.push(node);
    });

    return res;
}

function beamCellsTop(type, d) {
    var bySlot = {};
    G.list.forEach(function(c) {
        if (c[4] && (!loopBits.checked || (c[3] === 0 && !ghostsAll.checked))) return;
        var gp = laserGridPosTop(c);
        var x = gp[0], y = gp[1];
        var match = false, slot = 0, inside = [];
        if (type === 'top' && x === d) {
            match = true; slot = y; inside = [y*TS, y*TS + TS];
        } else if (type === 'left' && y === d) {
            match = true; slot = x; inside = [x*TS, x*TS + TS];
        } else if (type === 'db' && (x - y) === d) {
            match = true; slot = x; inside = [x*TS, x*TS + TS];
        } else if (type === 'da' && (x + y) === d) {
            match = true; slot = x; inside = [x*TS, x*TS + TS];
        }
        if (match) {
            if (!bySlot[slot] || c[2] > bySlot[slot].depth) {
                bySlot[slot] = { c: c, depth: c[2], slot: slot, inside: inside };
            }
        }
    });
    var out = Object.keys(bySlot).map(function(k) { return bySlot[k]; });
    out.sort(function(p, q) { return p.slot - q.slot; });
    return out;
}

function buildLaserNodesRhomb() {
    var h = DD / 2;
    var res = { nodes: [], groups: { left: [], right: [], top: [], horiz: [] } };
    var ax = { top: {}, left: {}, right: {}, horiz: {} };
    var minY = 1e9, maxSum = -1e9, minDif = 1e9, minXc = 1e9;

    G.list.forEach(function(c) {
        var vp = laserViewPos(rhX(c), -c[2] * DD / 2);
        var x = vp[0], y = vp[1];
        if (y < minY) minY = y;
        if (x < minXc) minXc = x;
        if (x + y > maxSum) maxSum = x + y;
        if (x - y < minDif) minDif = x - y;
        var kT = Math.round(x / h), kL = Math.round((x - y) / h), kR = Math.round((x + y) / h);
        var t = ax.top[kT] || (ax.top[kT] = { x: x, maxY: -1e9 });
        if (y > t.maxY) t.maxY = y;
        var l = ax.left[kL] || (ax.left[kL] = { minX: 1e9 });
        if (x < l.minX) l.minX = x;
        var rr = ax.right[kR] || (ax.right[kR] = { maxX: -1e9 });
        if (x > rr.maxX) rr.maxX = x;
        // Горизонтальная ось (↔): луч по строке-этажу (постоянный y), группировка по уровню.
        var kH = Math.round(y / h);
        var hz = ax.horiz[kH] || (ax.horiz[kH] = { y: y, maxX: -1e9 });
        if (x > hz.maxX) hz.maxX = x;
    });

    if (minY === 1e9) return res;

    // Все оси отстоят на ПОЛКУБА от граней крайних ромбов (грань = 0.5·DD от центра,
    // плюс полкуба зазора = 1.0·DD от центра). Замыкаются друг с другом в треугольную рамку.
    var topY = minY - DD; // верхняя ось — на полкуба выше верхних вершин ромбов
    // «Левый» пучок (x−y=const) бьёт из нижне-правой грани вверх-влево,
    // «правый» (x+y=const) — из нижне-левой вверх-вправо. №1 — у первой строки.
    var cRR = maxSum + DD; // линия узлов на полкуба за нижне-правой гранью
    var cLL = minDif - DD; // линия узлов на полкуба за нижне-левой гранью
    var horizX = minXc - DD; // колонка узлов горизонтальной оси — на полкуба слева от граней крайних ромбов
    res.frame = [
        [cLL + topY, topY, cRR - topY, topY],                                   // верхняя ось
        [cLL + topY, topY, (cLL + cRR) / 2, (cRR - cLL) / 2],                   // нижне-левая
        [cRR - topY, topY, (cLL + cRR) / 2, (cRR - cLL) / 2]                    // нижне-правая
    ];

    Object.keys(ax.top).map(Number).sort(function(a, b){ return a - b; }).forEach(function(d, i) {
        var t = ax.top[d];
        var node = { type: 'top', d: d, pos: { x: t.x, y: topY }, end: t.maxY + 1.2 * DD, index: i + 1 };
        res.nodes.push(node); res.groups.top.push(node);
    });
    Object.keys(ax.left).map(Number).sort(function(a, b){ return a - b; }).forEach(function(d, i) {
        var l = ax.left[d];
        var node = { type: 'left', d: d, pos: { x: (cRR + d * h) / 2, y: (cRR - d * h) / 2 }, end: l.minX - 1.2 * DD, index: i + 1 };
        res.nodes.push(node); res.groups.left.push(node);
    });
    Object.keys(ax.right).map(Number).sort(function(a, b){ return b - a; }).forEach(function(d, i) {
        var rr = ax.right[d];
        var node = { type: 'right', d: d, pos: { x: (cLL + d * h) / 2, y: (d * h - cLL) / 2 }, end: rr.maxX + 1.2 * DD, index: i + 1 };
        res.nodes.push(node); res.groups.right.push(node);
    });
    // Горизонтальная ось: узлы слева, луч идёт вправо по строке-этажу (постоянный y).
    var hyMin = 1e9, hyMax = -1e9;
    Object.keys(ax.horiz).map(Number).sort(function(a, b){ return a - b; }).forEach(function(d, i) {
        var hz = ax.horiz[d];
        var node = { type: 'horiz', d: d, pos: { x: horizX, y: hz.y }, end: hz.maxX + 1.2 * DD, index: i + 1 };
        res.nodes.push(node); res.groups.horiz.push(node);
        if (hz.y < hyMin) hyMin = hz.y;
        if (hz.y > hyMax) hyMax = hz.y;
    });
    if (hyMin !== 1e9) res.frame.push([horizX, hyMin, horizX, hyMax]); // вертикальная линия горизонтальной оси слева
    return res;
}

function beamCellsRhomb(type, d) {
    var h = DD / 2, out = [];
    G.list.forEach(function(c) {
        if (c[4] && (!loopBits.checked || (c[3] === 0 && !ghostsAll.checked))) return;
        var vp = laserViewPos(rhX(c), -c[2] * DD / 2);
        var x = vp[0], y = vp[1];
        var key = (type === 'top') ? Math.round(x / h) : (type === 'horiz') ? Math.round(y / h) : (type === 'left') ? Math.round((x - y) / h) : Math.round((x + y) / h);
        if (key !== d) return;
        if (type === 'top') out.push({ c: c, slot: y, inside: [y - DD / 2, y + DD / 2] });
        else if (type === 'horiz') out.push({ c: c, slot: x, inside: [x - DD / 2, x + DD / 2] });
        else if (type === 'left') out.push({ c: c, slot: -x, inside: [x + DD / 4, x - DD / 4] });
        else out.push({ c: c, slot: x, inside: [x - DD / 4, x + DD / 4] });
    });
    out.sort(function(p, q) { return p.slot - q.slot; });
    return out;
}

function buildLaserNodes() {
    if (G.kind === "rhomb") return buildLaserNodesRhomb();
    if (G.kind === "top") return buildLaserNodesTop();
    var minS_L = 1e9, maxS_L = -1e9;
    var minS_R = 1e9, maxS_R = -1e9;
    var minSv_T = 1e9, maxSv_T = -1e9;
    var minTopY = 1e9;

    var axL = {}, axR = {}, axH = {}; // dL/dR -> {minS,maxS}; Sv -> {minS,maxS} (для «к краям» и горизонтали)
    var seenTop = {};
    var lists = { left: [], right: [], top: [], horiz: [] };

    G.list.forEach(function(c) {
        var a = aC(c), b = c[1], k = c[2];
        var dL = a - k;
        var dR = b - k;
        var dT = a - b;

        var S = a - b;
        var Sv = a + b - 2*k;

        var ty = (a + b + 1) * v - (k + 1) * hh;
        if (ty < minTopY) minTopY = ty;

        if (S < minS_L) minS_L = S; if (S > maxS_L) maxS_L = S;
        if (S < minS_R) minS_R = S; if (S > maxS_R) maxS_R = S;
        if (Sv < minSv_T) minSv_T = Sv; if (Sv > maxSv_T) maxSv_T = Sv;

        if (!axL[dL]) { axL[dL] = { minS: 1e9, maxS: -1e9 }; lists.left.push(dL); }
        if (S < axL[dL].minS) axL[dL].minS = S; if (S > axL[dL].maxS) axL[dL].maxS = S;
        if (!axR[dR]) { axR[dR] = { minS: 1e9, maxS: -1e9 }; lists.right.push(dR); }
        if (S < axR[dR].minS) axR[dR].minS = S; if (S > axR[dR].maxS) axR[dR].maxS = S;
        if (!seenTop[dT]) { seenTop[dT] = 1; lists.top.push(dT); }
        if (!axH[Sv]) { axH[Sv] = { minS: 1e9, maxS: -1e9 }; lists.horiz.push(Sv); }
        if (S < axH[Sv].minS) axH[Sv].minS = S; if (S > axH[Sv].maxS) axH[Sv].maxS = S;
    });

    var res = { nodes: [], groups: { left: [], right: [], top: [], horiz: [] },
                startS_L: 0, endS_L: 0, startS_R: 0, endS_R: 0, startSv_T: 0, endSv_T: 0 };

    if (minS_L === 1e9) return res;

    res.endS_L = maxS_L + 2;
    res.endS_R = minS_R - 2;
    res.endSv_T = maxSv_T + 4;
    res.startSv_T = Math.floor((minTopY - hh) / v) - 1;

    lists.left.sort(function(x, y) { return y - x; });
    lists.right.sort(function(x, y) { return y - x; });
    lists.top.sort(function(x, y) { return x - y; });
    lists.horiz.sort(function(x, y) { return x - y; });

    // Боковые оси — к краям: старт луча у ОБЩЕЙ границы всех данных (не у локального края
    // конкретной диагонали) — иначе на этажах разной длины точки-эмиттеры съезжают с линии.
    lists.left.forEach(function(d, i) {
        var startS = minS_L - 2;
        var node = { type: 'left', d: d, pos: getLeftBeamPos(startS, d), startS: startS, index: i + 1 };
        res.nodes.push(node); res.groups.left.push(node);
    });

    lists.right.forEach(function(d, i) {
        var startS = maxS_R + 2;
        var node = { type: 'right', d: d, pos: getRightBeamPos(startS, d), startS: startS, index: i + 1 };
        res.nodes.push(node); res.groups.right.push(node);
    });

    lists.top.forEach(function(d, i) {
        var node = { type: 'top', d: d, pos: getTopBeamPos(res.startSv_T, d), index: i + 1 };
        res.nodes.push(node); res.groups.top.push(node);
    });

    // Горизонтальная ось (↔): постоянный экранный y (по Sv), луч сканирует S слева направо.
    // Старт/конец — по общей границе всех строк (эмиттеры в один ряд), но с ДОПОЛНИТЕЛЬНЫМ
    // отступом от оси «Лево» (у той тот же x = minS_L), чтобы столбцы точек не накладывались.
    lists.horiz.forEach(function(d, i) {
        var startS = minS_L - 6, endS = maxS_R + 2;
        var node = { type: 'horiz', d: d, pos: getHorizBeamPos(startS, d), startS: startS, endS: endS, index: i + 1 };
        res.nodes.push(node); res.groups.horiz.push(node);
    });

    return res;
}

// Точка-«петля» в начале каждой оси (перед узлом №1) — клик по ней включает/выключает разом
// все лазеры этой оси. Позиция получается экстраполяцией от первых двух узлов оси (тот же шаг,
// но в обратную сторону) — работает одинаково для всех видов (изометрия/сверху/ромбы), без
// знания конкретных формул позиционирования каждого типа оси.
// На фигурах, где разные оси сходятся у одного и того же угла (ромбы — треугольная рамка,
// компактные змейка/квадраты), один шаг экстраполяции может увести петли РАЗНЫХ осей в одну и ту
// же точку. Поэтому у каждого типа оси — свой множитель шага (по порядку в groups), так что даже
// сходящиеся у общего угла оси расходятся вдоль своих направлений на разное расстояние.
// Кольцо-«все» каждой оси: стоит НАПРОТИВ СЕРЕДИНЫ своего ряда точек и отнесено от него в
// сторону — перпендикулярно направлению оси, наружу от модели. Рисуется потом «вилкой»: от
// кольца идёт черенок к оси, а от него — по веточке к каждой точке (см. МАРКЕР 09).
// Раньше кольцо экстраполировалось за первую точку вдоль оси и висело в стороне от ряда: было
// неясно, к какому именно ряду оно относится, и на разных осях они налезали друг на друга.
// Возвращает и сам якорь, и единичные векторы оси (ux,uy) и отступа (nx,ny) — они нужны отрисовке.
function computeAxisToggleAnchors(ctxObj) {
    var out = {};
    if (!ctxObj || !ctxObj.groups) return out;
    var cx = G ? G.cx : 0, cy = G ? G.cy : 0;
    Object.keys(ctxObj.groups).forEach(function(key){
        var g = ctxObj.groups[key];
        if (g.length < 2) return; // одна точка — направление оси не определить, пропускаем
        var first = g[0].pos, last = g[g.length - 1].pos;
        var ax = last.x - first.x, ay = last.y - first.y;
        var alen = Math.sqrt(ax * ax + ay * ay);
        if (!alen) return;
        var ux = ax / alen, uy = ay / alen;          // вдоль оси
        var nx = -uy, ny = ux;                        // перпендикуляр к оси
        var mid = { x: (first.x + last.x) / 2, y: (first.y + last.y) / 2 };
        // Отступ — в ту сторону от оси, где НЕТ модели, чтобы кольцо не легло на кубы
        if ((mid.x - cx) * nx + (mid.y - cy) * ny < 0) { nx = -nx; ny = -ny; }
        var off = Math.max(26, alen * 0.10);
        out[key] = {
            x: mid.x + nx * off, y: mid.y + ny * off,
            ux: ux, uy: uy, nx: nx, ny: ny, off: off,
            mx: mid.x, my: mid.y
        };
    });
    return out;
}
// Убрать все лазеры данного типа оси разом, поправив индексы у оставшихся выбранных строк
// (selectedLaserRows), — иначе после удаления «из середины» выбор съезжает на чужие лазеры.
function removeAllLasersOfAxis(axisType) {
    var mapping = {};
    var kept = [];
    skewers.forEach(function(sk, oldIdx){
        if (sk.type === axisType) return;
        mapping[oldIdx] = kept.length;
        kept.push(sk);
    });
    skewers = kept;
    selectedLaserRows = selectedLaserRows
        .filter(function(r){ return mapping.hasOwnProperty(r.skIdx); })
        .map(function(r){ return { skIdx: mapping[r.skIdx], kind: r.kind }; });
}

function beamCells(type, d) {
    if (G.kind === "rhomb") return beamCellsRhomb(type, d);
    if (G.kind === "top") return beamCellsTop(type, d);
    var bySlot = {};
    G.list.forEach(function(c) {
        if (c[4] && (!loopBits.checked || (c[3] === 0 && !ghostsAll.checked))) return;

        var a = aC(c), b = c[1], k = c[2];
        var S = a - b;
        var Sv = a + b - 2*k;
        var depth = a + b + k;

        var match = false, slot = 0, inside = [];
        
        if (type === 'left' && (a - k) === d) { match = true; slot = S; inside = [S - 0.5, S + 0.5]; }
        else if (type === 'right' && (b - k) === d) { match = true; slot = S; inside = [S + 0.5, S - 0.5]; }
        else if (type === 'top' && (a - b) === d) { match = true; slot = Sv; inside = [Sv - 1, Sv + 1]; }
        else if (type === 'horiz' && Sv === d) { match = true; slot = S; inside = [S - 1, S + 1]; }

        if (match) {
            if (!bySlot[slot] || depth > bySlot[slot].depth) {
                bySlot[slot] = { c: c, depth: depth, slot: slot, inside: inside };
            }
        }
    });

    var out = Object.keys(bySlot).map(function(k) { return bySlot[k]; });
    
    if (type === 'left') out.sort(function(p, q) { return p.slot - q.slot; });
    else if (type === 'right') out.sort(function(p, q) { return q.slot - p.slot; });
    else if (type === 'top') out.sort(function(p, q) { return p.slot - q.slot; });
    else if (type === 'horiz') out.sort(function(p, q) { return p.slot - q.slot; });

    return out; 
}
/* === МАРКЕР 07: DRAW — ОТРИСОВКА КАДРА, НАЧАЛО (счётчики, лазер-контекст) === */
function draw(){
  if (isSquaresMode() && squareEditMode) { drawSquareTestFrame(); return; }
  if (!G || !G.list) return;
  var dpr=Math.min(window.devicePixelRatio||1, 2);
  var w = stage.clientWidth;
  var h = stage.clientHeight;
  if(w === 0 || h === 0) return;

  if (cv.width !== Math.floor(w * dpr) || cv.height !== Math.floor(h * dpr)) {
    cv.width = Math.floor(w * dpr);
    cv.height = Math.floor(h * dpr);
  }

  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,w,h);
  
  var rectX=0, rectY=0, rectW=0, rectH=0;
  var total1 = 0, total0 = 0;
  var sel1 = 0, sel0 = 0;
  var tail1 = 0, tail0 = 0, selTail1 = 0, selTail0 = 0; 
  var frameElements = new Set();
  var balanceElements = new Set(); // клетки, реально участвующие в подсчёте баланса 1/0 (для кнопки «Инверсия»)
  var skeweredElements = new Set(); 
  
  var hasSelection = (selActive || isSelecting || sel.size > 0);
  var isMinus = minusMode.checked;
  var isDark = (document.documentElement.dataset.theme === "dark");
  var fsx = flipX ? -1 : 1, fsy = flipY ? -1 : 1;

  if (selActive || isSelecting) {
    var selPx = selRadius * zoom;
    rectX = panX + selOffX * zoom - selPx;
    rectY = panY + selOffY * zoom - selPx;
    rectW = selPx * 2;
    rectH = selPx * 2;
  }

  var laserCtx = null;
  var activeHoveredNode = null;
  var axisToggleAnchors = {};
  var activeHoveredAxisToggle = null;
  if (skewerMode.checked && laserModeOk()) {
      laserCtx = buildLaserNodes();
      axisToggleAnchors = computeAxisToggleAnchors(laserCtx);
      var minDist = 12;
      var hovFixed = laserStationaryOK();
      var hovRot = currentRotRad(), hovCos = Math.cos(hovRot), hovSin = Math.sin(hovRot);
      laserCtx.nodes.forEach(function(node) {
          var sx, sy;
          if (hovFixed) { // неподвижное пространство лазеров
              sx = panX + (node.pos.x - G.cx) * zoom;
              sy = panY + (node.pos.y - G.cy) * zoom;
          } else { // косой угол — узлы едут вместе с фигурой
              var ndx = fsx * (node.pos.x - G.cx) * zoom;
              var ndy = fsy * (node.pos.y - G.cy) * zoom;
              sx = panX + ndx * hovCos - ndy * hovSin;
              sy = panY + ndx * hovSin + ndy * hovCos;
          }
          var dist = Math.sqrt((mouseX - sx)*(mouseX - sx) + (mouseY - sy)*(mouseY - sy));
          if (dist < minDist) {
              minDist = dist;
              activeHoveredNode = node;
          }
      });
      var minDistAT = 12;
      Object.keys(axisToggleAnchors).forEach(function(key){
          var pos = axisToggleAnchors[key];
          var sx, sy;
          if (hovFixed) {
              sx = panX + (pos.x - G.cx) * zoom;
              sy = panY + (pos.y - G.cy) * zoom;
          } else {
              var ndx = fsx * (pos.x - G.cx) * zoom;
              var ndy = fsy * (pos.y - G.cy) * zoom;
              sx = panX + ndx * hovCos - ndy * hovSin;
              sy = panY + ndx * hovSin + ndy * hovCos;
          }
          var distAT = Math.sqrt((mouseX - sx)*(mouseX - sx) + (mouseY - sy)*(mouseY - sy));
          if (distAT < minDistAT) {
              minDistAT = distAT;
              activeHoveredAxisToggle = key;
          }
      });
  }

  var skewerData = [];
  var cellLaserColor = {};
  var cellLaserHits = {}; 
  var overlapList = [];
  if (skewerMode.checked && laserModeOk()) {
      skewers.forEach(function(sk, skIdx) {
          var hitList = beamCells(sk.type, sk.d);
          var str = "";
          hitList.forEach(function(hit) {
              var c = hit.c;
              str += c[3];
              skeweredElements.add(c._i);
              cellLaserColor[c._i] = sk.color;
              if (!cellLaserHits[c._i]) cellLaserHits[c._i] = [];
              cellLaserHits[c._i].push(skIdx);
          });
          var icon = laserIcon(sk.type);
          skewerData.push({ color: sk.color, str: str, icon: icon, hitList: hitList });
      });
      if (laserOverlapEnabled) {
          Object.keys(cellLaserHits).forEach(function(idxStr){
              var hits = cellLaserHits[idxStr];
              if (hits.length < 2) return;
              var c = G.list[+idxStr];
              var parts = hits.map(function(skIdx){
                  var sk = skewers[skIdx];
                  var grp = laserCtx.groups[sk.type] || [];
                  var node = grp.find(function(n){ return n.d === sk.d; });
                  var icon = laserIcon(sk.type);
                  return icon + (node ? node.index : "?");
              });
              overlapList.push({ c: c, parts: parts });
          });
          overlapList.sort(function(p,q){ return (p.c[2]-q.c[2]) || (p.c[0]-q.c[0]) || (p.c[1]-q.c[1]); });
      }
  }

  // По одной записи {color, map, skIdx, kind} на каждый ВЫБРАННЫЙ лазер — каждый подсвечивается своим цветом.
  // Сортируем по skIdx (не по порядку кликов!), чтобы при одном и том же наборе выбранных лазеров
  // результат (в т.ч. какой цвет побеждает на пересекающихся битах) не зависел от того, кто выбран последним.
  var selectedBeamHlList = [];
  var selectedBeamCellSet = null; // объединение клеток ВСЕХ выбранных лазеров — если задано, баланс 1/0 считается только по ним
  var orderedSelRows = selectedLaserRows.slice().sort(function(a,b){
      return (a.skIdx - b.skIdx) || (a.kind < b.kind ? -1 : (a.kind > b.kind ? 1 : 0));
  });
  orderedSelRows.forEach(function(selRow){
      var selSd = skewerData[selRow.skIdx];
      if (!selSd) return;
      if (selRow.kind === 'overlap' && laserOverlapEnabled) {
          var ovCellSet = new Set();
          selSd.hitList.forEach(function(hit){
              var hits = cellLaserHits[hit.c._i];
              if (hits && hits.length > 1) ovCellSet.add(hit.c._i);
          });
          selectedBeamHlList.push({ color: LASER_OVERLAP_COLOR, map: {}, skIdx: selRow.skIdx, kind: 'overlap' });
          if (!selectedBeamCellSet) selectedBeamCellSet = new Set();
          ovCellSet.forEach(function(v){ selectedBeamCellSet.add(v); });
      } else if (selRow.kind === 'normal') {
          selectedBeamHlList.push({ color: selSd.color, map: {}, skIdx: selRow.skIdx, kind: 'normal' });
          if (!selectedBeamCellSet) selectedBeamCellSet = new Set();
          selSd.hitList.forEach(function(hit){ selectedBeamCellSet.add(hit.c._i); });
      }
  });
  function findSelBeamHl(skIdx, kind) {
      for (var q = 0; q < selectedBeamHlList.length; q++) {
          if (selectedBeamHlList[q].skIdx === skIdx && selectedBeamHlList[q].kind === kind) return selectedBeamHlList[q];
      }
      return null;
  }

  for(var i=0; i<G.list.length; i++){
    var c = G.list[i];
    var val = c[3];
    var isOne = (val === 1);
    var isZero = (val === 0);
    var isPadded = c[4];

    var skipZero = isZero && isPadded && !ghostsAll.checked;

    var isTailCell = (isPadded && dimPadded.checked);
    var isFiller = (c[6] === -1);
    var inBalanceScope = !selectedBeamCellSet || selectedBeamCellSet.has(i);

    // Единицы считаем всегда (они не бывают филлерами, но проверка оставлена для надежности)
    if (isOne && !isFiller && inBalanceScope) {
        total1++;
        if (isTailCell) tail1++;
        balanceElements.add(i);
    }
    // Нули считаем, если они не скрыты правилом skipZero.
    // Это позволяет считать нули геометрического добора в режиме "Этажи из блоков",
    // если включена галочка "0 в доборе" (тогда skipZero === false).
    if (isZero && !skipZero && inBalanceScope) {
        total0++;
        if (isTailCell) tail0++;
        balanceElements.add(i);
    }

    var inSel = false;
    if (selActive || isSelecting) {
      var wx, wy;
      if(G.kind === "iso") {
        wx = (aC(c)-c[1])*u; wy = (aC(c)+c[1]+1)*v - (c[2]+1)*hh; 
      } else if(G.kind === "top") {
        wx = aC(c)*TS + TS/2; wy = c[1]*TS + TS/2;
      } else {
        wx = rhX(c); wy = -c[2]*DD/2;
      }
      var selOff = worldOffsetToScreen(wx, wy);
      var sx = panX + selOff.dx;
      var sy = panY + selOff.dy;

      if (selFrameContains(sx - (rectX + rectW / 2), sy - (rectY + rectH / 2), rectW / 2)) {
        inSel = true;
      }
    } else if (sel.size > 0) {
      if (sel.has(c[2])) inSel = true;
    }

    if (inSel) {
        if (isOne && !isFiller && inBalanceScope) {
            sel1++;
            if (isTailCell) selTail1++;
        }
        if (isZero && !skipZero && inBalanceScope) {
            sel0++;
            if (isTailCell) selTail0++;
        }
        frameElements.add(i);
    }
  }

  /* === МАРКЕР 07.1: DRAW — СОВПАДЕНИЯ (ЗЕРКАЛО / ПОВОРОТ) === */
  var disp1 = 0, disp0 = 0, dispT1 = 0, dispT0 = 0;
  if (!hasSelection) {
      disp1 = total1 - tail1;
      disp0 = total0 - tail0;
      dispT1 = tail1;
      dispT0 = tail0;
  } else {
      if (isMinus) {
          disp1 = (total1 - tail1) - (sel1 - selTail1);
          disp0 = (total0 - tail0) - (sel0 - selTail0);
          dispT1 = tail1 - selTail1;
          dispT0 = tail0 - selTail0;
      } else {
          disp1 = sel1 - selTail1;
          disp0 = sel0 - selTail0;
          dispT1 = selTail1;
          dispT0 = selTail0;
      }
  }

  var highlightEqual = (disp1 === disp0 && disp1 > 0);
  lastFrameElements = frameElements;
  lastBalanceElements = balanceElements;
  lastBalanceEqual = highlightEqual;
  lastHasSelection = hasSelection;
  lastSkeweredElements = skeweredElements;
  var textHlMap = {};

  var rotApplies = (G.kind === "top" || G.kind === "rhomb");
  var rotRad = rotApplies ? (viewRotDeg * Math.PI / 180) : 0;
  function applyAmbientTransform(){
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.translate(panX, panY);
    if (rotRad) ctx.rotate(rotRad);
    ctx.scale(fsx * zoom, fsy * zoom);
    ctx.translate(-G.cx, -G.cy);
  }
  // Трансформация для лазеров: без зеркала и поворота — оси/лучи стоят на месте,
  // а фигура крутится под ними (позиции клеток для лазеров переводятся в это же пространство)
  function applyLaserTransform(){
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.translate(panX, panY);
    ctx.scale(zoom, zoom);
    ctx.translate(-G.cx, -G.cy);
  }
  applyAmbientTransform();

  var strokes = G.list.length<=8000;
  ctx.lineWidth = 1 / zoom; ctx.lineJoin="round";
  
  var drawText = showText.checked;
  ctx.font = "bold 13px 'Roboto Mono', monospace";
  ctx.textAlign = "center";
  ctx.textBaseline = "middle";

  var textQueue = [];
  function queueText(text, x, y){
    textQueue.push({text:text, x:x, y:y, fillStyle:ctx.fillStyle, alpha:ctx.globalAlpha});
  }

  var flipMatchSet = null;
  var rotMatchSet = null;
  if (flipHighlight || rotHighlight) {
    var fPosMap1 = {}; 
    var fPosMap0 = {}; 
    var fWorldPos = function(fc){
      var fa=aC(fc), fb=fc[1], fk=fc[2];
      if (G.kind === "iso") return [(fa-fb)*u, (fa+fb+1)*v-(fk+1)*hh];
      if (G.kind === "top") return [fa*TS+TS/2, fb*TS+TS/2];
      return [rhX(fc), -fk*DD/2];
    };

    for (var fi=0; fi<G.list.length; fi++) {
      var fc=G.list[fi];
      if (fc[6]===-1) continue;
      if (fc[3]!==1 && !matchZero) continue;
      var fp=fWorldPos(fc);
      var fKey = Math.round(fp[0]) + "_" + Math.round(fp[1]);
      if (fc[3]===1) fPosMap1[fKey] = true; else fPosMap0[fKey] = true;
    }

    var fuzzyHit = function(map, rx, ry){
      var krX = Math.round(rx), krY = Math.round(ry);
      for(var ox=-2; ox<=2; ox++) {
          for(var oy=-2; oy<=2; oy++) {
              if (map[(krX+ox) + "_" + (krY+oy)]) return true;
          }
      }
      return false;
    };

    if (flipHighlight) {
      flipMatchSet = new Set();
      for (var fi2=0; fi2<G.list.length; fi2++) {
        var fc2=G.list[fi2];
        if (fc2[6]===-1) continue;
        if (fc2[3]!==1 && !matchZero) continue;
        var fp2=fWorldPos(fc2);
        var map2 = (fc2[3]===1) ? fPosMap1 : fPosMap0;

        var matchFoundF = false;
        if (flipMatchX) matchFoundF = fuzzyHit(map2, 2 * G.cx - fp2[0], fp2[1]);
        if (!matchFoundF && flipMatchY) matchFoundF = fuzzyHit(map2, fp2[0], 2 * G.cy - fp2[1]);
        if (matchFoundF) flipMatchSet.add(fi2);
      }
    }

    if (rotHighlight && rotApplies) {
      var stepDeg0 = (typeof getRotStepDeg === "function" ? getRotStepDeg() : 1);
      var numSteps = Math.max(1, Math.round(360 / stepDeg0));

      if (rotMatchCache && rotMatchCache.G === G && rotMatchCache.step === stepDeg0 && rotMatchCache.zero === matchZero) {
        rotMatchSet = rotMatchCache.set;
      } else {
        rotMatchSet = new Set();
        for (var fi3=0; fi3<G.list.length; fi3++) {
          var fc3=G.list[fi3];
          if (fc3[6]===-1) continue;
          if (fc3[3]!==1 && !matchZero) continue;
          var fp3=fWorldPos(fc3);
          var map3 = (fc3[3]===1) ? fPosMap1 : fPosMap0;
          var dx0 = fp3[0] - G.cx, dy0 = fp3[1] - G.cy;

          var alwaysMatch = true;
          for (var m=1; m<numSteps && alwaysMatch; m++) {
            var testRadM = m * stepDeg0 * Math.PI / 180;
            var cosM = Math.cos(testRadM), sinM = Math.sin(testRadM);
            var rx = dx0 * cosM - dy0 * sinM + G.cx;
            var ry = dx0 * sinM + dy0 * cosM + G.cy;
            if (!fuzzyHit(map3, rx, ry)) alwaysMatch = false;
          }
          if (alwaysMatch) rotMatchSet.add(fi3);
        }
        rotMatchCache = { G: G, step: stepDeg0, zero: matchZero, set: rotMatchSet };
      }
    }

  }

  var lasersActive = skewerMode.checked && laserModeOk() && skewers.length > 0;
  var zeroMainA = parseFloat(zeroMain.value);
  var zeroPadA  = parseFloat(zeroPad.value);
/* === МАРКЕР 08: DRAW — ОТРИСОВКА ФИГУР (кубы / квадраты / ромбы) === */
  for(var i=0;i<G.list.length;i++){
    var c=G.list[i]; 
    var val = c[3];
    var isPadded = c[4]; 
    var absL = c[5]; 
    var cIdx = c[6]; 
    
    var isGhost = (val === 0);
    var inSelection = frameElements.has(i);
    var isSkewered = skeweredElements.has(i);
    var hasLaser = cellLaserColor[c._i] !== undefined;
    var isOverlapCell = laserOverlapEnabled && cellLaserHits[c._i] && cellLaserHits[c._i].length >= 2;
    var laserCol = isOverlapCell ? LASER_OVERLAP_COLOR : cellLaserColor[c._i];
    
    var isFlipMatch = flipMatchSet && flipMatchSet.has(i);
    var isRotMatch = rotMatchSet && rotMatchSet.has(i);
    var isFlipXor = flipXor && flipXorState && flipXorState[i] === 1;
    var isRotXor = rotXor && rotXorState && rotXorState[i] === 1;
    var xorActive = (flipXor && flipXorState) || (rotXor && rotXorState);

    if (val === 1 || matchZero) {
        if (flipHighlight && flipShowMode === "match" && !isFlipMatch) continue;
        if (flipHighlight && flipShowMode === "diff" && isFlipMatch) continue;

        if (rotHighlight && rotShowMode === "match" && !isRotMatch) continue;
        if (rotHighlight && rotShowMode === "diff" && isRotMatch) continue;
    }

    var isDimmedLoop = (dimPadded.checked && isPadded && !isGhost && !isSkewered);
    
    var isActiveElement = true;
    if (hasSelection) {
        isActiveElement = isMinus ? !inSelection : inSelection;
    }

    var isRealGhost = (isGhost && !isPadded);
    var isPadGhost = (isGhost && isPadded);
    
    var forceVisibleZero = isGhost && ((hasSelection && inSelection) || isSkewered);
    // ПРАВКА ОТРИСОВКИ: Если "0 в доборе" выключен, мы не показываем их даже при прохождении рамкой
    if (isPadGhost && !ghostsAll.checked) {
        forceVisibleZero = false;
    }
    
    var shouldShowGhost = (ghosts.checked && isRealGhost) || (ghostsAll.checked && isPadGhost) || forceVisibleZero;
    
    if (isGhost && !shouldShowGhost && !isFlipXor && !isRotXor) continue;

    var col = pc(c[2]);
    
    if (isActiveElement && cIdx !== -1 && hasSelection) { 
        if (!textHlMap[absL]) textHlMap[absL] = {};
        textHlMap[absL][cIdx] = c[2];
    }

    var za = (isPadded ? zeroPadA : zeroMainA) * (lasersActive ? 0.35 : 1);
    if (isSkewered && skewerMode.checked) {
        ctx.globalAlpha = 1.0;
    } else if (isActiveElement) {
        if (isGhost) {
            ctx.globalAlpha = (ghosts.checked || ghostsAll.checked) ? Math.min(za, 1) : (forceVisibleZero ? Math.min(Math.max(za, 0.35), 1) : 0.0);
        }
        else if (isDimmedLoop) ctx.globalAlpha = 0.12;
        else ctx.globalAlpha = lasersActive ? 0.16 : 1.0;
    } else {
        ctx.globalAlpha = isGhost ? 0.0 : 0.03;
    }

    if (isFlipXor || isRotXor) ctx.globalAlpha = Math.max(ctx.globalAlpha, 1);
    if (ctx.globalAlpha <= 0) continue;

    var doStroke = strokes || isGhost || isDimmedLoop || isSkewered;
    var ghostStrokeBoost = isGhost ? Math.max(0, za - 1) : 0;
    var fillColor1 = isGhost ? "rgba(0,0,0,0)" : col[2];
    var fillColor2 = isGhost ? "rgba(0,0,0,0)" : col[1];
    var fillColor3 = isGhost ? "rgba(0,0,0,0)" : col[0];

    if (isActiveElement && highlightEqual && !isSkewered && (!selectedBeamCellSet || selectedBeamCellSet.has(i))) {
      if (!isDimmedLoop) ctx.globalAlpha = 1.0; 
      var gold = ["#F9E79F", "#F4D03F", "#F1C40F", "#B7950B"];
      col = gold; 
      if (!isGhost) {
        fillColor1 = gold[2]; fillColor2 = gold[1]; fillColor3 = gold[0];
      } else {
        fillColor1 = "rgba(241, 196, 15, 0.15)";
        fillColor2 = "rgba(241, 196, 15, 0.15)";
        fillColor3 = "rgba(241, 196, 15, 0.25)";
        doStroke = true;
      }
    }

    if (isFlipMatch || isRotMatch) {
      ctx.globalAlpha = Math.max(ctx.globalAlpha, isDimmedLoop ? 0.4 : 1);
      var hlColStr = isRotMatch ? rotHlColor.value : flipHlColor.value;
      col = [col[0], col[1], col[2], darkColor(hlColStr, 0.35)];
      fillColor1 = hlColStr; fillColor2 = hlColStr; fillColor3 = hlColStr;
      doStroke = true;
    }

    if (isFlipXor || isRotXor) {
      // XOR-наложение: результат 1 — свой цвет поверх всего (зеркало — зелёный, поворот — оранжевый)
      ctx.globalAlpha = 1;
      var xorColStr = isRotXor ? "#FF8C00" : "#7CFC00";
      col = [col[0], col[1], col[2], darkColor(xorColStr, 0.35)];
      fillColor1 = xorColStr; fillColor2 = xorColStr; fillColor3 = xorColStr;
      doStroke = true;
    } else if (xorActive && !isGhost) {
      // результат 0 (1⊕1 погасили друг друга) — куб сильно гасим
      ctx.globalAlpha = Math.min(ctx.globalAlpha, 0.08);
    }

    var a=aC(c),b=c[1],k=c[2];
    
    if (G.kind === "iso") {
      var xT=(a-b)*u,   yT=(a+b)*v-(k+1)*hh;
      var xR=(a-b+1)*u, yR=(a+b+1)*v-(k+1)*hh;
      var xF=(a-b)*u,   yF=(a+b+2)*v-(k+1)*hh;
      var xL=(a-b-1)*u, yL=(a+b+1)*v-(k+1)*hh;
      var yRb=yR+hh, yFb=yF+hh, yLb=yL+hh;
      
      ctx.fillStyle=fillColor1; ctx.beginPath();
      ctx.moveTo(xL,yL); ctx.lineTo(xF,yF); ctx.lineTo(xF,yFb); ctx.lineTo(xL,yLb);
      ctx.closePath(); ctx.fill(); 
      if(doStroke){
          ctx.strokeStyle = hasLaser ? laserCol : (ghostStrokeBoost > 0 ? litColor(col[3], Math.min(ghostStrokeBoost, 1)) : col[3]);
          ctx.lineWidth = hasLaser ? ((isOverlapCell ? 3 : 2) / zoom) : (1 / zoom);
          ctx.stroke();
      }
      
      ctx.fillStyle=fillColor2; ctx.beginPath();
      ctx.moveTo(xF,yF); ctx.lineTo(xR,yR); ctx.lineTo(xR,yRb); ctx.lineTo(xF,yFb);
      ctx.closePath(); ctx.fill(); 
      if(doStroke){
          ctx.strokeStyle = hasLaser ? laserCol : (ghostStrokeBoost > 0 ? litColor(col[3], Math.min(ghostStrokeBoost, 1)) : col[3]);
          ctx.lineWidth = hasLaser ? ((isOverlapCell ? 3 : 2) / zoom) : (1 / zoom);
          ctx.stroke();
      }
      
      ctx.fillStyle=fillColor3; ctx.beginPath();
      ctx.moveTo(xT,yT); ctx.lineTo(xR,yR); ctx.lineTo(xF,yF); ctx.lineTo(xL,yL);
      ctx.closePath(); ctx.fill(); 
      if(doStroke){
          ctx.strokeStyle = hasLaser ? laserCol : (ghostStrokeBoost > 0 ? litColor(col[3], Math.min(ghostStrokeBoost, 1)) : col[3]);
          ctx.lineWidth = hasLaser ? ((isOverlapCell ? 3 : 2) / zoom) : (1 / zoom);
          ctx.stroke();
      }
      
      if (drawText || isSkewered || forceVisibleZero) {
        ctx.globalAlpha = (isActiveElement || isSkewered || forceVisibleZero) ? (isDimmedLoop && !isSkewered ? 0.4 : 1) : 0.1;
        ctx.fillStyle = isGhost ? col[3] : (isPadded ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.85)");
        queueText(isGhost ? "0" : "1", (a-b)*u, (a+b+1)*v - (k+1)*hh);
      }
    } else if (G.kind === "top") {
      ctx.fillStyle=fillColor3; ctx.strokeStyle = ghostStrokeBoost > 0 ? litColor(col[3], Math.min(ghostStrokeBoost, 1)) : col[3];
      ctx.lineWidth = 1 / zoom;
      ctx.beginPath();
      ctx.rect(aC(c)*TS+0.5, c[1]*TS+0.5, TS-1, TS-1);
      ctx.fill(); if(doStroke)ctx.stroke();

      if (drawText || forceVisibleZero) {
        ctx.globalAlpha = isActiveElement || forceVisibleZero ? (isDimmedLoop ? 0.4 : 1) : 0.1;
        ctx.fillStyle = isGhost ? col[3] : (isPadded ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.85)");
        queueText(isGhost ? "0" : "1", aC(c)*TS + TS/2, c[1]*TS + TS/2);
      }
    } else {
      var cx=rhX(c), cy2=-c[2]*DD/2, r2=DD/2;
      var ghostStroke = ghostStrokeBoost > 0 ? litColor(col[3], Math.min(ghostStrokeBoost, 1)) : col[3];
      var rhStroke = hasLaser ? laserCol : ghostStroke;
      var rhStrokeW = hasLaser ? ((isOverlapCell ? 3 : 2) / zoom) : (1 / zoom);
      ctx.fillStyle=fillColor1; ctx.beginPath();
      ctx.moveTo(cx,cy2-r2); ctx.lineTo(cx-r2,cy2); ctx.lineTo(cx,cy2+r2);
      ctx.closePath(); ctx.fill(); if(doStroke){ctx.strokeStyle=rhStroke;ctx.lineWidth=rhStrokeW;ctx.stroke();}
      ctx.fillStyle=fillColor2; ctx.beginPath();
      ctx.moveTo(cx,cy2-r2); ctx.lineTo(cx+r2,cy2); ctx.lineTo(cx,cy2+r2);
      ctx.closePath(); ctx.fill(); if(doStroke){ctx.strokeStyle=rhStroke;ctx.lineWidth=rhStrokeW;ctx.stroke();}

      if (drawText || forceVisibleZero) {
        ctx.globalAlpha = isActiveElement || forceVisibleZero ? (isDimmedLoop ? 0.4 : 1) : 0.1;
        ctx.fillStyle = isGhost ? col[3] : (isPadded ? "rgba(255,255,255,0.7)" : "rgba(0,0,0,0.85)");
        queueText(isGhost ? "0" : "1", cx, cy2);
      }
    }
  }

  if (textQueue.length) {
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.font = "bold " + (13 * zoom) + "px 'Roboto Mono', monospace";
    ctx.textAlign = "center";
    ctx.textBaseline = "middle";
    var rcos = rotRad ? Math.cos(rotRad) : 1, rsin = rotRad ? Math.sin(rotRad) : 0;
    for (var tqi=0; tqi<textQueue.length; tqi++) {
      var tq = textQueue[tqi];
      var dx = fsx * zoom * (tq.x - G.cx), dy = fsy * zoom * (tq.y - G.cy);
      var sx = panX + (rotRad ? (dx*rcos - dy*rsin) : dx);
      var sy = panY + (rotRad ? (dx*rsin + dy*rcos) : dy);
      ctx.globalAlpha = tq.alpha;
      ctx.fillStyle = tq.fillStyle;
      ctx.fillText(tq.text, sx, sy + 1);
    }
    ctx.globalAlpha = 1;
    applyAmbientTransform();
  }
/* === МАРКЕР 09: DRAW — ЛУЧИ И УЗЛЫ ЛАЗЕРА НА ХОЛСТЕ === */
  if (skewerMode.checked && laserModeOk() && laserCtx && laserCtx.nodes.length) {
      // Узлы/оси: на кратных 90° и зеркалах — неподвижны; на косых углах едут вместе с кубами
      if (laserStationaryOK()) applyLaserTransform(); else applyAmbientTransform();
      ctx.strokeStyle = isDark ? "rgba(147, 166, 159, 0.16)" : "rgba(110, 109, 102, 0.22)";
      ctx.lineWidth = 1 / zoom;

      if (laserCtx.frame) {
          // Замкнутая рамка осей: линии касаются контура крайних кубов и пересекаются друг с другом
          laserCtx.frame.forEach(function(sg) {
              ctx.beginPath();
              ctx.moveTo(sg[0], sg[1]); ctx.lineTo(sg[2], sg[3]);
              ctx.stroke();
          });
      }
      // Направляющая вдоль КАЖДОЙ оси, а не только left/right/top: у horiz и диагоналей (da/db)
      // линии не рисовались вовсе, и их ряды точек висели в пустоте. Рисуем всегда — и в дополнение
      // к рамке тоже: рамка покрывает лишь контур, а диагонали идут внутри него.
      ['left', 'right', 'top', 'horiz', 'da', 'db'].forEach(function(plane) {
          var group = laserCtx.groups[plane];
          if (group && group.length > 1) {
              var firstN = group[0].pos;
              var lastN = group[group.length - 1].pos;
              ctx.beginPath();
              ctx.moveTo(firstN.x, firstN.y); ctx.lineTo(lastN.x, lastN.y);
              ctx.stroke();
          }
      });

      laserCtx.nodes.forEach(function(node) {
          var p = node.pos;

          var activeLaser = skewers.find(function(s) {
              return s.type === node.type && s.d === node.d;
          });

          var isHovered = activeHoveredNode &&
                          activeHoveredNode.type === node.type &&
                          activeHoveredNode.d === node.d;

          ctx.beginPath();
          if (activeLaser) {
              ctx.arc(p.x, p.y, (isHovered ? 7.5 : 5.5) / zoom, 0, Math.PI * 2);
              ctx.fillStyle = activeLaser.color;
              ctx.globalAlpha = 1.0;
              ctx.fill();
              
              ctx.beginPath();
              ctx.arc(p.x, p.y, (isHovered ? 12 : 9) / zoom, 0, Math.PI * 2);
              ctx.strokeStyle = activeLaser.color;
              ctx.lineWidth = 1.5 / zoom;
              ctx.globalAlpha = 0.5;
              ctx.stroke();
          } else {
              ctx.arc(p.x, p.y, (isHovered ? 5.5 : 3.5) / zoom, 0, Math.PI * 2);
              ctx.fillStyle = isHovered ? "rgba(93, 202, 165, 0.9)" : "rgba(147, 166, 159, 0.4)";
              ctx.globalAlpha = 1.0;
              ctx.fill();
          }

          var tx = p.x, ty = p.y, off = 13 / zoom;
          var rhFlip = (G.kind === "rhomb"); // у ромбов диагональные оси снизу — подписи наружу
          if (node.type === 'top') { ty -= off; }
          else if (node.type === 'horiz') { tx -= off; }
          else if (node.type === 'db') { tx -= off * 0.7; ty -= off * 0.7; }
          else if (node.type === 'da') { tx -= off * 0.7; ty += off * 0.7; }
          else if (node.type === 'left') { tx += rhFlip ? off : -off; ty += rhFlip ? off * 0.2 : -off * 0.2; }
          else if (node.type === 'right') { tx += rhFlip ? -off : off; ty += rhFlip ? off * 0.2 : -off * 0.2; }

          ctx.font = "bold " + (10 / zoom) + "px 'Roboto Mono', monospace";
          ctx.textAlign = "center";
          ctx.textBaseline = "middle";
          ctx.fillStyle = activeLaser ? activeLaser.color : (isDark ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.4)");
          // Диагональные оси нумеруются от центра (±): у положительных показываем «+».
          var nodeLbl = ((node.type === 'da' || node.type === 'db') && node.index > 0) ? ("+" + node.index) : node.index;
          ctx.fillText(nodeLbl, tx, ty);
      });

      // Кольцо-«все» напротив середины каждой оси — клик включает/выключает разом все её лазеры
      var axisToggleOnColor = isDark ? "#5DCAA5" : "#1D9E75"; // == var(--accent) — в canvas CSS-переменные не резолвятся
      Object.keys(axisToggleAnchors).forEach(function(key){
          var anchor = axisToggleAnchors[key];
          var nodesOfAxis = laserCtx.groups[key] || [];
          var allOn = nodesOfAxis.length > 0 && nodesOfAxis.every(function(n){
              return skewers.some(function(sk){ return sk.type === key && sk.d === n.d; });
          });
          var anyOn = nodesOfAxis.some(function(n){
              return skewers.some(function(sk){ return sk.type === key && sk.d === n.d; });
          });
          var isHoveredAT = activeHoveredAxisToggle === key;
          var rOuter = (isHoveredAT ? 8.5 : 6.5) / zoom;

          // «Вилка»: черенок от кольца к оси + хребет вдоль ряда + по веточке к каждой точке.
          // Так сразу видно, какие именно точки включает это кольцо.
          if (nodesOfAxis.length > 1 && anchor.nx !== undefined) {
              var spineOff = (6 / zoom);            // хребет чуть отступает от самих точек
              var sx0 = anchor.nx * spineOff, sy0 = anchor.ny * spineOff;
              var pFirst = nodesOfAxis[0].pos, pLast = nodesOfAxis[nodesOfAxis.length - 1].pos;
              ctx.lineWidth = 1 / zoom;
              ctx.strokeStyle = allOn ? axisToggleOnColor : (isDark ? "rgba(147, 166, 159, 0.38)" : "rgba(110, 109, 102, 0.42)");
              ctx.globalAlpha = allOn ? 0.75 : 1.0;

              ctx.beginPath();
              // черенок: от края кольца до хребта
              ctx.moveTo(anchor.x - anchor.nx * rOuter, anchor.y - anchor.ny * rOuter);
              ctx.lineTo(anchor.mx + sx0, anchor.my + sy0);
              // хребет вдоль всего ряда точек
              ctx.moveTo(pFirst.x + sx0, pFirst.y + sy0);
              ctx.lineTo(pLast.x + sx0, pLast.y + sy0);
              // зубцы к каждой точке
              nodesOfAxis.forEach(function(n){
                  ctx.moveTo(n.pos.x + sx0, n.pos.y + sy0);
                  ctx.lineTo(n.pos.x + anchor.nx * (2.5 / zoom), n.pos.y + anchor.ny * (2.5 / zoom));
              });
              ctx.stroke();
              ctx.globalAlpha = 1.0;
          }

          ctx.beginPath();
          ctx.arc(anchor.x, anchor.y, rOuter, 0, Math.PI * 2);
          ctx.lineWidth = (isHoveredAT ? 2.5 : 2) / zoom;
          ctx.strokeStyle = allOn ? axisToggleOnColor : (anyOn ? (isDark ? "rgba(147, 166, 159, 0.9)" : "rgba(110, 109, 102, 0.9)") : (isDark ? "rgba(255,255,255,0.35)" : "rgba(0,0,0,0.35)"));
          ctx.globalAlpha = 1.0;
          ctx.fillStyle = allOn ? axisToggleOnColor : "rgba(0,0,0,0)";
          if (allOn) ctx.fill();
          ctx.stroke();

          if (anyOn && !allOn) {
              // Частично включено — маленькая точка внутри кольца
              ctx.beginPath();
              ctx.arc(anchor.x, anchor.y, rOuter * 0.4, 0, Math.PI * 2);
              ctx.fillStyle = isDark ? "rgba(147, 166, 159, 0.9)" : "rgba(110, 109, 102, 0.9)";
              ctx.fill();
          }
      });
      ctx.globalAlpha = 1.0;
      applyAmbientTransform();
  }

  function drawLaserLine(startParam, endParam, step, getPointFn, checkCubeFn, color) {
      var points = [];
      if (step > 0) {
          for (var p = startParam; p <= endParam; p += step) points.push(p);
      } else {
          for (var p = startParam; p >= endParam; p += step) points.push(p);
      }

      var firstCubeHitIndex = -1;
      for (var j = 0; j < points.length; j++) {
          if (checkCubeFn(points[j])) {
              firstCubeHitIndex = j;
              break;
          }
      }

      for (var j = 0; j < points.length - 1; j++) {
          var p1 = getPointFn(points[j]);
          var p2 = getPointFn(points[j+1]);
          var mid = (points[j] + points[j+1]) / 2;
          var isInside = checkCubeFn(mid);

          ctx.beginPath();
          ctx.moveTo(p1.x, p1.y);
          ctx.lineTo(p2.x, p2.y);

          if (isInside) {
              ctx.lineWidth = 0.5 / zoom;
              ctx.strokeStyle = color;
              ctx.globalAlpha = 0.22;
              ctx.setLineDash([4/zoom, 4/zoom]);
          } else {
              ctx.lineWidth = 1 / zoom;
              ctx.strokeStyle = color;
              ctx.globalAlpha = 0.95;
              ctx.setLineDash([]);
          }
          ctx.stroke();
      }
      ctx.setLineDash([]);

      if (firstCubeHitIndex !== -1) {
          var pEntrance = getPointFn(points[firstCubeHitIndex]);
          
          ctx.globalAlpha = 1.0;
          ctx.beginPath();
          ctx.arc(pEntrance.x, pEntrance.y, 6 / zoom, 0, Math.PI * 2);
          ctx.fillStyle = color;
          ctx.fill();

          ctx.beginPath();
          ctx.arc(pEntrance.x, pEntrance.y, 11 / zoom, 0, Math.PI * 2);
          ctx.fillStyle = "rgba(255, 255, 255, 0.4)";
          ctx.fill();
      }
  }

  /* === МАРКЕР 10: DRAW — ПАНЕЛЬ РЕЗУЛЬТАТОВ ЛАЗЕРА (DOM: колонки/переключатели) === */
  var targetHighlights = {};
  var patHighlights = {};   // совпадения, найденные для строк поля «Паттерны» (подсветка в нём же)

  if (skewerMode.checked && laserModeOk()) {
      skewerRes.innerHTML = "";
      skewerWrap.style.display = "block";
      $("divLaser").style.display = "block";
      var laserGroups = { top: [], right: [], left: [], horiz: [], da: [], db: [] };

      var targetStrings = [];
      // Пока в поле «Паттерны» есть хоть один паттерн — подсветка ищет ИХ (и подсвечивает
      // найденное в самом поле «Паттерны», см. patHighlights/updatePatHighlight), а строки
      // «Данных» под границей в поиске не участвуют вовсе — ровно как и реальный захват
      // (см. searchPatternsList).
      var patTargets = openPatternRows(); // закрытые уже отработали — в поиске/подсветке их нет
      if (patternsActive()) {
          // inv/rev больше не храним в цели: все варианты берутся из общего кеша patVariants
          patTargets.forEach(function(p){
              targetStrings.push({ text: p.text, lineIdx: p.lineIdx, offset: p.offset, fromPat: true, lineNo: p.lineNo });
          });
      } else if (lineLimit >= 0) {
          var allLines = src.value.split('\n');
          // «Без 1-го символа» должен так же действовать и здесь — иначе подсветка ищет ПОЛНУЮ
          // строку (с 1-м битом), а реальный захват (belowRowSearchPat) — уже без него: подсветка
          // могла загораться на повороте, недостижимом после урезания текста, и захват не срабатывал.
          var sfChk = $("skipFirstCharCheck");
          var skipFirstForTargets = sfChk && sfChk.checked;
          for (var tl = lineLimit; tl < allLines.length; tl++) {
              var trm = allLines[tl].trim();
              if (trm.length > 0) {
                  var baseOffset = allLines[tl].indexOf(trm);
                  var searchText = trm, extraOffset = 0;
                  if (skipFirstForTargets && trm.length > 1) { searchText = trm.slice(1); extraOffset = 1; }
                  targetStrings.push({ text: searchText, lineIdx: tl, offset: baseOffset + extraOffset });
              }
          }
      }

      // Строго: только полное совпадение паттерна целиком — раньше здесь ещё пробовался паттерн
      // без 1-го символа, из-за чего подсветка загоралась там, где реальный захват (который требует
      // совпадения целиком) потом не срабатывал.

      function rotatedRangeToOriginal(type, k, tIdx, len, L) {
          var idxs = [];
          for (var j=0; j<len; j++) {
              var patIdx = (tIdx + j + k) % L;
              idxs.push(type === 'rev' ? (L - 1 - patIdx) : patIdx);
          }
          idxs.sort(function(a,b){ return a-b; });
          var ranges = [];
          var rs = idxs[0], prev = idxs[0];
          for (var i=1; i<idxs.length; i++) {
              if (idxs[i] === prev + 1) { prev = idxs[i]; continue; }
              ranges.push({ start: rs, end: prev + 1 });
              rs = idxs[i]; prev = idxs[i];
          }
          ranges.push({ start: rs, end: prev + 1 });
          return ranges;
      }

      // minPatLineNo — только для «🔒 Строго»: в этот кусок строк данных имеют право заглядывать
      // лишь паттерны с номером НЕ МЕНЬШЕ него (их номер строго больше номеров всех строк куска).
      // Так подсветка показывает ровно то, что реально засчитывает захват, и не врёт.
      function findMatches(laserStr, selMap, minPatLineNo) {
          if (laserStr.length < 1) return [{ text: laserStr, type: 'none' }];
          var best = null, H = laserStr.length;
          // Приоритет цели. Для ПАТТЕРНОВ — строго по номеру: побеждает первый подошедший
          // (они лежат по возрастанию номера строки), ровно как и в захвате — иначе подсветка
          // загоралась на самом ДЛИННОМ паттерне, а захват брал самый ранний, и они спорили.
          // Для строк «Данных» (когда поле паттернов пустое) приоритет прежний — самое длинное
          // совпадение, это старое поведение лазерной подсветки, его не трогаем.
          var patOrderMode = targetStrings.length > 0 && targetStrings[0].fromPat;
          // Индекс строки считаем один раз на вызов, дальше цели только опрашивают его
          var hIdx = makeHayIndex(laserStr);
          for (var i=0; i<targetStrings.length; i++) {
              var t = targetStrings[i];
              if (typeof minPatLineNo === "number" && t.fromPat && t.lineNo < minPatLineNo) continue;
              var L = t.text.length;
              if (L > H) continue;                 // не влезает — даже не пробуем
              if (!patOrderMode && best && best.len >= L) continue; // длиннее уже найденного не даст

              var m = hayFindPattern(hIdx, patVariants(t.text));
              if (m) {
                  best = { len: m.total, lIdx: m.lIdx, tIdx: 0, k: m.rot, target: t, type: m.type };
                  if (patOrderMode) break; // первый по номеру — он и нужен
              }
          }

          if (!best) return [{ text: laserStr, type: 'none' }];

          var origRanges = rotatedRangeToOriginal(best.type, best.k, best.tIdx, best.len, best.target.text.length);
          // Совпадение паттерна подсвечиваем в поле «Паттерны», совпадение строки данных — в редакторе.
          var hlBucket = best.target.fromPat ? patHighlights : targetHighlights;
          origRanges.forEach(function(r){
              if (!hlBucket[best.target.lineIdx]) hlBucket[best.target.lineIdx] = [];
              hlBucket[best.target.lineIdx].push({
                  start: r.start + best.target.offset,
                  end: r.end + best.target.offset,
                  type: best.type
              });

              if (selMap && !best.target.fromPat) {
                  var sLine = best.target.lineIdx;
                  if (!selMap[sLine]) selMap[sLine] = [];
                  selMap[sLine].push({ start: r.start + best.target.offset, end: r.end + best.target.offset });
              }
          });

          var leftStr = laserStr.substring(0, best.lIdx);
          var matchStr = laserStr.substring(best.lIdx, best.lIdx + best.len);
          var rightStr = laserStr.substring(best.lIdx + best.len);

          var res = [];
          if (leftStr.length > 0) res = res.concat(findMatches(leftStr, selMap));
          res.push({ text: matchStr, type: best.type });
          if (rightStr.length > 0) res = res.concat(findMatches(rightStr, selMap));
          return res;
      }

      function formatMatchSegments(segments) {
          return segments.map(function(s) {
              if (s.type === 'normal') return '<span style="background:#F1C40F; color:#000; border-radius:3px; padding:0 2px;">' + s.text + '</span>';
              if (s.type === 'inv') return '<span style="background:#3498DB; color:#FFF; border-radius:3px; padding:0 2px;">' + s.text + '</span>';
              if (s.type === 'rev') return '<span style="background:#9B59B6; color:#FFF; border-radius:3px; padding:0 2px;">' + s.text + '</span>';
              return s.text;
          }).join('');
      }

      function sliceSegments(segments, start, end) {
          var res = [], pos = 0;
          for (var i=0; i<segments.length; i++) {
              var s = segments[i];
              var segStart = pos, segEnd = pos + s.text.length;
              pos = segEnd;
              if (segEnd <= start || segStart >= end) continue;
              var cutStart = Math.max(start, segStart) - segStart;
              var cutEnd = Math.min(end, segEnd) - segStart;
              res.push({ text: s.text.slice(cutStart, cutEnd), type: s.type });
          }
          return res;
      }

      // Сборка лазеров — см. getLaserAssemblyPresets() (общая функция, чтобы её же мог использовать
      // computeAssemblyPointsFresh для поиска без draw()). Все группы идут подряд в одну строку —
      // и поиск (findMatches), и отображение (разделитель между значениями — только «+»).
      var LASER_ASSEMBLY_PRESETS = getLaserAssemblyPresets();
      var activeAssemblyPreset = LASER_ASSEMBLY_PRESETS.find(function(p){ return p.key === laserAssemblyVariant; }) || LASER_ASSEMBLY_PRESETS[0];

      var axisPointSegments = {};
      var assemblyRows = []; // [{ pts: [{skIdx,str}], combinedStr, combinedSegments }] — всегда 1 элемент
      {
          var pts = [];
          if (!activeAssemblyPreset.axes) {
              pts = skewers
                  .map(function(sk, skIdx){ return { skIdx: skIdx }; })
                  .filter(function(p){ return skewerData[p.skIdx]; })
                  .map(function(p){ return { skIdx: p.skIdx, str: skewerData[p.skIdx].str }; });
          } else {
              var byIndex = {}; // nIdx -> { axisType: {skIdx,str} }
              activeAssemblyPreset.axes.forEach(function(axisType){
                  var grp = laserCtx.groups[axisType] || [];
                  skewers.forEach(function(sk, skIdx){
                      if (sk.type !== axisType || !skewerData[skIdx]) return;
                      var node = grp.find(function(n){ return n.d === sk.d; });
                      if (!node) return;
                      if (!byIndex[node.index]) byIndex[node.index] = {};
                      byIndex[node.index][axisType] = { skIdx: skIdx, str: skewerData[skIdx].str };
                  });
              });
              Object.keys(byIndex).map(Number).sort(function(a,b){ return a - b; }).forEach(function(nIdx){
                  activeAssemblyPreset.axes.forEach(function(axisType){
                      var e = byIndex[nIdx][axisType];
                      if (e) pts.push(e);
                  });
              });
          }

          if (pts.length) {
              var combinedStr = pts.map(function(p){ return p.str; }).join('');
              // Все выбранные обычные лазеры, чьи точки входят в эту сборку — каждый подсвечивается своей картой/цветом
              var combinedSelEntries = selectedBeamHlList.filter(function(e){
                  return e.kind === 'normal' && pts.some(function(p){ return p.skIdx === e.skIdx; });
              });

              // Пока активно «По строкам» — лазерный поиск (findMatches по строкам лазеров) не
              // подсвечивает: targetHighlights должен показывать только совпадения интерливинг-
              // стога (см. ветку rowsModeActive ниже), иначе два разных источника подсветки
              // смешивались бы в редакторе и путали, какая строка реально найдена для захвата.
              var combinedSegments = [];
              if (combinedStr.length > 0 && !rowsModeActive) {
                  if (combinedSelEntries.length) {
                      combinedSelEntries.forEach(function(e){ combinedSegments = findMatches(combinedStr, e.map); });
                  } else {
                      combinedSegments = findMatches(combinedStr, null);
                  }
              }

              // Не трогаем axisPointSegments при «По строкам» (оставляем undefined на skIdx) — иначе
              // sliceSegments([], ...) даёт ПУСТОЙ (но truthy) массив, и `axisPointSegments[skIdx] ||
              // [{text: sd.str, ...}]` ниже перестаёт срабатывать: текст лазера исчезает вовсе.
              if (!rowsModeActive) {
                  var pos = 0;
                  pts.forEach(function(p){
                      var start = pos, end = pos + p.str.length;
                      pos = end;
                      axisPointSegments[p.skIdx] = sliceSegments(combinedSegments, start, end);
                  });
              }

              assemblyRows.push({ pts: pts, combinedStr: combinedStr, combinedSegments: combinedSegments });
          }
      }
      // Снимок строки текущей «Сборки лазеров» — чтобы автозахват находил то же, что подсвечено
      // пользователю в результатах (независимо от порядка laserResultRowsForExport()).
      lastAssemblyHaystack = assemblyRows.map(function(r){ return r.combinedStr; }).join('');

      var skewerRowEls = {}; // skIdx -> DOM-строка результата (для подсветки при наведении на сборку)

      if (laserStationaryOK()) applyLaserTransform(); else applyAmbientTransform(); // лучи — в том же пространстве, что и оси
      skewers.forEach(function(sk, skIdx) {
          var sd = skewerData[skIdx];
          var checkFn = function(val) {
              if (!sd) return false;
              for (var i = 0; i < sd.hitList.length; i++) {
                  var hit = sd.hitList[i];
                  var min = Math.min(hit.inside[0], hit.inside[1]);
                  var max = Math.max(hit.inside[0], hit.inside[1]);
                  if (hit.c[3] === 1 && val >= min && val <= max) return true;
              }
              return false;
          };

          if (G.kind === "rhomb") {
              var ndRh = laserCtx.groups[sk.type].find(function(n){ return n.d === sk.d; });
              if (ndRh) {
                  if (sk.type === 'top') {
                      drawLaserLine(ndRh.pos.y, ndRh.end, DD / 4,
                          function(t) { return { x: ndRh.pos.x, y: t }; }, checkFn, sk.color);
                  } else if (sk.type === 'horiz') {
                      drawLaserLine(ndRh.pos.x, ndRh.end, DD / 4,
                          function(t) { return { x: t, y: ndRh.pos.y }; }, checkFn, sk.color);
                  } else if (sk.type === 'left') {
                      drawLaserLine(ndRh.pos.x, ndRh.end, -DD / 4,
                          function(t) { return { x: t, y: ndRh.pos.y + (t - ndRh.pos.x) }; }, checkFn, sk.color);
                  } else {
                      drawLaserLine(ndRh.pos.x, ndRh.end, DD / 4,
                          function(t) { return { x: t, y: ndRh.pos.y + (ndRh.pos.x - t) }; }, checkFn, sk.color);
                  }
              }
          } else if (G.kind === "top") {
              var ndTop = (laserCtx.groups[sk.type] || []).find(function(n){ return n.d === sk.d; });
              if (ndTop) {
                  if (sk.type === 'top') {
                      drawLaserLine(ndTop.pos.y, ndTop.end, TS / 4,
                          function(t) { return { x: ndTop.pos.x, y: t }; }, checkFn, sk.color);
                  } else if (sk.type === 'left') {
                      drawLaserLine(ndTop.pos.x, ndTop.end, TS / 4,
                          function(t) { return { x: t, y: ndTop.pos.y }; }, checkFn, sk.color);
                  } else if (sk.type === 'db') { // «\»: x−y=const
                      drawLaserLine(ndTop.pos.x, ndTop.end, TS / 4,
                          function(t) { return { x: t, y: t - sk.d * TS }; }, checkFn, sk.color);
                  } else if (sk.type === 'da') { // «/»: x+y=const
                      drawLaserLine(ndTop.pos.x, ndTop.end, TS / 4,
                          function(t) { return { x: t, y: (sk.d + 1) * TS - t }; }, checkFn, sk.color);
                  }
              }
          } else if (sk.type === 'top') {
              drawLaserLine(laserCtx.startSv_T, laserCtx.endSv_T, 0.5,
                  function(Sv) { return getTopBeamPos(Sv, sk.d); }, checkFn, sk.color);
          } else if (sk.type === 'left') {
              var activeNode = laserCtx.groups.left.find(function(n){return n.d === sk.d});
              if (activeNode) {
                  drawLaserLine(activeNode.startS, laserCtx.endS_L, 0.5,
                      function(S) { return getLeftBeamPos(S, sk.d); }, checkFn, sk.color);
              }
          } else if (sk.type === 'right') {
              var activeNodeR = laserCtx.groups.right.find(function(n){return n.d === sk.d});
              if (activeNodeR) {
                  drawLaserLine(activeNodeR.startS, laserCtx.endS_R, -0.5,
                      function(S) { return getRightBeamPos(S, sk.d); }, checkFn, sk.color);
              }
          } else if (sk.type === 'horiz') {
              var activeNodeH = laserCtx.groups.horiz.find(function(n){return n.d === sk.d});
              if (activeNodeH) {
                  drawLaserLine(activeNodeH.startS, activeNodeH.endS, 0.5,
                      function(S) { return getHorizBeamPos(S, sk.d); }, checkFn, sk.color);
              }
          }

          if (sd) {
              var activeN = (laserCtx.groups[sk.type] || []).find(function(n){return n.d === sk.d});
              var nIdx = activeN ? activeN.index : "?";

              var line = document.createElement("div");
              line.className = "skew-line";
              
              var dot = document.createElement("span");
              dot.className = "skew-dot";
              dot.style.background = sd.color;
              line.appendChild(dot);
              
              var isSelRow = isLaserRowSelected(skIdx, 'normal');

              var txt = document.createElement("span");
              var dispStr = sd.str.length ? sd.str : i18n[currentLang].empty;
              if (sd.str.length > 0) {
                  var segments = axisPointSegments[skIdx] || [{ text: sd.str, type: 'none' }];
                  dispStr = formatMatchSegments(segments);
              }

              txt.innerHTML = '<span class="skew-num">' + nIdx + ':</span>' + dispStr;
              line.appendChild(txt);

              if (isSelRow) {
                  line.classList.add("skew-line-selected");
                  line.style.background = hexA(sd.color, 0.18);
                  line.style.boxShadow = "inset 0 0 0 1.5px " + sd.color;
              }
              line.addEventListener("click", function(){ toggleLaserRowSelection(skIdx, 'normal'); });

              skewerRowEls[skIdx] = line;
              laserGroups[sk.type].push({ index: nIdx, el: line });
          }
      });
      applyAmbientTransform();

      var tb = document.createElement("div");
      tb.className = "laser-toggles";

      // Сброс всех лазеров — первым в строке переключателей
      var clearAllBtn = document.createElement("button");
      clearAllBtn.textContent = "⏹ " + ((currentLang === "ru") ? "Сброс всех" : "Clear all");
      clearAllBtn.title = (currentLang === "ru") ? "Убрать все лазеры разом" : "Remove all lasers at once";
      clearAllBtn.onclick = function(){ skewers=[]; selectedLaserRows=[]; draw(); syncSelUI(); };
      tb.appendChild(clearAllBtn);

      // Включить все точки ВСЕХ осей разом
      var allAxesBtn = document.createElement("button");
      allAxesBtn.textContent = "⚡ " + ((currentLang === "ru") ? "Все оси" : "All axes");
      allAxesBtn.title = (currentLang === "ru") ? "Включить все точки всех осей разом" : "Enable all points of every axis at once";
      allAxesBtn.onclick = function(){
          Object.keys(laserCtx.groups).forEach(function(axis){
              (laserCtx.groups[axis] || []).forEach(function(n){
                  if (!skewers.some(function(sk){ return sk.type === axis && sk.d === n.d; })) {
                      skewers.push({ type: axis, d: n.d, color: laserColors[skewers.length % laserColors.length] });
                  }
              });
          });
          draw(); syncSelUI();
      };
      tb.appendChild(allAxesBtn);

      var colDefs = [
          { key: "top",   label: (currentLang === "ru") ? "Верх"  : "Top" },
          { key: "right", label: (currentLang === "ru") ? "Право" : "Right" },
          { key: "left",  label: (currentLang === "ru") ? "Лево"  : "Left" }
      ];
      if (G && (G.kind === "rhomb" || G.kind === "iso")) colDefs.push({ key: "horiz", label: (currentLang === "ru") ? "Гориз" : "Horiz" });
      if (G && G.kind === "top") {
          colDefs.push({ key: "db", label: (currentLang === "ru") ? "Диаг \\" : "Diag \\" });
          colDefs.push({ key: "da", label: (currentLang === "ru") ? "Диаг /" : "Diag /" });
      }
      colDefs.forEach(function(cd){
          var btn = document.createElement("button");
          btn.textContent = "👁 " + cd.label;
          if (laserVis[cd.key]) btn.className = "active";
          btn.onclick = function(){ laserVis[cd.key] = !laserVis[cd.key]; draw(); };
          tb.appendChild(btn);
      });

      var overlapBtn = document.createElement("button");
      overlapBtn.textContent = "🎯 " + ((currentLang === "ru") ? "Пересечения" : "Overlaps");
      overlapBtn.title = (currentLang === "ru") ? "Подсветить кубы, куда попадает больше одного луча, и показать их отдельной строкой" : "Highlight cubes hit by more than one beam and list them separately";
      if (laserOverlapEnabled) overlapBtn.className = "active";
      overlapBtn.onclick = function(){ laserOverlapEnabled = !laserOverlapEnabled; draw(); };
      tb.appendChild(overlapBtn);

      // Переключатели — на холст, вниз по центру (не в панель результатов)
      var ltb = $("laserTogglesBar"); // теперь в группе «Инструменты», под кнопкой «🎯 Лазер»
      ltb.innerHTML = "";
      ltb.appendChild(tb);
      ltb.style.display = "block";

      { // Сборка лазеров (или, пока активен режим «По строкам», — стог(и) интерливинга вместо неё)
          var asmWrap = document.createElement("div");
          asmWrap.style.cssText = "width:100%; margin-bottom:4px; padding-bottom:3px; border-bottom:1px solid var(--border);";

          var asmHead = document.createElement("div");
          asmHead.className = "laser-col-h";
          asmHead.style.cssText = "display:flex; align-items:center; flex-wrap:wrap; gap:5px; border-bottom:none; padding-bottom:0; margin-bottom:2px; text-transform:none; letter-spacing:0;";
          var asmTitle = document.createElement("span");
          asmTitle.style.cssText = "text-transform:uppercase; letter-spacing:.5px;";

          if (rowsModeActive) {
              syncIlAskButtons(); // держим кнопки →/← подсказки «?» в актуальном (не)активном состоянии на каждой отрисовке
              asmTitle.textContent = (currentLang === "ru") ? "Интерливинг (сквозной, над границей):" : "Interleaving (through, above boundary):";
              asmHead.appendChild(asmTitle);
              asmWrap.appendChild(asmHead);

              // При активной «?»: пока сторона ни разу не выбрана — показываются ОБЕ (А→/А←/Б→/Б←,
              // для сравнения); как только выбрана (клик →/← в подсказке ниже) — aboveRowsInterleavedHaystacks()
              // сама отдаёт только её вариант(ы), панель переключается напрямую, без доп. затемнения.
              var ilHaystacks = aboveRowsInterleavedHaystacks();
              var ilPendingKey = currentAskKey(); // какую пару/строку сейчас можно решить через «?»-сравнение (или null)
              var ilLinesNow = src.value.split("\n");
              var ilLimNow = (lineLimit < 0) ? ilLinesNow.length : Math.min(lineLimit, ilLinesNow.length);
              var ilIsSingle = (ilLimNow === 1);
              // Кусок конкретной пары в столбике «Стог»: слева от оси — сторона «лево», справа —
              // «право». Перетаскивание через ось меняет сторону ЭТОЙ пары (см. ниже); простой
              // клик без сдвига мыши — тоже переключает, как раньше, для удобства.
              function ilAttachDrag(piece, row, pairKey){
                  piece.addEventListener("mousedown", function(e){
                      e.preventDefault(); e.stopPropagation();
                      var startX = e.clientX, moved = false;
                      piece.style.zIndex = "5"; piece.style.opacity = "0.7";
                      function onMove(ev){
                          moved = true;
                          piece.style.transform = "translateX(" + (ev.clientX - startX) + "px)";
                      }
                      function onUp(ev){
                          window.removeEventListener("mousemove", onMove);
                          window.removeEventListener("mouseup", onUp);
                          piece.style.transform = ""; piece.style.opacity = "";
                          var wantRight;
                          if (moved) {
                              var r = row.getBoundingClientRect();
                              wantRight = ev.clientX > (r.left + r.width / 2);
                          } else {
                              wantRight = !ilEffectiveSide(pairKey); // клик без сдвига — обычный тоггл
                          }
                          ilPairSide[pairKey] = wantRight ? "right" : "left";
                          syncIlAskButtons();
                          draw();
                      }
                      window.addEventListener("mousemove", onMove);
                      window.addEventListener("mouseup", onUp);
                  });
              }
              // Один столбик-«доска» для одного варианта стога h: вертикальная ось посередине,
              // куски пар — строками друг под другом (сверху пара 0+1, ниже 1+2, и т.д., «склейка
              // вниз»), каждый прижат к оси со своей стороны (право/лево).
              function ilBuildStogBoard(h){
                  var board = document.createElement("div");
                  board.style.cssText = "position:relative; flex:1 1 0; min-width:0; padding:1px 0;";
                  var axis = document.createElement("div");
                  axis.style.cssText = "position:absolute; left:50%; top:0; bottom:0; width:1px; background:var(--accent2); opacity:0.5; pointer-events:none;";
                  board.appendChild(axis);
                  if (!h.str.length) {
                      var ilEmpty = document.createElement("div");
                      ilEmpty.style.cssText = "text-align:center; color:var(--muted);";
                      ilEmpty.textContent = i18n[currentLang].empty;
                      board.appendChild(ilEmpty);
                      return board;
                  }
                  // Подсветка совпадений должна отражать реальный режим поиска (см. belowRowMatchDetail):
                  // при выключенном «Сквозной поиск» (по умолчанию) каждый кусок ищется САМ ПО СЕБЕ —
                  // findMatches по всей h.str нашёл бы совпадение, тянущееся через границу пар, которое
                  // при обычном захвате не считается найденным.
                  var throughOnNow = !!($("ilThroughSearch") && $("ilThroughSearch").checked);
                  var numPieces = h.bounds.length - 1;
                  // «🔒 Строго»: кусок-пара №pb собран из строк данных pb+1 и pb+2 — значит в него
                  // вправе смотреть только паттерны с номером ≥ pb+3 (у одиночной строки — ≥ 2).
                  // Сквозной кусок — это все строки стога разом, туда пускаем только паттерны с
                  // номером больше их всех.
                  var ilStrict = strictModeOn();
                  var ilPieceMin = function(pb){
                      if (!ilStrict) return undefined;
                      return ilIsSingle ? 2 : (pb + 3);
                  };
                  var ilSegsFull = throughOnNow
                      ? findMatches(h.str, null, ilStrict ? (ilIsSingle ? 2 : numPieces + 2) : undefined)
                      : null;
                  for (var pb = 0; pb < numPieces; pb++){
                      var pairKey = ilIsSingle ? "single" : pb;
                      var isPendingPiece = (ilHaystacks.length > 1) && (pairKey === ilPendingKey) && (pb === numPieces - 1);
                      // Пока пара «нерешённая» и сравниваются 2 доски — реальная сторона ЭТОЙ доски
                      // берётся из h.tag (ilEffectiveSide() для неё вернула бы «право» на обеих досках).
                      var curRight = isPendingPiece ? (h.tag.charAt(h.tag.length - 1) === "→") : ilEffectiveSide(pairKey);

                      var row = document.createElement("div");
                      row.style.cssText = "position:relative; display:flex; min-height:20px; align-items:center;" +
                          (curRight ? " justify-content:flex-start;" : " justify-content:flex-end;");

                      var piece = document.createElement("span");
                      piece.style.cssText = "cursor:grab; border-radius:2px; padding:1px 5px; max-width:46%; overflow-wrap:anywhere;" +
                          (curRight ? " margin-left:3px;" : " margin-right:3px;");
                      piece.title = (currentLang === "ru")
                          ? "Перетащите через ось (или кликните) — переключить сторону добора этой пары (сейчас: " + (curRight ? "→" : "←") + ")"
                          : "Drag across the axis (or click) — toggle this pair's pad side (now: " + (curRight ? "→" : "←") + ")";
                      piece.innerHTML = formatMatchSegments(throughOnNow
                          ? sliceSegments(ilSegsFull, h.bounds[pb], h.bounds[pb + 1])
                          : findMatches(h.str.slice(h.bounds[pb], h.bounds[pb + 1]), null, ilPieceMin(pb)));
                      ilAttachDrag(piece, row, pairKey);
                      row.appendChild(piece);
                      board.appendChild(row);
                  }
                  return board;
              }
              if (ilHaystacks.length) {
                  var ilBoardsWrap = document.createElement("div");
                  ilBoardsWrap.style.cssText = "display:flex; gap:12px; width:100%;";
                  ilHaystacks.forEach(function(h){
                      if (ilHaystacks.length > 1) {
                          var ilOuter = document.createElement("div");
                          ilOuter.style.cssText = "flex:1 1 0; min-width:0;";
                          var ilBoardTitle = document.createElement("div");
                          ilBoardTitle.style.cssText = "text-align:center; color:var(--muted); font-size:10px; margin-bottom:2px;";
                          ilBoardTitle.textContent = h.tag;
                          ilOuter.appendChild(ilBoardTitle);
                          ilOuter.appendChild(ilBuildStogBoard(h));
                          ilBoardsWrap.appendChild(ilOuter);
                      } else {
                          ilBoardsWrap.appendChild(ilBuildStogBoard(h));
                      }
                  });
                  asmWrap.appendChild(ilBoardsWrap);
              } else {
                  var ilDash = document.createElement("div");
                  ilDash.className = "sub";
                  ilDash.style.margin = "0";
                  ilDash.textContent = "—";
                  asmWrap.appendChild(ilDash);
              }
              skewerRes.appendChild(asmWrap);
          } else {
          asmTitle.textContent = (currentLang === "ru") ? "Сборка:" : "Assembly:";
          asmHead.appendChild(asmTitle);

          LASER_ASSEMBLY_PRESETS.forEach(function(preset){
              var pb = document.createElement("button");
              pb.textContent = preset.label;
              pb.style.cssText = "height:17px; padding:0 6px; font-size:0.92em; border-radius:5px; border:1px solid var(--border); background:var(--panel); color:var(--muted); cursor:pointer;";
              if (preset.key === laserAssemblyVariant) { pb.style.background = "var(--accent)"; pb.style.color = "#fff"; pb.style.borderColor = "var(--accent)"; }
              pb.onclick = function(){ laserAssemblyVariant = preset.key; draw(); };
              asmHead.appendChild(pb);
          });
          asmWrap.appendChild(asmHead);

          if (assemblyRows.length) {
              // Одна общая строка сборки (Лево1+Право1+Лево2+Право2+...), разделитель — только «+».
              // Только значения — без подписи оси/индекса; пропущенная на оси точка просто не входит.
              assemblyRows.forEach(function(row){
                  var asmLine = document.createElement("div");
                  asmLine.className = "skew-line";
                  asmLine.style.cursor = "default";
                  asmLine.style.flexWrap = "wrap";

                  row.pts.forEach(function(p, i){
                      var color = skewerData[p.skIdx] ? skewerData[p.skIdx].color : "var(--muted)";

                      if (i > 0) {
                          var plus = document.createElement("span");
                          plus.style.color = "var(--muted)";
                          plus.textContent = " + ";
                          asmLine.appendChild(plus);
                      }

                      var part = document.createElement("span");
                      part.style.cssText = "border-radius:3px; padding:0 2px; margin:0 -2px; transition:background .12s, box-shadow .12s;";
                      var segs = axisPointSegments[p.skIdx] || [{ text: p.str, type: 'none' }];
                      part.innerHTML = formatMatchSegments(segs);

                      part.addEventListener("mouseenter", function(){
                          part.style.background = hexA(color, 0.30);
                          part.style.boxShadow = "inset 0 0 0 1.5px " + color;
                          var rowEl = skewerRowEls[p.skIdx];
                          if (rowEl) rowEl.classList.add("skew-line-hover");
                      });
                      part.addEventListener("mouseleave", function(){
                          part.style.background = "";
                          part.style.boxShadow = "";
                          var rowEl = skewerRowEls[p.skIdx];
                          if (rowEl) rowEl.classList.remove("skew-line-hover");
                      });

                      asmLine.appendChild(part);
                  });

                  asmWrap.appendChild(asmLine);
              });
          } else {
              var asmDash = document.createElement("div");
              asmDash.className = "sub";
              asmDash.style.margin = "0";
              asmDash.textContent = "—";
              asmWrap.appendChild(asmDash);
          }
          skewerRes.appendChild(asmWrap);
          }
      }

      { // колонки показываем всегда (даже без лазеров) — в заголовке каждой живёт её «⚡ Все»
          var colsWrap = document.createElement("div");
          colsWrap.style.display = "flex";
          colsWrap.style.gap = "16px";
          colsWrap.style.width = "100%";
          skewerRes.appendChild(colsWrap);

          colDefs.forEach(function(cd){
              if (!laserVis[cd.key]) return;
              var col = document.createElement("div");
              col.className = "laser-col";
              var h = document.createElement("div");
              h.className = "laser-col-h";
              h.style.display = "flex";
              h.style.alignItems = "center";
              h.style.justifyContent = "space-between";
              h.style.gap = "8px";
              var hLab = document.createElement("span");
              hLab.textContent = cd.label;
              h.appendChild(hLab);

              // «⚡ Все» своей оси — прямо в заголовке колонки
              var axisNodes = laserCtx.groups[cd.key] || [];
              var allActive = axisNodes.length > 0 && axisNodes.every(function(n){
                  return skewers.some(function(sk){ return sk.type === cd.key && sk.d === n.d; });
              });
              var allBtn = document.createElement("button");
              allBtn.textContent = "⚡ " + ((currentLang === "ru") ? "Все" : "All");
              allBtn.title = (currentLang === "ru") ? "Включить/выключить все точки этой оси разом" : "Toggle all emitter points on this axis at once";
              allBtn.style.cssText = "height:18px; padding:0 6px; font-size:10px; border-radius:5px; border:1px solid var(--border); background:var(--panel); color:var(--muted); cursor:pointer;";
              if (allActive) { allBtn.style.background = "var(--accent)"; allBtn.style.color = "#fff"; allBtn.style.borderColor = "var(--accent)"; }
              allBtn.onclick = function(){
                  if (allActive) {
                      removeAllLasersOfAxis(cd.key);
                  } else {
                      axisNodes.forEach(function(n){
                          if (!skewers.some(function(sk){ return sk.type === cd.key && sk.d === n.d; })) {
                              skewers.push({ type: cd.key, d: n.d, color: laserColors[skewers.length % laserColors.length] });
                          }
                      });
                      laserVis[cd.key] = true;
                  }
                  draw(); syncSelUI();
              };
              h.appendChild(allBtn);
              col.appendChild(h);

              var items = laserGroups[cd.key];
              if (items.length) {
                  items.sort(function(a,b){return a.index - b.index;}); 
                  items.forEach(function(it){ col.appendChild(it.el); });
              } else {
                  var dash = document.createElement("div");
                  dash.className = "sub";
                  dash.style.margin = "0";
                  dash.textContent = "—";
                  col.appendChild(dash);
              }
              colsWrap.appendChild(col);
          });

          if (laserOverlapEnabled) {
              var ovWrap = document.createElement("div");
              ovWrap.style.marginTop = "6px";
              ovWrap.style.width = "100%";

              var ovHead = document.createElement("div");
              ovHead.className = "laser-col-h";
              ovHead.textContent = ((currentLang === "ru") ? "Пересечения" : "Overlaps");
              ovWrap.appendChild(ovHead);

              var hasOverlaps = false;

              skewers.forEach(function(sk, skIdx) {
                  var sd = skewerData[skIdx];
                  if (!sd) return;

                  var activeN = (laserCtx.groups[sk.type] || []).find(function(n){return n.d === sk.d});
                  var nIdx = activeN ? activeN.index : "?";
                  var primaryName = String(nIdx);

                  var overlapStr = "";
                  var intersectingBeams = [];

                  sd.hitList.forEach(function(hit) {
                      var c = hit.c;
                      var hitsForCube = cellLaserHits[c._i];
                      if (hitsForCube && hitsForCube.length > 1) {
                          overlapStr += c[3];
                          hitsForCube.forEach(function(otherSkIdx) {
                              if (otherSkIdx !== skIdx) {
                                  var otherSk = skewers[otherSkIdx];
                                  var otherGrp = laserCtx.groups[otherSk.type] || [];
                                  var otherNode = otherGrp.find(function(n){ return n.d === otherSk.d; });
                                  var otherName = String(otherNode ? otherNode.index : "?");
                                  if (intersectingBeams.indexOf(otherName) === -1) {
                                      intersectingBeams.push(otherName);
                                  }
                              }
                          });
                      }
                  });

                  if (overlapStr.length > 0) {
                      hasOverlaps = true;
                      var line = document.createElement("div");
                      line.className = "skew-line";

                      var dot = document.createElement("span");
                      dot.className = "skew-dot";
                      dot.style.background = LASER_OVERLAP_COLOR;
                      line.appendChild(dot);

                      var isOvSel = isLaserRowSelected(skIdx, 'overlap');
                      var ovSelEntry = isOvSel ? findSelBeamHl(skIdx, 'overlap') : null;

                      var txt = document.createElement("span");
                      // Тот же принцип, что и у «Сборки»: при активном «По строкам» лазерный поиск
                      // не подсвечивает пересечения — не путаем с подсветкой стога.
                      var segments = rowsModeActive ? [{ text: overlapStr, type: 'none' }] : findMatches(overlapStr, ovSelEntry ? ovSelEntry.map : null);
                      var dispOvStr = formatMatchSegments(segments);
                      txt.innerHTML = '<span class="skew-num">' + primaryName + ':</span>' + dispOvStr + ' <span style="color:var(--muted)">(' + intersectingBeams.join(", ") + ')</span>';
                      line.appendChild(txt);

                      if (isOvSel) {
                          line.classList.add("skew-line-selected");
                          line.style.background = hexA(LASER_OVERLAP_COLOR, 0.18);
                          line.style.boxShadow = "inset 0 0 0 1.5px " + LASER_OVERLAP_COLOR;
                      }
                      line.addEventListener("click", function(){ toggleLaserRowSelection(skIdx, 'overlap'); });

                      ovWrap.appendChild(line);
                  }
              });

              if (!hasOverlaps) {
                  var ovDash = document.createElement("div");
                  ovDash.className = "sub";
                  ovDash.style.margin = "0";
                  ovDash.textContent = "—";
                  ovWrap.appendChild(ovDash);
              }
              
              var overlapCount = ovWrap.querySelectorAll('.skew-line').length;
              ovHead.textContent = ((currentLang === "ru") ? "Пересечения" : "Overlaps") + " (" + overlapCount + ")";

              skewerRes.appendChild(ovWrap);
          }
      }
  } else {
      skewerWrap.style.display = "none";
      $("divLaser").style.display = "none";
      $("laserTogglesBar").style.display = "none";
      lastAssemblyHaystack = "";
  }
/* === МАРКЕР 11: DRAW — КОЛЬЦА-НАПРАВЛЯЮЩИЕ, РАМКА ВЫДЕЛЕНИЯ, ЦИФРЫ БАЛАНСА (КОНЕЦ DRAW) === */
  if (!hasSelection && highlightEqual) {
      for(var i=0; i<G.list.length; i++) {
         if (selectedBeamCellSet && !selectedBeamCellSet.has(i)) continue; // выбран лазер — подсвечиваем баланс только по его клеткам
         if (G.list[i][6] !== -1) {
             if (!textHlMap[G.list[i][5]]) textHlMap[G.list[i][5]] = {};
             textHlMap[G.list[i][5]][G.list[i][6]] = G.list[i][2];
         }
      }
  }
  // Автозахват: та же проверка, что у кнопки «По лазерам»/«По строкам» (см. belowRowMatchDetail),
  // а не только попадание в canvas-подсветку лазеров — иначе строки вроде «1000», найденные лишь
  // как инверсия в данных, не подхватывались.
  // Отложенно через микротаск (не setTimeout!), чтобы не рекурсировать из draw(). Микротаск гарантированно
  // выполняется РАНЬШЕ следующего тика любого setInterval (Плей этажей, автосдвиг символов и т.п.) —
  // иначе при быстром автоплее следующий тик успевал стартовать раньше отложенного захвата, тот видел
  // «pendingBelowCapture» ещё не сброшенным и молча пропускал проверку — автозахват «проскакивал» мимо
  // совпадения. Монотонный рост lineLimit гарантирует завершение (строка, ушедшая выше границы,
  // перестаёт быть целью).
  (function(){
      var acb = $("autoCaptureBelow");
      if (!acb || !acb.checked || lineLimit < 0 || pendingBelowCapture) return;
      // Пока «Без отрисовки при Плее» активно и играет любой Плей — эту же проверку уже делает
      // сам тик Плея напрямую (runAutoCaptureCheckOnce), один раз за такт. Если разрешить ЕЩЁ и
      // этому встроенному механизму сработать (а он срабатывает на КАЖДОМ реальном draw(), в т.ч.
      // на том, который вызвал rebuild() после захвата в тике) — получается каскад: один такт
      // Плея утягивает сразу МНОГО строк одну за другой через микрозадачи, холст рисуется на
      // каждой — и создаётся впечатление, что автозахват «никогда не останавливается».
      if (suppressDrawDuringPlayActive()) return;
      var row = belowRowBits();
      if (!row) return;
      var m = belowRowMatchDetail();
      if (!m) return;
      console.log("[Kubits] Автозахват: строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втягиваем в рамку");
      markPatternClosedByNeedle(m.needle);
      pendingBelowCapture = true;
      Promise.resolve().then(function(){
          pendingBelowCapture = false;
          var acb2 = $("autoCaptureBelow");
          if (acb2 && acb2.checked && lineLimit >= 0 && lineLimit < src.value.split('\n').length) { lineLimit++; rebuild(); }
      });
  })();

  updateEditorHighlight(textHlMap, isMinus, highlightEqual, targetHighlights, selectedBeamHlList);
  updatePatHighlight(patHighlights);
  autoFollowScroll();
  renderLineGutter();

  ctx.globalAlpha=1;
  if(G.gd.length){
    ctx.font="11px 'Roboto Mono',monospace";
    ctx.textAlign="left";
    for(var i=0;i<G.gd.length;i++){
      var g=G.gd[i]; col=pc(g.k);
      var isSelG = isSelected(g.k);
      
      var isRingActive = true;
      if (hasSelection) {
          isRingActive = isMinus ? !isSelG : isSelG;
      }

      ctx.globalAlpha = isRingActive ? 0.7 : 0.05;
      if(g.rx>0){
        ctx.strokeStyle=col[2]; ctx.lineWidth=1.5/zoom; ctx.setLineDash([8/zoom,6/zoom]);
        ctx.beginPath();
        ctx.ellipse(g.cx, g.cy, g.rx, g.ry, 0, 0, Math.PI*2);
        ctx.stroke(); ctx.setLineDash([]);
      }
      if(g.lab){
        ctx.globalAlpha = isRingActive ? 1 : 0.1;
        ctx.fillStyle=col[2];
        ctx.fillText(g.lab, g.lx, g.ly);
      }
    }
    ctx.globalAlpha=1;
  }

  if(G.snakeGuide && G.snakeGuide.length > 1){
    ctx.lineWidth = 1.5 / zoom;
    ctx.setLineDash([6 / zoom, 5 / zoom]);
    for(var si = 1; si < G.snakeGuide.length; si++){
      var sp0 = G.snakeGuide[si - 1], sp1 = G.snakeGuide[si];
      if (sp0.k !== sp1.k) continue; // разрыв между концом одной строки и началом следующей
      ctx.strokeStyle = pc(sp0.k)[2];
      ctx.beginPath();
      ctx.moveTo(sp0.x, sp0.y);
      ctx.lineTo(sp1.x, sp1.y);
      ctx.stroke();
    }
    ctx.setLineDash([]);
  }

  ctx.setTransform(dpr, 0, 0, dpr, 0, 0);

  if (selActive || isSelecting) {
    ctx.lineWidth = 2.5;
    if (highlightEqual && !isMinus) {
      ctx.strokeStyle = "#F1C40F"; 
      ctx.fillStyle = "rgba(241, 196, 15, 0.15)";
      ctx.setLineDash([]);
    } else {
      ctx.strokeStyle = isMinus ? "#E74C3C" : "#F39C12"; 
      ctx.fillStyle = isMinus ? "rgba(231, 76, 60, 0.1)" : "rgba(243, 156, 18, 0.1)";
      ctx.setLineDash(isMinus ? [4, 4] : [8, 6]);
    }
    
    var selCX = rectX + rectW / 2, selCY = rectY + rectH / 2;
    var aspF = selFrameAspect();
    if (aspF) {
      var rhHalf = rectW / 2, rhHalfV = rhHalf * aspF;
      ctx.beginPath();
      ctx.moveTo(selCX, selCY - rhHalfV);
      ctx.lineTo(selCX + rhHalf, selCY);
      ctx.lineTo(selCX, selCY + rhHalfV);
      ctx.lineTo(selCX - rhHalf, selCY);
      ctx.closePath();
      ctx.fill();
      ctx.stroke();
    } else {
      ctx.fillRect(rectX, rectY, rectW, rectH);
      ctx.strokeRect(rectX, rectY, rectW, rectH);
    }
    ctx.setLineDash([]);

    ctx.beginPath();
    ctx.arc(selCX, selCY, 4, 0, Math.PI*2);
    ctx.fillStyle = ctx.strokeStyle;
    ctx.fill();
  }

  if (balanceHl.checked) { // Баланс 1 и 0: показ включается галочкой «Баланс [1 и 0]»
    var curTheme = document.documentElement.dataset.theme;
    var balanceTextCol = (curTheme === "dark") ? "#FFFFFF" : "#111111";
    var balanceGlowCol = (curTheme === "dark") ? "rgba(255,255,255,0.6)" : "rgba(0,0,0,0.6)";

    var color1 = highlightEqual ? balanceTextCol : "#F39C12";
    var color0 = highlightEqual ? balanceTextCol : "#E74C3C";

    ctx.font = "bold 90px 'Roboto Mono', monospace";
    ctx.textBaseline = "middle";

    if (highlightEqual) {
      ctx.shadowBlur = 25;
      ctx.shadowColor = balanceGlowCol;
    } else {
      ctx.shadowBlur = 0;
    }

    // Баланс — в нижних углах холста, мелким шрифтом, чтобы ничего не перекрывать
    var bay = stage.clientHeight - 70;
    var W = stage.clientWidth;

    var mainFont = "bold 58px 'Roboto Mono', monospace";
    var tailFont = "bold 28px 'Roboto Mono', monospace";
    var showT1 = dimPadded.checked && dispT1 > 0;
    var showT0 = dimPadded.checked && dispT0 > 0;
    var tailEqual = showT1 && showT0 && dispT1 === dispT0;
    ctx.textAlign = "left";

    ctx.fillStyle = color1;
    ctx.font = mainFont;
    var m1 = String(disp1);
    var w1 = ctx.measureText(m1).width;
    var tw1 = 0;
    if (showT1) { ctx.font = tailFont; tw1 = ctx.measureText("(" + dispT1 + ")").width; ctx.font = mainFont; }
    var lx0 = 24;
    ctx.fillText(m1, lx0, bay);
    if (showT1) {
        ctx.font = tailFont;
        if (tailEqual) {
            ctx.fillStyle = balanceTextCol;
            ctx.shadowBlur = 25;
            ctx.shadowColor = balanceGlowCol;
        } else {
            ctx.globalAlpha = 0.45;
        }
        ctx.fillText("(" + dispT1 + ")", lx0 + w1, bay);
        ctx.globalAlpha = 1;
        ctx.shadowBlur = highlightEqual ? 25 : 0;
    }

    ctx.fillStyle = color0;
    ctx.font = mainFont;
    var m0 = String(disp0);
    var w0 = ctx.measureText(m0).width;
    var tw0 = 0;
    if (showT0) { ctx.font = tailFont; tw0 = ctx.measureText("(" + dispT0 + ")").width; ctx.font = mainFont; }
    var rx0 = W - 24 - w0 - tw0;
    ctx.fillText(m0, rx0, bay);
    if (showT0) {
        ctx.font = tailFont;
        if (tailEqual) {
            ctx.fillStyle = balanceTextCol;
            ctx.shadowBlur = 25;
            ctx.shadowColor = balanceGlowCol;
        } else {
            ctx.globalAlpha = 0.45;
        }
        ctx.fillText("(" + dispT0 + ")", rx0 + w0, bay);
        ctx.globalAlpha = 1;
    }

    ctx.shadowBlur = 0;
  }
}
/* === МАРКЕР 12: КЛИК ПО ЭТАЖУ, ПОСТРОЕНИЕ СЕЛЕКТОРА, ПОВОРОТ СТРОК === */
function hitFloor(wx,wy){
  if(G.kind==="iso"){
    var hf = getClickedFace(wx, wy);
    return hf ? hf.c[2] : null;
  }
  var L=G.list;
  for(var i=L.length-1;i>=0;i--){
    var c=L[i];
    var isRealGhost = (c[3]===0 && !c[4]);
    var isPadGhost = (c[3]===0 && c[4]);
    var forceGhost = (ghosts.checked && isRealGhost) || (ghostsAll.checked && isPadGhost);
    if(c[3] === 0 && !forceGhost && (!selActive)) continue;
    
    if(G.kind==="top"){
      if(wx>=aC(c)*TS && wx<=aC(c)*TS+TS && wy>=c[1]*TS && wy<=c[1]*TS+TS) return c[2];
    } else {
      var dx=Math.abs(wx-rhX(c)), dy=Math.abs(wy-(-c[2]*DD/2));
      if(dx/(DD/2)+dy/(DD/2)<=1) return c[2];
    }
  }
  return null;
}

function buildSelector(){
  // Чипы-квадраты убраны: выбор этажа — цветные номера строк в «Данных» или ползунок
  chips.innerHTML="";
  chips.style.display="none";
  sliderRow.style.display="flex";
  fr.max=D.floors; fr.value=0; frLabel.textContent = i18n[currentLang].floorAll;
}

// Фильтр строк по ВИДИМОСТИ при активной рамке выделения на холсте: без «Вычитать выделенное»
// видимые клетки — внутри рамки, с «Вычитанием» — снаружи. Строка считается видимой, если у неё
// есть хотя бы одна видимая клетка. Оба сдвига (символьный и визуальный) двигают только такие
// строки — то, что реально видно, независимо от способа получения видимости.
// lastFrameElements заполняется в draw() и остаётся валидным между отрисовками (рамка и сетка
// не двигаются между тактами), поэтому работает и из Сдвиг-Плея с подавлением отрисовки.
function visibleLinesUnderFrame(lines, silent){
    if (!((selActive || isSelecting) && lastFrameElements && lastFrameElements.size)) return lines;
    var inFrame = new Set(), outFrame = new Set();
    G.list.forEach(function(c, i){
        if (!c || c[5] === -1) return;
        if (lastFrameElements.has(i)) inFrame.add(c[5]); else outFrame.add(c[5]);
    });
    var visible = minusMode.checked ? outFrame : inFrame;
    var res = new Set();
    lines.forEach(function(absL){ if (visible.has(absL)) res.add(absL); });
    if (!silent && res.size < lines.size) {
        var skipped = Array.from(lines).filter(function(l){ return !res.has(l); });
        console.log("[Kubits] Сдвиг: невидимые строки (" + (minusMode.checked ? "вычтены рамкой" : "вне рамки") +
            ") не двигаются — " + skipped.map(function(l){ return "№" + (l + 1); }).join(", "));
    }
    return res;
}

function rotateSelected(dir, skipDraw, silent) {
    var rawLines = src.value.split("\n");
    var linesToShift = new Set();
    var shiftAll = (sel.size === 0); // без выделения сдвигаем ВСЕ строки

    G.list.forEach(function(c) {
        if ((shiftAll || sel.has(c[2])) && c[5] !== -1) {
            linesToShift.add(c[5]);
        }
    });
    linesToShift = visibleLinesUnderFrame(linesToShift, silent); // рамка: крутим только видимые строки

    var changed = false;
    linesToShift.forEach(function(absL) {
        var line = rawLines[absL];
        var match = line.match(/^(\s*)(.*?)(\s*)$/);
        if(match) {
            var pre = match[1], core = match[2], post = match[3];
            // Крутим ТОЛЬКО саму строку: добор в редактор не записываем,
            // он пересчитается от сдвинутой строки и останется прозрачным
            if (core.length > 1) {
                if (dir === 'CW') {
                    core = core.slice(-1) + core.slice(0, -1);
                } else {
                    core = core.slice(1) + core.slice(0, 1);
                }
                rawLines[absL] = pre + core + post;
                changed = true;
            }
        }
    });

    if (changed) {
        var selBackup = Array.from(sel); 
        src.value = rawLines.join("\n");
        parse();
        var onesCount = D.cells.filter(function(c){return c[3]===1}).length;
        stF.textContent=D.floors; stC.textContent=onesCount;
        warn.style.display=D.truncated?"block":"none";
        buildSelector();
        geometry();
        
        selBackup.forEach(function(k) { sel.add(k); });
        if (!skipDraw) draw(); // skipDraw=true — вызывающий (shiftAnimTick) сам решает, рисовать ли холст
        syncSelUI();
    }
}

// Визуальный сдвиг по кругу («👁 Визуальный сдвиг»): в отличие от rotateSelected, НЕ трогает
// src.value — крутит только то, какая клетка кольца какой бит показывает (ringVisualShift).
// Работает только там, где реально используется добор по кругу (ring.doLoop) — на выбранных
// этажах (или на всех, если ничего не выбрано).
// silent=true (передаёт непрерывный «▶ Плей», см. shiftAnimTick) — без console.log: на каждом
// такте сдвигаются и находятся ОДНИ И ТЕ ЖЕ строки, лог этого не показывает ничего нового, зато
// на скорости Плея быстро копит тысячи записей в консоли и тратит время на них зря. Разовый
// сдвиг по клику кнопки логируется как раньше.
function shiftRingVisual(dir, skipDraw, silent) {
    var linesToShift = new Set();
    var shiftAll = (sel.size === 0);
    G.list.forEach(function(c) {
        if ((shiftAll || sel.has(c[2])) && c[5] !== -1) linesToShift.add(c[5]);
    });
    // Рамка выделения на холсте: крутятся только ВИДИМЫЕ строки — без «Вычитания» это строки
    // в рамке, с «Вычитать выделенное» — строки вне её (см. visibleLinesUnderFrame).
    linesToShift = visibleLinesUnderFrame(linesToShift, silent);
    if (!linesToShift.size) {
        if (!silent) console.log("[Kubits] Визуальный сдвиг: нет ни одной подходящей строки (пусто на этаже/строке?), ничего не сдвинуто.");
        return;
    }
    var rawLinesForLog = silent ? null : src.value.split("\n");
    linesToShift.forEach(function(absL) {
        var cur = ringVisualShift[absL] || 0;
        ringVisualShift[absL] = cur + (dir === 'CW' ? 1 : -1);
    });
    if (!silent) {
        console.log("[Kubits] Визуальный сдвиг (" + dir + "), sel=" + JSON.stringify(Array.from(sel)) + ": " +
            Array.from(linesToShift).map(function(absL){
                return "строка №" + (absL + 1) + " \"" + rawLinesForLog[absL].trim() + "\" → сдвиг=" + ringVisualShift[absL];
            }).join("; "));
    }
    parse();
    geometry();
    if (!skipDraw) draw(); // skipDraw=true — вызывающий (shiftAnimTick) сам решает, рисовать ли холст
}
function resetRingVisualShift() {
    var shiftAll = (sel.size === 0);
    if (shiftAll) {
        ringVisualShift = {};
    } else {
        G.list.forEach(function(c) {
            if (sel.has(c[2]) && c[5] !== -1) delete ringVisualShift[c[5]];
        });
    }
    parse();
    geometry();
    draw();
}

/* === МАРКЕР 12a: ИТОГОВЫЕ СТРОКИ ЛАЗЕРОВ ДЛЯ ВЫГРУЗКИ В EXCEL === */
// Собирает текущие лазеры в строки {axis, axisLabel, index, str} — тем же способом, что и панель результатов
function laserResultRowsForExport() {
    if (!(skewerMode.checked && laserModeOk()) || !skewers.length) return [];
    var lctx = buildLaserNodes();
    var axisLabel = {
        top:   (currentLang==='ru' ? 'Верх'  : 'Top'),
        right: (currentLang==='ru' ? 'Право' : 'Right'),
        left:  (currentLang==='ru' ? 'Лево'  : 'Left'),
        horiz: (currentLang==='ru' ? 'Гориз' : 'Horiz'),
        db:    (currentLang==='ru' ? 'Диаг \\' : 'Diag \\'),
        da:    (currentLang==='ru' ? 'Диаг /'  : 'Diag /')
    };
    var rows = [];
    skewers.forEach(function(sk){
        var hitList = beamCells(sk.type, sk.d);
        var str = "";
        hitList.forEach(function(hit){ str += hit.c[3]; });
        var node = (lctx.groups[sk.type] || []).find(function(n){ return n.d === sk.d; });
        rows.push({ axis: sk.type, axisLabel: axisLabel[sk.type] || sk.type, index: node ? node.index : 0, str: str });
    });
    var order = { top:0, right:1, left:2 };
    rows.sort(function(a,b){ return (order[a.axis]-order[b.axis]) || (a.index-b.index); });
    return rows;
}
// Все ВОЗМОЖНЫЕ лазерные строки — по каждой точке каждой оси (не только по уже добавленным
// пользователем лазерам). Используется, когда лазеров ещё нет ни одного: тогда «По лазерам» ищет
// совпадение сразу по всем осям, а не только там, где явно стоит лазер.
function allPossibleLaserRows() {
    if (!(skewerMode.checked && laserModeOk()) || !G || !G.list) return [];
    var lctx = buildLaserNodes();
    var axisLabel = {
        top:   (currentLang==='ru' ? 'Верх'  : 'Top'),
        right: (currentLang==='ru' ? 'Право' : 'Right'),
        left:  (currentLang==='ru' ? 'Лево'  : 'Left'),
        horiz: (currentLang==='ru' ? 'Гориз' : 'Horiz'),
        db:    (currentLang==='ru' ? 'Диаг \\' : 'Diag \\'),
        da:    (currentLang==='ru' ? 'Диаг /'  : 'Diag /')
    };
    var rows = [];
    lctx.nodes.forEach(function(node){
        var hitList = beamCells(node.type, node.d);
        var str = "";
        hitList.forEach(function(hit){ str += hit.c[3]; });
        rows.push({ axis: node.type, axisLabel: axisLabel[node.type] || node.type, index: node.index, str: str });
    });
    var order = { top:0, right:1, left:2 };
    rows.sort(function(a,b){ return (order[a.axis]-order[b.axis]) || (a.index-b.index); });
    return rows;
}
// Строки для проверок «По лазерам»/автозахвата: если у пользователя стоит хоть один лазер —
// смотрим только на них (его явный выбор), иначе — сразу по всем возможным осям.
function laserRowsForCapture() {
    return skewers.length ? laserResultRowsForExport() : allPossibleLaserRows();
}
// Стили для листа «Лазеры» (заголовок + ячейки, всё выровнено по левому краю)
function laserExcelStyleDefs(isDark) {
    var head = isDark ? "#5DCAA5" : "#1D9E75";
    return '<Style ss:ID="lz_h"><Alignment ss:Horizontal="Left" ss:Vertical="Center"/><Font ss:Bold="1" ss:Color="#FFFFFF"/><Interior ss:Color="'+head+'" ss:Pattern="Solid"/></Style>'
         + '<Style ss:ID="lz_c"><Alignment ss:Horizontal="Left" ss:Vertical="Center"/></Style>';
}
// Отдельный лист «Лазеры» с итоговыми строками; пусто, если лазеров нет
function laserWorksheetXml() {
    var rows = laserResultRowsForExport();
    if (!rows.length) return "";
    function esc(s){ return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
    var head = (currentLang==='ru') ? ['Ось','№','Итог (строка лазера)'] : ['Axis','#','Result (laser string)'];
    var body = '<Row>'
        + '<Cell ss:StyleID="lz_h"><Data ss:Type="String">'+head[0]+'</Data></Cell>'
        + '<Cell ss:StyleID="lz_h"><Data ss:Type="String">'+head[1]+'</Data></Cell>'
        + '<Cell ss:StyleID="lz_h"><Data ss:Type="String">'+head[2]+'</Data></Cell>'
        + '</Row>';
    rows.forEach(function(r){
        body += '<Row>'
            + '<Cell ss:StyleID="lz_c"><Data ss:Type="String">'+esc(r.axisLabel)+'</Data></Cell>'
            + '<Cell ss:StyleID="lz_c"><Data ss:Type="Number">'+r.index+'</Data></Cell>'
            + '<Cell ss:StyleID="lz_c"><Data ss:Type="String">'+esc(r.str)+'</Data></Cell>'
            + '</Row>';
    });
    var name = (currentLang==='ru') ? 'Лазеры' : 'Lasers';
    return '<Worksheet ss:Name="'+name+'"><Table ss:DefaultColumnWidth="90" ss:DefaultRowHeight="20">'
        + '<Column ss:Width="60"/><Column ss:Width="40"/><Column ss:Width="420"/>'
        + body + '</Table></Worksheet>';
}

/* === МАРКЕР 13: ЭКСПОРТ В EXCEL — ВАРИАНТ «СЕТКА» (с центрированием) === */
function exportExcel() {
    if(currentView !== "top" && mode.value !== "rhomb") {
        alert(currentLang === 'ru' 
            ? "Экспорт в Excel доступен только в режиме 'Вид сверху' или 'Ромбы'!\nПожалуйста, переключитесь на вид сверху, чтобы выгрузить таблицу." 
            : "Excel export is only available in 'Top view' or 'Rhombuses' mode!\nPlease switch to Top View to download the spreadsheet.");
        return;
    }
    
    var isDark = (document.documentElement.dataset.theme === "dark");
    var emptyBg = isDark ? "#1C2724" : "#FFFFFF";
    var inactiveBg = isDark ? "#3A3F3D" : "#D0D0D0";
    var inactiveFg = isDark ? "#8A8F8D" : "#777777";

    function blend(hex1, hex2, alpha) {
        var r1 = parseInt(hex1.slice(1, 3), 16);
        var g1 = parseInt(hex1.slice(3, 5), 16);
        var b1 = parseInt(hex1.slice(5, 7), 16);
        var r2 = parseInt(hex2.slice(1, 3), 16);
        var g2 = parseInt(hex2.slice(3, 5), 16);
        var b2 = parseInt(hex2.slice(5, 7), 16);
        var r = Math.round(r1 * alpha + r2 * (1 - alpha));
        var g = Math.round(g1 * alpha + g2 * (1 - alpha));
        var b = Math.round(b1 * alpha + b2 * (1 - alpha));
        return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
    }
    
    function getLuma(hex) {
        var r = parseInt(hex.slice(1, 3), 16);
        var g = parseInt(hex.slice(3, 5), 16);
        var b = parseInt(hex.slice(5, 7), 16);
        return 0.299 * r + 0.587 * g + 0.114 * b;
    }

    if (mode.value === "rhomb") {
        var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;
        var exportList = [];
        
        G.list.forEach(function(c) {
            var val = c[3];
            var isGhost = (val === 0);
            var isPadded = c[4];
            var isActive = true;
            if (sel.size > 0) isActive = minusMode.checked ? !sel.has(c[2]) : sel.has(c[2]);
            
            var floor = c[2];
            var rRow = D.floors - 1 - floor;
            
            var halfShift = (D.half && D.half[floor]) !== undefined ? D.half[floor] : 0;
            var excel_x = Math.round((c[0] + halfShift) * 2);
            var excel_y = rRow;
            
            if (excel_x < minX) minX = excel_x;
            if (excel_x + 1 > maxX) maxX = excel_x + 1;
            if (excel_y < minY) minY = excel_y;
            if (excel_y > maxY) maxY = excel_y;
            
            exportList.push({
                c: c, excel_x: excel_x, excel_y: excel_y, 
                isActive: isActive, isPadded: isPadded
            });
        });
        
        if (minX > maxX) { alert("Нет данных"); return; }
        
        var matrix = {};
        for(var y = minY; y <= maxY; y++) {
            matrix[y] = {};
            for(var x = minX; x <= maxX; x++) matrix[y][x] = null;
        }
        
        exportList.forEach(function(item) {
            var c = item.c;
            var floor = c[2];
            var col = pc(floor);
            var bg = col[0], borderCol = col[3], fg;
            var isDimmed = c[4];

            if (isDimmed) {
                bg = blend(col[0], emptyBg, 0.15);
                borderCol = isDark ? "#FFFFFF" : "#777777";
                fg = blend(col[3], emptyBg, 0.35);
            } else if (c[3] === 0) {
                bg = emptyBg; borderCol = isDark ? col[1] : col[3]; fg = borderCol;
            } else if (!item.isActive) {
                bg = inactiveBg; borderCol = inactiveFg; fg = inactiveFg;
            } else {
                bg = col[0]; borderCol = col[3];
                fg = getLuma(bg) < 120 ? "#FFFFFF" : "#111111";
            }
            
            var ex = item.excel_x, ey = item.excel_y;
            var valL = (c[3] === 1) ? 1 : 0;
            var valR = (c[3] === 1) ? 0 : 1;
            var isEvenFloor = (floor % 2 === 0);
            var diagL = isEvenFloor ? 'Slash' : 'Backslash';
            var diagR = isEvenFloor ? 'Backslash' : 'Slash';
            
            matrix[ey][ex]   = { val: valL, bg: bg, fg: fg, borderCol: borderCol, type: 'L', diag: diagL };
            matrix[ey][ex+1] = { val: valR, bg: bg, fg: fg, borderCol: borderCol, type: 'R', diag: diagR };
        });
        
        var styleMap = {}, styleDefs = "", styleCount = 0;
        function getRhombStyleId(bg, fg, borderCol, type, diag) {
            var key = bg + "|" + fg + "|" + borderCol + "|" + type + "|" + diag;
            if (!styleMap[key]) {
                styleCount++;
                var id = "rs" + styleCount;
                styleMap[key] = id;
                var diagPos = (diag === 'Slash') ? "DiagonalRight" : "DiagonalLeft";
                var align = (type === 'L') ? "Right" : "Left";
                styleDefs += '<Style ss:ID="' + id + '">'
                    + '<Alignment ss:Horizontal="' + align + '" ss:Vertical="Center"/>'
                    + '<Borders>'
                    + '<Border ss:Position="' + diagPos + '" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + borderCol + '"/>'
                    + '</Borders>'
                    + '<Font ss:Color="' + fg + '" ss:Bold="1" ss:Size="10"/>'
                    + '<Interior ss:Color="' + bg + '" ss:Pattern="Solid"/>'
                    + '</Style>';
            }
            return styleMap[key];
        }
        styleDefs += '<Style ss:ID="empty_cell_style"><Interior ss:Color="' + emptyBg + '" ss:Pattern="Solid"/></Style>';
        
        var rowsXml = "";
        for(var y2 = minY; y2 <= maxY; y2++) {
            rowsXml += '<Row ss:AutoFitHeight="0" ss:Height="30">';
            for(var x2 = minX; x2 <= maxX; x2++) {
                var cell = matrix[y2][x2];
                if (cell) {
                    rowsXml += '<Cell ss:StyleID="' + getRhombStyleId(cell.bg, cell.fg, cell.borderCol, cell.type, cell.diag) + '">'
                        + '<Data ss:Type="Number">' + cell.val + '</Data></Cell>';
                } else {
                    rowsXml += '<Cell ss:StyleID="empty_cell_style"/>';
                }
            }
            rowsXml += '</Row>';
        }
        
        var xml = '<?xml version="1.0"?>\n<?mso-application progid="Excel.Sheet"?>\n'
            + '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">'
            + '<Styles>' + styleDefs + laserExcelStyleDefs(isDark) + '</Styles>'
            + '<Worksheet ss:Name="Rhombuses"><Table ss:DefaultColumnWidth="30" ss:DefaultRowHeight="30">' + rowsXml + '</Table></Worksheet>'
            + laserWorksheetXml() + '</Workbook>';

        saveBlob(xml, 'rhombuses_grid.xml');
        return;
    } else {
        var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;
        var exportList = [];
        G.list.forEach(function(c) {
            var isActive = (sel.size === 0 || (minusMode.checked ? !sel.has(c[2]) : sel.has(c[2])));
            if (!isActive && c[3] === 0) return;
            if (c[3] === 0 && !((ghosts.checked && !c[4]) || (ghostsAll.checked && c[4]))) return;
            if (c[0] < minX) minX = c[0]; if (c[0] > maxX) maxX = c[0];
            if (c[1] < minY) minY = c[1]; if (c[1] > maxY) maxY = c[1];
            exportList.push({c: c, isActive: isActive});
        });
        if (minX > maxX) return;
        var matrix = {};
        for(var y = minY; y <= maxY; y++) { matrix[y] = {}; for(var x = minX; x <= maxX; x++) matrix[y][x] = null; }
        exportList.forEach(function(item) {
            var c = item.c, col = pc(c[2]), bg = col[0], isDim = dimPadded.checked && c[4];
            var fg;
            if (c[3] === 0) {
                bg = emptyBg; var gfg = isDark ? col[1] : col[3];
                fg = isDim ? blend(gfg, emptyBg, 0.55) : gfg;
            } else if (!item.isActive) {
                bg = inactiveBg; fg = inactiveFg;
            } else {
                if (isDim) bg = blend(bg, emptyBg, 0.12);
                var bfg = getLuma(bg) < 120 ? "#FFFFFF" : "#111111";
                fg = isDim ? blend(bfg, emptyBg, 0.65) : bfg;
            }
            matrix[c[1]][c[0]] = { val: c[3], bg: bg, fg: fg };
        });
        var bcol = isDark ? "#31423C" : "#DCDAD1", styleMap = {}, styleDefs = "", sc = 0;
        function getSid(bg, fg) {
            var k = bg + "|" + fg;
            if (!styleMap[k]) {
                sc++; var id = "s" + sc; styleMap[k] = id;
                styleDefs += '<Style ss:ID="' + id + '"><Alignment ss:Horizontal="Center" ss:Vertical="Center"/>'
                    + '<Borders><Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/></Borders>'
                    + '<Font ss:Color="' + fg + '" ss:Bold="1"/><Interior ss:Color="' + bg + '" ss:Pattern="Solid"/></Style>';
            } return styleMap[k];
        }
        var rowsXml = "";
        for(var y2 = minY; y2 <= maxY; y2++) {
            rowsXml += '<Row ss:AutoFitHeight="0" ss:Height="30">';
            for(var x2 = minX; x2 <= maxX; x2++) {
                var cell = matrix[y2][x2];
                if (cell) rowsXml += '<Cell ss:StyleID="' + getSid(cell.bg, cell.fg) + '"><Data ss:Type="Number">' + cell.val + '</Data></Cell>';
                else rowsXml += '<Cell ss:StyleID="' + getSid(emptyBg, emptyBg) + '"/>';
            } rowsXml += '</Row>';
        }
        var xml = '<?xml version="1.0"?>\n<?mso-application progid="Excel.Sheet"?>\n'
            + '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">'
            + '<Styles>' + styleDefs + laserExcelStyleDefs(isDark) + '</Styles><Worksheet ss:Name="Bits"><Table ss:DefaultColumnWidth="30" ss:DefaultRowHeight="30">' + rowsXml + '</Table></Worksheet>'
            + laserWorksheetXml() + '</Workbook>';
        saveBlob(xml, 'bits_grid.xml');
    }
}

/* === МАРКЕР 14: ЭКСПОРТ В EXCEL — ВАРИАНТ «ПРЯМОЙ» (без сдвигов) === */
function exportExcelAlt() {
    if(currentView !== "top" && mode.value !== "rhomb") {
        alert(currentLang === 'ru' 
            ? "Экспорт в Excel доступен только в режиме 'Вид сверху' или 'Ромбы'!\nПожалуйста, переключитесь на вид сверху, чтобы выгрузить таблицу." 
            : "Excel export is only available in 'Top view' or 'Rhombuses' mode!\nPlease switch to Top View to download the spreadsheet.");
        return;
    }
    
    var isDark = (document.documentElement.dataset.theme === "dark");
    var emptyBg = isDark ? "#1C2724" : "#FFFFFF";
    var inactiveBg = isDark ? "#3A3F3D" : "#D0D0D0";
    var inactiveFg = isDark ? "#8A8F8D" : "#777777";

    function blend(hex1, hex2, alpha) {
        var r1 = parseInt(hex1.slice(1, 3), 16);
        var g1 = parseInt(hex1.slice(3, 5), 16);
        var b1 = parseInt(hex1.slice(5, 7), 16);
        var r2 = parseInt(hex2.slice(1, 3), 16);
        var g2 = parseInt(hex2.slice(3, 5), 16);
        var b2 = parseInt(hex2.slice(5, 7), 16);
        var r = Math.round(r1 * alpha + r2 * (1 - alpha));
        var g = Math.round(g1 * alpha + g2 * (1 - alpha));
        var b = Math.round(b1 * alpha + b2 * (1 - alpha));
        return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
    }
    
    function getLuma(hex) {
        var r = parseInt(hex.slice(1, 3), 16);
        var g = parseInt(hex.slice(3, 5), 16);
        var b = parseInt(hex.slice(5, 7), 16);
        return 0.299 * r + 0.587 * g + 0.114 * b;
    }

    if (mode.value === "rhomb") {
        var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;
        var exportList = [];
        
        G.list.forEach(function(c) {
            var val = c[3];
            var isGhost = (val === 0);
            var isPadded = c[4];
            var isActive = true;
            if (sel.size > 0) isActive = minusMode.checked ? !sel.has(c[2]) : sel.has(c[2]);
            
            var floor = c[2];
            var rRow = D.floors - 1 - floor;
            
            var excel_x = c[0] * 2;
            var excel_y = rRow;
            
            if (excel_x < minX) minX = excel_x;
            if (excel_x + 1 > maxX) maxX = excel_x + 1;
            if (excel_y < minY) minY = excel_y;
            if (excel_y > maxY) maxY = excel_y;
            
            exportList.push({
                c: c, excel_x: excel_x, excel_y: excel_y, 
                isActive: isActive, isPadded: isPadded
            });
        });
        
        if (minX > maxX) { alert("Нет данных"); return; }
        
        var matrix = {};
        for(var y = minY; y <= maxY; y++) {
            matrix[y] = {};
            for(var x = minX; x <= maxX; x++) matrix[y][x] = null;
        }
        
        exportList.forEach(function(item) {
            var c = item.c;
            var floor = c[2];
            var col = pc(floor);
            var bg = col[0], borderCol = col[3], fg;
            var isDimmed = c[4];

            if (isDimmed) {
                bg = blend(col[0], emptyBg, 0.15);
                borderCol = isDark ? "#FFFFFF" : "#777777";
                fg = blend(col[3], emptyBg, 0.35);
            } else if (c[3] === 0) {
                bg = emptyBg; borderCol = isDark ? col[1] : col[3]; fg = borderCol;
            } else if (!item.isActive) {
                bg = inactiveBg; borderCol = inactiveFg; fg = inactiveFg;
            } else {
                bg = col[0]; borderCol = col[3];
                fg = getLuma(bg) < 120 ? "#FFFFFF" : "#111111";
            }
            
            var ex = item.excel_x, ey = item.excel_y;
            var valL = (c[3] === 1) ? 1 : 0;
            var valR = (c[3] === 1) ? 0 : 1;
            var isEvenFloor = (floor % 2 === 0);
            var diagL = isEvenFloor ? 'Slash' : 'Backslash';
            var diagR = isEvenFloor ? 'Backslash' : 'Slash';
            
            matrix[ey][ex]   = { val: valL, bg: bg, fg: fg, borderCol: borderCol, type: 'L', diag: diagL };
            matrix[ey][ex+1] = { val: valR, bg: bg, fg: fg, borderCol: borderCol, type: 'R', diag: diagR };
        });
        
        var styleMap = {}, styleDefs = "", styleCount = 0;
        function getRhombStyleId(bg, fg, borderCol, type, diag) {
            var key = bg + "|" + fg + "|" + borderCol + "|" + type + "|" + diag;
            if (!styleMap[key]) {
                styleCount++;
                var id = "rs" + styleCount;
                styleMap[key] = id;
                var diagPos = (diag === 'Slash') ? "DiagonalRight" : "DiagonalLeft";
                var align = (type === 'L') ? "Right" : "Left";
                styleDefs += '<Style ss:ID="' + id + '">'
                    + '<Alignment ss:Horizontal="' + align + '" ss:Vertical="Center"/>'
                    + '<Borders>'
                    + '<Border ss:Position="' + diagPos + '" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + borderCol + '"/>'
                    + '</Borders>'
                    + '<Font ss:Color="' + fg + '" ss:Bold="1" ss:Size="10"/>'
                    + '<Interior ss:Color="' + bg + '" ss:Pattern="Solid"/>'
                    + '</Style>';
            }
            return styleMap[key];
        }
        styleDefs += '<Style ss:ID="empty_cell_style"><Interior ss:Color="' + emptyBg + '" ss:Pattern="Solid"/></Style>';
        
        var rowsXml = "";
        for(var y2 = minY; y2 <= maxY; y2++) {
            rowsXml += '<Row ss:AutoFitHeight="0" ss:Height="30">';
            for(var x2 = minX; x2 <= maxX; x2++) {
                var cell = matrix[y2][x2];
                if (cell) {
                    rowsXml += '<Cell ss:StyleID="' + getRhombStyleId(cell.bg, cell.fg, cell.borderCol, cell.type, cell.diag) + '">'
                        + '<Data ss:Type="Number">' + cell.val + '</Data></Cell>';
                } else {
                    rowsXml += '<Cell ss:StyleID="empty_cell_style"/>';
                }
            }
            rowsXml += '</Row>';
        }
        
        var xml = '<?xml version="1.0"?>\n<?mso-application progid="Excel.Sheet"?>\n'
            + '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">'
            + '<Styles>' + styleDefs + laserExcelStyleDefs(isDark) + '</Styles>'
            + '<Worksheet ss:Name="Rhombuses"><Table ss:DefaultColumnWidth="30" ss:DefaultRowHeight="30">' + rowsXml + '</Table></Worksheet>'
            + laserWorksheetXml() + '</Workbook>';

        saveBlob(xml, 'rhombuses_grid_direct.xml');
        return;
    } else {
        var minX = 1e9, maxX = -1e9, minY = 1e9, maxY = -1e9;
        var exportList = [];
        G.list.forEach(function(c) {
            var isActive = (sel.size === 0 || (minusMode.checked ? !sel.has(c[2]) : sel.has(c[2])));
            if (!isActive && c[3] === 0) return;
            if (c[3] === 0 && !((ghosts.checked && !c[4]) || (ghostsAll.checked && c[4]))) return;
            if (c[0] < minX) minX = c[0]; if (c[0] > maxX) maxX = c[0];
            if (c[1] < minY) minY = c[1]; if (c[1] > maxY) maxY = c[1];
            exportList.push({c: c, isActive: isActive});
        });
        if (minX > maxX) return;
        var matrix = {};
        for(var y = minY; y <= maxY; y++) { matrix[y] = {}; for(var x = minX; x <= maxX; x++) matrix[y][x] = null; }
        exportList.forEach(function(item) {
            var c = item.c, col = pc(c[2]), bg = col[0], isDim = dimPadded.checked && c[4];
            var fg;
            if (c[3] === 0) {
                bg = emptyBg; var gfg = isDark ? col[1] : col[3];
                fg = isDim ? blend(gfg, emptyBg, 0.55) : gfg;
            } else if (!item.isActive) {
                bg = inactiveBg; fg = inactiveFg;
            } else {
                if (isDim) bg = blend(bg, emptyBg, 0.12);
                var bfg = getLuma(bg) < 120 ? "#FFFFFF" : "#111111";
                fg = isDim ? blend(bfg, emptyBg, 0.65) : bfg;
            }
            matrix[c[1]][c[0]] = { val: c[3], bg: bg, fg: fg };
        });
        var bcol = isDark ? "#31423C" : "#DCDAD1", styleMap = {}, styleDefs = "", sc = 0;
        function getSid(bg, fg) {
            var k = bg + "|" + fg;
            if (!styleMap[k]) {
                sc++; var id = "s" + sc; styleMap[k] = id;
                styleDefs += '<Style ss:ID="' + id + '"><Alignment ss:Horizontal="Center" ss:Vertical="Center"/>'
                    + '<Borders><Border ss:Position="Bottom" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Left" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Right" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/><Border ss:Position="Top" ss:LineStyle="Continuous" ss:Weight="1" ss:Color="' + bcol + '"/></Borders>'
                    + '<Font ss:Color="' + fg + '" ss:Bold="1"/><Interior ss:Color="' + bg + '" ss:Pattern="Solid"/></Style>';
            } return styleMap[k];
        }
        var rowsXml = "";
        for(var y2 = minY; y2 <= maxY; y2++) {
            rowsXml += '<Row ss:AutoFitHeight="0" ss:Height="30">';
            for(var x2 = minX; x2 <= maxX; x2++) {
                var cell = matrix[y2][x2];
                if (cell) rowsXml += '<Cell ss:StyleID="' + getSid(cell.bg, cell.fg) + '"><Data ss:Type="Number">' + cell.val + '</Data></Cell>';
                else rowsXml += '<Cell ss:StyleID="' + getSid(emptyBg, emptyBg) + '"/>';
            } rowsXml += '</Row>';
        }
        var xml = '<?xml version="1.0"?>\n<?mso-application progid="Excel.Sheet"?>\n'
            + '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">'
            + '<Styles>' + styleDefs + laserExcelStyleDefs(isDark) + '</Styles><Worksheet ss:Name="Bits"><Table ss:DefaultColumnWidth="30" ss:DefaultRowHeight="30">' + rowsXml + '</Table></Worksheet>'
            + laserWorksheetXml() + '</Workbook>';
        saveBlob(xml, 'bits_grid_direct.xml');
    }
}

/* === МАРКЕР 15: SAVEBLOB, SYNCSELUI, REBUILD И СЛУШАТЕЛИ НАСТРОЕК === */
function saveBlob(xml, name) {
    var blob = new Blob([xml], {type: 'text/xml'});
    var url = URL.createObjectURL(blob), a = document.createElement('a');
    a.href = url; a.download = name; document.body.appendChild(a); a.click();
    document.body.removeChild(a); URL.revokeObjectURL(url);
}

function syncSelUI(){
  var bs=chips.querySelectorAll("[data-chip]");
  for(var i=0;i<bs.length;i++){
    var k = +bs[i].dataset.chip;
    var isSelC = (sel.size === 0 || sel.has(k));
    bs[i].style.opacity = isSelC ? "1" : "0.25";
    bs[i].style.transform = sel.has(k) ? "scale(1.08)" : "scale(1)";
  }
  
  if(sliderRow.style.display!=="none"){
    if (sel.size === 1) {
        fr.value = Array.from(sel)[0] + 1;
        frLabel.textContent = fr.value;
    } else if (sel.size === 0) {
        fr.value = 0;
        frLabel.textContent = i18n[currentLang].floorAll;
    } else {
        fr.value = 0;
        frLabel.textContent = i18n[currentLang].floorMulti;
    }
  }

  // Панель «Сдвиг символов» видна всегда: без выделения сдвиг крутит ВСЕ строки
  rotWrap.style.display = "flex";
  if (sel.size === 0) {
      if (info) info.innerHTML = i18n[currentLang].info1;
  } else {
      var arr = Array.from(sel).sort(function(a,b){return a-b;});
      if (arr.length === 1) {
          var r = D.rows[arr[0]] || "";
          if (r.length > 55) r = r.slice(0,55) + "…";
          var flText = (currentLang==='ru') ? "Этаж " : "Floor ";
          if (info) info.innerHTML = flText + (arr[0]+1) + ": " + r;
      } else {
          var selText = (currentLang==='ru') ? "Выбраны этажи: <b>" : "Selected floors: <b>";
          if (info) info.innerHTML = selText + arr.map(function(x){return x+1;}).join(", ") + "</b>";
      }
      rotWrap.style.display = "flex";
  }

  // Кнопки «👁 Визуальный сдвиг» видны только там, где реально есть добор по кругу (иначе крутить
  // нечего). Если их скрыли, а общий плеер в этот момент крутил именно визуальный сдвиг — остановить.
  var _visRotBtns = $("visRotBtns");
  var _visRotShown = loopBits.checked && (mode.value === "ring" || isSquaresMode() || isPyraMode());
  if (_visRotBtns) _visRotBtns.style.display = _visRotShown ? "inline-flex" : "none";
  if (!_visRotShown && shiftAnimKind === 'visual') {
    if (typeof stopShiftAnim === 'function') stopShiftAnim(false);
    shiftAnimKind = 'text';
    if (typeof syncShiftKindUI === 'function') syncShiftKindUI();
  }

  skewerMode.disabled = (isSquaresMode() && squareEditMode);
  if (skewerMode.disabled) { skewerMode.checked = false; skewers = []; selectedLaserRows = []; }
  
  // «Этажи из блоков» — обычный табличный вид, выравнивание там нужно не меньше, чем в воронке
  $("alignGroup").style.display = (mode.value === "funnel" || mode.value === "rhomb" || mode.value === "blocks") ? "flex" : "none";
  $("pyraGroup").style.display = isPyraMode() ? "flex" : "none";

  var isFlatMode = (currentView === "top" || mode.value === "rhomb");
  btnExcel.style.opacity = isFlatMode ? "1" : "0.6";
  btnExcel.title = isFlatMode ? "" : ((currentLang === 'ru') ? "Переключитесь на Вид сверху" : "Switch to Top view");
  btnExcelAlt.style.opacity = isFlatMode ? "1" : "0.6";
  btnExcelAlt.title = isFlatMode ? "" : ((currentLang === 'ru') ? "Переключитесь на Вид сверху" : "Switch to Top view");

  rotateToolbar.style.display = isFlatMode ? "flex" : "none";
  $("isoRotToolbar").style.display = isFlatMode ? "none" : "flex";
  if (!isFlatMode) stopRotAnim();
}

// fitView=true — заново подогнать вид под фигуру (центр + масштаб). По умолчанию НЕ подгоняем:
// раньше autoFit() стоял здесь безусловно, и холст дёргался на КАЖДОМ пересчёте — на каждом шаге
// захвата, на «Стоп», на паузе, на каждом такте Плея. Вид теперь пересобирается только когда его
// явно просят: Escape, смена вида/режима, генерация данных, загрузка файла, «⏹ Сброс», первый
// показ (viewFitted). Зум/панораму пользователя больше ничто не сбрасывает само.
var viewFitted = false;
function rebuild(fitView){
  var _axesAll = (typeof laserAxesAllActive === 'function') ? laserAxesAllActive() : null; // оси со «Все» — чтобы не сбрасывались при пересчёте
  resetXorOverlays(); // данные/режим изменились — накопленное XOR-поле больше не актуально
  parse();
  updatePatState();
  // Автозахват нижней строки теперь привязан к лазерной «found»-подсветке (см. в draw() перед
  // updateEditorHighlight): когда строка под границей полностью найдена в лучах, граница едет вниз.
  var onesCount = D.cells.filter(function(c){return c[3]===1}).length;
  stF.textContent=D.floors; stC.textContent=onesCount;
  warn.style.display=D.truncated?"block":"none";
  
  buildSelector();
  geometry();
  if (fitView || !viewFitted) { autoFit(); viewFitted = true; }
  laserReapplyAll(_axesAll); // вернуть «Все» на (возможно, новые) узлы тех же осей — лазеры не сбрасываются сами
  if (isSquaresMode() && squareEditMode) squaresRebuildAll();
  draw();
  syncSelUI();
  updateLineLimitBar();
}

/* === Кеш «Данных (Строки)» в localStorage браузера (ручной, кнопкой) === */
// Автозаписи НЕТ (v0.258 сбивала данные — откачено): кеш пишется только кнопкой «💾 Запомнить»
// над редактором. Вместе с текстом запоминается и положение верхней/нижней границы «Данных».
// Запомненное: 1) автоматически подтягивается при загрузке/F5 ЛЮБОЙ версии файла в том же
// браузере тем же способом (file:// и http://127.0.0.1 — разные хранилища); 2) возвращается
// кнопкой «⏹ Сброс» над редактором (если кеша нет — сброс к шаблону из кода). Пустой кеш игнорируется.
var SRC_CACHE_KEY = "kubits_src";

/* === Снимок ВСЕХ настроек интерфейса ===
   Кнопка «💾» теперь запоминает не только данные и паттерны, а всё состояние: галки, ползунки,
   числовые поля и списки обеих панелей + режим фигуры, вид, выравнивание строк, «Совмещение»
   интерливинга, «По строкам/По лазерам», А/Б и сторону добора, палитру, тему и язык.
   Галки/ползунки/списки собираются ПЕРЕБОРОМ по разметке (по id), а не списком в коде — иначе
   каждый новый переключатель пришлось бы дописывать сюда руками и о нём бы забывали. */
function collectUiSettings(){
  var s = { cb:{}, rng:{}, val:{} };
  document.querySelectorAll(".panel input[type=checkbox][id]").forEach(function(el){ s.cb[el.id] = el.checked; });
  document.querySelectorAll(".panel input[type=range][id]").forEach(function(el){ s.rng[el.id] = el.value; });
  document.querySelectorAll(".panel select[id], .panel input[type=number][id]").forEach(function(el){ s.val[el.id] = el.value; });
  s.mode = mode.value;
  s.view = currentView;
  s.align = alignMode;
  s.ilAlign = ilAlignMode;
  s.rowsMode = rowsModeActive;
  s.ilVar = ($("btnIlVarA") && $("btnIlVarA").classList.contains("active")) ? "A" : "B";
  s.ilSide = ($("btnIlSideLeft") && $("btnIlSideLeft").classList.contains("active")) ? "left"
           : ($("btnIlSideAsk") && $("btnIlSideAsk").classList.contains("active")) ? "ask" : "right";
  s.patStrict = patStrictOn();
  s.theme = document.documentElement.dataset.theme;
  s.lang = currentLang;
  return s;
}
// Применение снимка. Кнопки-переключатели НЕ «кликаем» — у части из них клик тянет за собой
// побочные действия (например «▼ По строкам» сразу запускает захват). Вместо этого ставим
// состояние напрямую: переменная + класс active. Полный rebuild зовёт вызывающий (fullInit).
function applyUiSettings(s){
  if (!s || typeof s !== "object") return;
  var fire = function(el, type){ el.dispatchEvent(new Event(type, { bubbles: true })); };
  if (s.cb) Object.keys(s.cb).forEach(function(id){
    var el = $(id);
    if (el && el.type === "checkbox" && el.checked !== s.cb[id]) { el.checked = s.cb[id]; fire(el, "change"); }
  });
  if (s.rng) Object.keys(s.rng).forEach(function(id){
    var el = $(id);
    if (el && el.value !== s.rng[id]) { el.value = s.rng[id]; fire(el, "input"); }
  });
  if (s.val) Object.keys(s.val).forEach(function(id){
    var el = $(id);
    if (el && el.value !== s.val[id]) { el.value = s.val[id]; fire(el, "change"); }
  });
  if (s.mode && s.mode !== mode.value) {
    mode.value = s.mode;
    document.querySelectorAll("#modeGroup .grp-btn").forEach(function(b){
      b.classList.toggle("active", b.dataset.mode === s.mode);
    });
    fire(mode, "change");
  }
  if (s.view) {
    currentView = s.view;
    btnViewTop.classList.toggle("active-view", s.view === "top");
    btnViewIso.classList.toggle("active-view", s.view !== "top");
  }
  if (s.align) {
    alignMode = s.align;
    document.querySelectorAll("#alignGroup .align-btn").forEach(function(b){
      b.classList.toggle("active", b.dataset.align === s.align);
    });
  }
  if (s.ilAlign) {
    ilAlignMode = s.ilAlign;
    var alignMap = { left: "btnIlAlignL", center: "btnIlAlignC", right: "btnIlAlignR" };
    Object.keys(alignMap).forEach(function(k){
      var b = $(alignMap[k]); if (b) b.classList.toggle("active", k === s.ilAlign);
    });
  }
  if (typeof s.rowsMode === "boolean") {
    rowsModeActive = s.rowsMode;
    if ($("btnCaptureRows")) $("btnCaptureRows").classList.toggle("active", rowsModeActive);
    if ($("btnCaptureLasers")) $("btnCaptureLasers").classList.toggle("active", !rowsModeActive);
    if (typeof syncIlVariantsUI === "function") syncIlVariantsUI();
  }
  if (s.ilVar) {
    if ($("btnIlVarA")) $("btnIlVarA").classList.toggle("active", s.ilVar === "A");
    if ($("btnIlVarB")) $("btnIlVarB").classList.toggle("active", s.ilVar !== "A");
  }
  if (s.ilSide) {
    if ($("btnIlSideRight")) $("btnIlSideRight").classList.toggle("active", s.ilSide === "right");
    if ($("btnIlSideLeft"))  $("btnIlSideLeft").classList.toggle("active",  s.ilSide === "left");
    if ($("btnIlSideAsk"))   $("btnIlSideAsk").classList.toggle("active",   s.ilSide === "ask");
    if (typeof syncIlAskButtons === "function") syncIlAskButtons();
  }
  if (typeof s.patStrict === "boolean" && $("btnPatStrict")) $("btnPatStrict").classList.toggle("active", s.patStrict);
  if (s.val && s.val.palSel) pal = PAL_SETS[s.val.palSel] || PAL_SETS.std;
  if (s.theme && s.theme !== document.documentElement.dataset.theme) setTheme(s.theme);
  if (s.lang && s.lang !== currentLang) { currentLang = s.lang; }
}

function saveSrcToCache(){
  try {
    var ptaEl = $("patSrc");
    localStorage.setItem(SRC_CACHE_KEY, JSON.stringify({
      src: src.value, lineLimit: lineLimit, lineLimitTop: lineLimitTop,
      pat: ptaEl ? ptaEl.value : "",
      patSkip: patSkipFirstOn(), patStrict: patStrictOn(), // оставлены для кеша старых версий
      ui: collectUiSettings()
    }));
    return true;
  } catch(e){ return false; }
}
function getSrcCache(){
  try {
    var s = localStorage.getItem(SRC_CACHE_KEY);
    if (!s) return null;
    var parsed = null;
    try { parsed = JSON.parse(s); } catch(e){ parsed = null; }
    if (parsed && typeof parsed === "object" && typeof parsed.src === "string") {
      return parsed.src.trim() ? parsed : null;
    }
    // кеш старого формата (просто текст, до появления границ в кеше) — границы не сохранены
    return s.trim() ? { src: s, lineLimit: -1, lineLimitTop: 0 } : null;
  } catch(e){ return null; }
}
function restoreSrcFromCache(){
  var saved = getSrcCache();
  if (saved !== null) {
    src.value = saved.src;
    lineLimit = saved.lineLimit;
    lineLimitTop = saved.lineLimitTop;
    var ptaEl = $("patSrc");
    if (ptaEl && typeof saved.pat === "string") { ptaEl.value = saved.pat; lastPatBgHtml = null; lastPatGutterHtml = null; }
    // Кеш старого формата (до «сохранять все настройки») — там были только эти два флага
    var psfEl = $("patSkipFirstCheck");
    if (psfEl && typeof saved.patSkip === "boolean") psfEl.checked = saved.patSkip;
    var pstEl = $("btnPatStrict");
    if (pstEl && typeof saved.patStrict === "boolean") pstEl.classList.toggle("active", saved.patStrict);
    applyUiSettings(saved.ui); // полный снимок настроек, если он в кеше есть
  }
}

function rebuildKeepView(){
  var z=zoom, px=panX, py=panY;
  rebuild();
  zoom=z; panX=px; panY=py;
  draw();
}

src.addEventListener("input", rebuild);

/* === Обвязка поля «Паттерны» === */
(function(){
  var pta = $("patSrc");
  if (!pta) return;
  // Правка текста сдвигает номера строк — старые отметки «закрыт» стали бы враньём, снимаем их.
  pta.addEventListener("input", function(){
    resetPatClosed();
    lastPatBgHtml = null; lastPatGutterHtml = null;
    rebuild();
  });
  pta.addEventListener("scroll", syncPatScroll);
  // Отдельной кнопки сброса у паттернов больше нет: снятие отметок «закрыт» делает общая
  // «⏹ Сброс» в ряду вкладок (btnResetAll), вместе со сбросом данных и границы.
  // Своя галка «Без 1-го символа» (только паттерны) и кнопка-переключатель «🔒 Строго»
  // Оба переключателя меняют сам смысл поиска — прежние «закрыт» к нему уже не относятся.
  var psf = $("patSkipFirstCheck");
  if (psf) psf.addEventListener("change", function(){ resetPatClosed(); rebuild(); });
  var strictBtn = $("btnPatStrict");
  if (strictBtn) strictBtn.addEventListener("click", function(){
    strictBtn.classList.toggle("active");
    resetPatClosed();
    rebuild();
  });
})();

/* === Сквозной автозахват нижней строки (граница lineLimit) === */
// Биты строки сразу под границей (первая не участвующая строка). Пусто = нечего искать.
function belowRowBits(){
  var lines = src.value.split("\n");
  if (lineLimit < 0 || lineLimit >= lines.length) return "";
  return lines[lineLimit].trim().replace(/\s+/g, "");
}
// Искомый паттерн нижней строки: при включённом «Без 1-го символа» отбрасываем первый бит
// (искать со 2-го). Строку из одного символа не укорачиваем.
function belowRowSearchPat(){
  var pat = belowRowBits();
  var sf = $("skipFirstCharCheck");
  if (sf && sf.checked && pat.length > 1) pat = pat.slice(1);
  return pat;
}
// Найдена ли нижняя строка в «сквозной» строке haystack, и КАКИМ вариантом — как в лазерной
// подсветке: прямой / инверсия / реверс + все циклические повороты паттерна.
// Ищет ЛЮБОЙ из искомых паттернов (см. searchPatternsList: либо поле «Паттерны», либо строка
// под границей) — первый найденный и возвращается.
function belowRowFoundInDetail(haystack, onlyPats){
  if (!haystack) return null;
  var pats = onlyPats || searchPatternsList();
  if (!pats.length) return null;
  var idx = makeHayIndex(haystack);
  for (var pi = 0; pi < pats.length; pi++){
    var pat = pats[pi];
    if (!pat) continue;
    var hit = hayFindPattern(idx, patVariants(pat));
    if (hit) return { kind: hit.kind, pat: hit.pat, rot: hit.rot, total: hit.total, needle: pat };
  }
  return null;
}
// В каком именно лазере найдена нижняя строка (или null) — для лога «какой лазер дал строку».
// Проверяет строки-результаты каждого лазера отдельно: прямой/инверсия/реверс + повороты.
// Если у пользователя нет ни одного лазера — проверяет сразу все возможные оси (laserRowsForCapture).
function belowRowFoundLaser(){
  var pats = searchPatternsList();
  if (!pats.length) return null;
  var rows = laserRowsForCapture();
  // Индексы строк-лазеров считаем один раз, до цикла по паттернам
  var idxs = [];
  for (var r0 = 0; r0 < rows.length; r0++) idxs.push(makeHayIndex(rows[r0].str));
  for (var pi = 0; pi < pats.length; pi++){
    var pat = pats[pi];
    if (!pat) continue;
    var v = patVariants(pat);
    for (var r = 0; r < rows.length; r++){
      var hit = hayFindPattern(idxs[r], v);
      if (hit) return { axisLabel: rows[r].axisLabel, index: rows[r].index, kind: hit.kind, rot: hit.rot, pat: hit.pat, total: hit.total, needle: pat };
    }
  }
  return null;
}
// «Сквозная» склейка всех участвующих строк (0..lineLimit-1) с их добором подряд одной строкой.
// maxRows (для «🔒 Строго») — брать не больше стольких первых строк, поверх обычной границы.
function throughRowsHaystack(maxRows){
  var lines = src.value.split("\n");
  var lim = (lineLimit < 0) ? lines.length : Math.min(lineLimit, lines.length);
  if (typeof maxRows === "number") lim = Math.min(lim, Math.max(0, maxRows));
  var s = "";
  for (var i = 0; i < lim; i++){
    var t = lines[i].trim().replace(/\s+/g, "");
    if (!t) continue;
    var pad = (D && D.padTails && D.padTails[i]) ? D.padTails[i] : "";
    s += t + pad;
  }
  return s;
}
// Склейка всех строк-результатов лазеров подряд (или всех возможных осей, если лазеров ещё нет).
function throughLasersHaystack(){
  var rows = laserRowsForCapture();
  var s = "";
  rows.forEach(function(r){ s += r.str; });
  return s;
}
// Побитовое чередование двух строк: b1[0],b2[0],b1[1],b2[1],...
// Если строки РАЗНОЙ длины, шаг задаёт длинная, а короткая вставляется в неё со сдвигом —
// «Совмещение» (ilAlignMode): ⭰ с начала (как было раньше), ⭤ по середине (по умолчанию),
// ⭲ в конец. Пример для 00000 и 11: ⭰ → 0101000, ⭤ → 0010100, ⭲ → 0001010.
// Порядок символов внутри пары сохранён прежний: сначала символ ПЕРВОЙ строки, потом второй.
var ilAlignMode = "center";
function interleave(a, b){
  var la = a.length, lb = b.length;
  if (!la) return b;
  if (!lb) return a;
  var d = Math.abs(la - lb);
  var off = (ilAlignMode === "left") ? 0 : (ilAlignMode === "right") ? d : Math.floor(d / 2);
  var aIsLong = (la >= lb);
  var longer = aIsLong ? a : b, shorter = aIsLong ? b : a;
  var out = "";
  for (var i = 0; i < longer.length; i++){
    var j = i - off;
    var s = (j >= 0 && j < shorter.length) ? shorter[j] : null;
    if (aIsLong) { out += longer[i]; if (s !== null) out += s; }
    else         { if (s !== null) out += s; out += longer[i]; }
  }
  return out;
}
// «Стог» для интерливинга: ВСЕ уже включённые строки над границей (не под ней!) разбиваются на
// пары СКОЛЬЗЯЩИМ ОКНОМ — 1+2, 2+3, 3+4, 4+5, ... (каждая соседняя пара, с перекрытием, а не
// только 1+2 / 3+4 без повтора строк), каждая пара чередуется побитово, и результаты всех пар
// склеиваются подряд в ОДНУ сквозную строку-стог.
//   А/Б (кнопки btnIlVarA/btnIlVarB, взаимоисключающие) — общий для ВСЕГО стога способ сборки:
//     А) в каждой паре сначала чередуем сами биты (b1[0],b2[0],b1[1],b2[1]...), потом отдельно
//        хвосты добора, и склеиваем результаты;
//     Б) в каждой паре сначала каждая строка целиком (биты+хвост добора), потом чередуем эти две
//        целые строки.
//   →/← — сторона добора (после бит / перед битами) теперь СВОЯ У КАЖДОЙ ПАРЫ (ilPairSide[i]),
//     а не одна на весь стог: клик по кнопкам →/← в панели задаёт лишь ОБЩИЙ ДЕФОЛТ и сбрасывает
//     точечные правки; клик по конкретному куску пары в панели «Стог» меняет сторону ТОЛЬКО этой
//     пары. «?» ничего не решает сама — под ней самая новая (ещё не решённая) пара показывается
//     ОБЕИМИ сторонами для сравнения, а кнопки →/← в подсказке ниже пишут решение в ту же
//     ilPairSide. Захват НИКОГДА не ждёт ответа: нерешённые пары всегда «право» по умолчанию.
// Если над границей только одна строка — чередовать не с чем (А/Б неприменимы), стог — она сама
// (ключ "single" в ilPairSide), только сторона добора (→/←) имеет смысл.
// Эффективная сторона добора конкретного ключа (индекс пары или "single"): точечная правка
// (клик по куску в панели / ответ в подсказке «?», хранится в ilPairSide) важнее общего дефолта;
// если сейчас активна «?» и правки для этого ключа нет — дефолт «право» (захват не должен ждать
// ответа). true=право, false=лево. Общая функция — используется и при сборке стога, и при
// клике по куску (чтобы понять, на какую сторону переключать).
function ilEffectiveSide(key){
  if (ilPairSide[key] === "right") return true;
  if (ilPairSide[key] === "left") return false;
  var askEl = $("btnIlSideAsk"), elR = $("btnIlSideRight");
  var askMode = !!(askEl && askEl.classList.contains("active"));
  if (askMode) return true;
  return !elR || elR.classList.contains("active");
}
// maxRows (для «🔒 Строго») — брать не больше стольких первых строк, поверх обычной границы.
// Панель «Стог» зовёт без аргумента, так что показывает полный стог, как и раньше.
function aboveRowsInterleavedHaystacks(maxRows){
  var lines = src.value.split("\n");
  var lim = (lineLimit < 0) ? lines.length : Math.min(lineLimit, lines.length);
  if (typeof maxRows === "number") lim = Math.min(lim, Math.max(0, maxRows));
  if (lim <= 0) return [];
  var bitsOf = function(i){ return lines[i].trim().replace(/\s+/g, ""); };
  var padOf = function(i){ return (D && D.padTails && D.padTails[i]) ? D.padTails[i] : ""; };

  var elA = $("btnIlVarA");
  var useA = !elA || elA.classList.contains("active");
  var askEl = $("btnIlSideAsk");
  var askMode = !!(askEl && askEl.classList.contains("active"));

  if (lim === 1) {
    var bits0 = bitsOf(0), pad0 = padOf(0);
    var pending0 = askMode && ilPairSide.single === undefined;
    var opts0 = pending0 ? [true, false] : [ilEffectiveSide("single")];
    return opts0.map(function(right){
      return right ? { str: bits0 + pad0, tag: "→", bounds: [0, bits0.length + pad0.length] }
                    : { str: pad0 + bits0, tag: "←", bounds: [0, pad0.length + bits0.length] };
    });
  }

  var lastPairIdx = lim - 2; // индекс самой новой пары — только она может быть «ещё не решённой»
  var pendingLast = askMode && ilPairSide[lastPairIdx] === undefined;
  var lastSideOpts = pendingLast ? [true, false] : [ilEffectiveSide(lastPairIdx)];

  var candidates = [];
  lastSideOpts.forEach(function(lastRight){
    var h = "", bounds = [0];
    for (var i = 0; i + 1 < lim; i++){
      var right = (i === lastPairIdx) ? lastRight : ilEffectiveSide(i);
      var b1 = bitsOf(i), b2 = bitsOf(i + 1), p1 = padOf(i), p2 = padOf(i + 1);
      if (useA) h += right ? (interleave(b1, b2) + interleave(p1, p2)) : (interleave(p1, p2) + interleave(b1, b2));
      else h += right ? interleave(b1 + p1, b2 + p2) : interleave(p1 + b1, p2 + b2);
      bounds.push(h.length);
    }
    var tag = (useA ? "А" : "Б") + (pendingLast ? (lastRight ? "→" : "←") : "");
    candidates.push({ str: h, tag: tag, bounds: bounds });
  });

  var seen = {}, res = [];
  candidates.forEach(function(c){
    if (seen[c.str] !== undefined) return; // дедуп: одинаковые строки (напр. без добора) не дублируем
    seen[c.str] = true;
    res.push(c);
  });
  return res;
}
// Обрезать готовые варианты стога до первых takePieces кусков — для «🔒 Строго», чтобы не
// пересобирать стог заново под каждый паттерн. Куски идут подряд, поэтому «стог из первых N
// строк» — это ровно префикс общего стога по его же bounds.
function prefixHaystacks(hs, takePieces){
  var out = [];
  for (var i = 0; i < hs.length; i++){
    var h = hs[i], n = h.bounds.length - 1;
    var take = Math.min(n, takePieces);
    if (take <= 0) continue;
    if (take === n) { out.push(h); continue; }
    out.push({ str: h.str.slice(0, h.bounds[take]), tag: h.tag, bounds: h.bounds.slice(0, take + 1) });
  }
  return out;
}
// Счётчик «попытка N из total» для поисковых циклов автозахвата (см. ниже) — просто текст,
// без перерисовки холста; total = максимум попыток (сколько строк вообще может быть втянуто).
function setCaptureProgress(n, total){
  var el = $("captureProgress");
  if (el) el.textContent = n > 0 ? ("попытка " + n + " из " + total) : "";
}
function clearCaptureProgress(){ setCaptureProgress(0, 0); }

// «Быстрый» пересчёт модели для поисковых циклов: то же, что нужно belowRowMatchDetail/лазерам
// (parse — новый D/добор под сдвинутой границей, geometry — новые координаты G.list для
// beamCells), но БЕЗ отрисовки холста и обвязки правой панели (autoFit/buildSelector/syncSelUI/
// updateLineLimitBar/laserReapplyAll) — они не влияют на сам поиск, только на то, что видно
// пользователю. Полноценный rebuild() (со всем этим и отрисовкой) делается один раз в конце
// цикла — см. captureBelowThroughLasers.
function fastModelRecompute(){
  resetXorOverlays();
  parse();
  geometry();
}

// «🚫 Без отрисовки при Плее» (чекбокс, по умолчанию ВЫКЛЮЧЕН): пока играет любая из 6 анимаций
// (Флип/Поворот/Сдвиг/Этажи/Змейка) И включён непрерывный «Автозахват» — не гоняем полный
// draw() на КАЖДОМ такте (дорого: холст + вся обвязка), а только проверяем автозахват (ВСЕГДА
// полная проверка, все 4 уровня — см. belowRowMatchDetail/computeAssemblyHaystackFresh, ей draw()
// для этого не нужен). Рисуем полноценно только когда реально что-то захвачено — тогда видно,
// что граница сдвинулась. Если чекбокс выключен (по умолчанию) — обычный draw() на каждом такте,
// как и было всегда; анимация видна вживую.
// Активно ли сейчас «Без отрисовки при Плее» (чекбокс включён И играет любой из 5 Плеев) — общая
// проверка для playTickRender/шифт-тика И для встроенного в draw() автозахвата (тот должен
// промолчать в этом случае, чтобы не дублировать работу тика, см. MARKER 11).
function suppressDrawDuringPlayActive(){
  var suppressEl = $("suppressDrawDuringPlay");
  var acbEl = $("autoCaptureBelow");
  var anyPlayOn = shiftAnimOn || flipAnimOn || rotAnimOn || floorAnimOn || snakeAnimOn;
  return !!(suppressEl && suppressEl.checked && acbEl && acbEl.checked && anyPlayOn);
}
// При включении галки все 5 ползунков скоростей Плеев автоматически ставятся на максимум
// скорости (минимальное значение ползунка = самый короткий период) — реальный прирост темпа
// поиска подавление даёт именно там, где отрисовка была узким местом (замер v0.258: 252
// такта/с против 104 на максимуме Сдвига). Прежние значения запоминаются и возвращаются при
// выключении. dispatchEvent("input") — чтобы уже играющий плеер перезапустил таймер с новым
// периодом (makePlayer слушает "input"), а fastZone-подсветка ползунка обновилась.
(function(){
  var supEl = $("suppressDrawDuringPlay");
  if (!supEl) return;
  var ids = ["shiftAnimSpeed","flipAnimSpeed","rotAnimSpeed","floorAnimSpeed","snakeAnimSpeed"];
  var savedSpeeds = null;
  supEl.addEventListener("change", function(){
    if (supEl.checked) {
      savedSpeeds = {};
      ids.forEach(function(id){
        var el = $(id); if (!el) return;
        savedSpeeds[id] = el.value;
        el.value = el.min;
        el.dispatchEvent(new Event("input", { bubbles: true }));
      });
    } else if (savedSpeeds) {
      ids.forEach(function(id){
        var el = $(id); if (!el || !(id in savedSpeeds)) return;
        el.value = savedSpeeds[id];
        el.dispatchEvent(new Event("input", { bubbles: true }));
      });
      savedSpeeds = null;
    }
  });
})();
function runAutoCaptureCheckOnce(){
  var acb = $("autoCaptureBelow");
  if (!acb || !acb.checked || lineLimit < 0) return false;
  var row = belowRowBits();
  if (!row) return false;
  var m = belowRowMatchDetail();
  if (!m) return false;
  console.log("[Kubits] Автозахват (без отрисовки при Плее): строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втянута в рамку");
  markPatternClosedByNeedle(m.needle);
  lineLimit++;
  return true;
}
function playTickRender(){
  if (suppressDrawDuringPlayActive()) {
    if (runAutoCaptureCheckOnce()) rebuild();
    return;
  }
  draw();
}

// Режим A («По строкам»): обычная строка под границей (без чередования её самой, как раньше)
// ищется в интерливинг-стоге из двух последних включённых строк над границей — проверяются
// оба варианта добора (см. aboveRowsInterleavedHaystacks/belowRowMatchDetail). Если найдена —
// втягиваем внутрь эту ОДНУ строку (граница +1), и так по кругу; на каждом шаге стог
// пересчитывается заново от новых последних двух строк над (уже сдвинутой) границей.
// Использует ту же belowRowMatchDetail(), что и «Шаг»/непрерывный автозахват (чекбокс) — поэтому
// они ведут себя одинаково, пока активно «По строкам» (см. rowsModeActive). Уже не рисует холст
// на каждом шаге (только parse) — счётчик прогресса добавлен для единообразия с «По лазерам».
function autoCaptureBelowThroughRows(){
  var guard = 0, total = src.value.split("\n").length, changed = false;
  while (guard++ < total){
    var row = belowRowBits();
    if (!row) break;
    var m = belowRowMatchDetail();
    if (!m) break;
    console.log("[Kubits] Строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втянута в рамку");
    markPatternClosedByNeedle(m.needle);
    lineLimit++;
    changed = true;
    setCaptureProgress(guard, total);
    parse(); // обновить D/добор под новой границей
  }
  clearCaptureProgress();
  return changed;
}
// Общая проверка «найдена ли строка под границей». Используется кнопкой «По лазерам», кнопкой
// «По строкам», непрерывным автозахватом (чекбокс) и одношаговой кнопкой «Шаг» — все четыре
// подряд смотрят на ОДИН и тот же текущий режим (rowsModeActive), поэтому ведут себя одинаково.
// Пока активно «По строкам» — ищем только в интерливинг-стоге (над границей). Иначе — три уровня
// проверки лазеров: конкретный лазер → склейка всех лазеров → сборка лазеров → сквозная строка данных.
// fast=true (быстрый цикл captureBelowThroughLasers, без draw() на каждом шаге) пропускает уровень
// «Сборка лазеров» — она берёт lastAssemblyHaystack, который иначе обновляется только внутри
// draw() и был бы устаревшим/неверным посреди быстрого цикла. lz/fdL/fdR всегда пересчитываются
// заново из G.list — им draw() не нужен, поэтому они одинаково надёжны и в быстром, и в обычном режиме.
// Поиск по готовым вариантам стога (общий кусок для обычного и строгого режимов).
// onlyPats — искать только эти паттерны (строгий режим), null — все текущие искомые строки.
function ilSearchInHaystacks(haystacks, onlyPats, note){
  var throughEl = $("ilThroughSearch");
  var throughMode = !!(throughEl && throughEl.checked);
  // Паттерны перебираем ВНЕШНИМ циклом: побеждает меньший НОМЕР паттерна, а не то, в каком
  // куске стога раньше попалось совпадение. Раньше внешним был кусок, и паттерн №7, совпавший
  // в первой паре, обходил паттерн №2, совпадавший во второй — подсветка и захват расходились.
  // Куски нарезаем ОДИН раз, до цикла по паттернам: иначе на каждый паттерн шла бы своя нарезка,
  // а это на 70 паттернах снова тысячи лишних подстрок за кадр.
  var parts = [];
  for (var hi = 0; hi < haystacks.length; hi++){
    var h = haystacks[hi];
    var tagSuffix = haystacks.length > 1 ? " (" + h.tag + ")" : "";
    if (throughMode) {
      // Сквозной поиск: вся склеенная строка разом — совпадение может тянуться через границу пар.
      parts.push({ idx: makeHayIndex(h.str), label: "интерливинг строк над границей (сквозной)" + tagSuffix });
    } else {
      // По умолчанию: каждый кусок-пара — своя ОТДЕЛЬНАЯ строка поиска, совпадение не может
      // захватывать сразу две пары.
      for (var pb = 0; pb + 1 < h.bounds.length; pb++){
        parts.push({ idx: makeHayIndex(h.str.slice(h.bounds[pb], h.bounds[pb + 1])), label: "интерливинг пары №" + (pb + 1) + tagSuffix });
      }
    }
  }
  // Индексы кусков посчитаны выше по одному разу — цикл по паттернам их только опрашивает.
  var pats = onlyPats || searchPatternsList();
  for (var pi = 0; pi < pats.length; pi++){
    if (!pats[pi]) continue;
    var v = patVariants(pats[pi]);
    for (var qi = 0; qi < parts.length; qi++){
      var fd = hayFindPattern(parts[qi].idx, v);
      if (fd) {
        return { needle: pats[pi], desc: parts[qi].label + note +
            ", " + fd.kind + ", поворот " + fd.rot + " из " + fd.total + ", совпало \"" + fd.pat + "\"" };
      }
    }
  }
  return null;
}
// «🔒 Строго» активно только когда есть сами паттерны — иначе номеров, по которым резать, нет.
function strictModeOn(){ return patStrictOn() && patternsActive(); }
function belowRowMatchDetail(){
  var strict = strictModeOn();
  if (rowsModeActive) {
    var rowI = belowRowBits();
    if (!rowI) return null;
    // Захват никогда не ждёт ответа на «куда лепить добор»: нерешённые пары в стоге всегда
    // считаются «право» (см. aboveRowsInterleavedHaystacks/ilEffectiveSide). «?» + ещё не решённая
    // самая новая пара дают ДВА варианта стога (право и лево для сравнения) — оба проверяются.
    if (strict) {
      // Каждый паттерн — со СВОИМ стогом: только строки с номерами строго меньше его номера.
      // Стог при этом собирается ОДИН раз, а «свой» получается обрезкой готового по границам
      // кусков (кусок №pb склеен из строк pb+1 и pb+2, значит паттерну №N доступны первые N-2
      // куска) — раньше здесь был полный пересбор стога на каждый паттерн, и на 70 паттернах
      // это и вешало вкладку. Исключение — allow==1: там стог не парный, а «одна строка», его
      // приходится просить отдельно.
      var prs = openPatternRows();
      var hsFull = null;
      for (var si = 0; si < prs.length; si++){
        var allow = prs[si].lineNo - 1; // сколько первых строк данных доступно этому паттерну
        if (allow <= 0) continue;       // выше первой строки данных ничего нет
        var hsS;
        if (allow === 1) hsS = aboveRowsInterleavedHaystacks(1);
        else {
          if (!hsFull) hsFull = aboveRowsInterleavedHaystacks();
          hsS = prefixHaystacks(hsFull, allow - 1);
        }
        var rS = ilSearchInHaystacks(hsS, [prs[si].text], " [строго, паттерн №" + prs[si].lineNo + "]");
        if (rS) return rS;
      }
      return null;
    }
    return ilSearchInHaystacks(aboveRowsInterleavedHaystacks(), null, "");
  }
  var lz = belowRowFoundLaser();
  var fdL = lz ? null : belowRowFoundInDetail(throughLasersHaystack());
  // Сборка лазеров (панель результатов, выбранный пользователем вариант) — то же, что подсвечено
  // ему на холсте/в панели, проверяем ДО сквозной склейки строк данных. Считается ЗАНОВО из G.list
  // (computeAssemblyHaystackFresh), а не берётся из lastAssemblyHaystack — та обновляется только
  // внутри draw() и была бы устаревшей, если draw() в этом такте не вызывался (см. «Без отрисовки
  // при Плее»). Так проверка полная и надёжная всегда, независимо от того, рисуется холст или нет.
  var fdA = (lz || fdL) ? null : belowRowFoundInDetail(computeAssemblyHaystackFresh());
  // Сквозная склейка строк ДАННЫХ — единственный уровень с номерами строк, поэтому «Строго»
  // режет именно её (у лазеров номеров строк нет, там ограничивать нечего).
  var fdR = null, fdRNo = 0;
  if (!lz && !fdL && !fdA) {
    if (strict) {
      var prsR = openPatternRows();
      for (var ri = 0; ri < prsR.length && !fdR; ri++){
        if (prsR[ri].lineNo <= 1) continue;
        fdR = belowRowFoundInDetail(throughRowsHaystack(prsR[ri].lineNo - 1), [prsR[ri].text]);
        if (fdR) fdRNo = prsR[ri].lineNo;
      }
    } else {
      fdR = belowRowFoundInDetail(throughRowsHaystack());
    }
  }
  if (!lz && !fdL && !fdA && !fdR) return null;
  var desc = lz ? ("лазер «" + lz.axisLabel + " №" + lz.index + "», " + lz.kind + ", поворот " + lz.rot + " из " + lz.total + ", совпало \"" + lz.pat + "\"")
      : fdL ? ("сквозной по нескольким лазерам, " + fdL.kind + ", поворот " + fdL.rot + " из " + fdL.total + ", совпало \"" + fdL.pat + "\"")
      : fdA ? ("сборка лазеров, " + fdA.kind + ", поворот " + fdA.rot + " из " + fdA.total + ", совпало \"" + fdA.pat + "\"")
      : ("сквозной по строкам данных" + (fdRNo ? " [строго, паттерн №" + fdRNo + "]" : "") + ", " + fdR.kind + ", поворот " + fdR.rot + " из " + fdR.total + ", совпало \"" + fdR.pat + "\"");
  return { needle: (lz || fdL || fdA || fdR).needle, desc: desc };
}
// Режим B (кнопка «По лазерам»): непрерывно, пока строка под границей находится (любым из четырёх
// уровней проверки, ВСЕГДА полностью — см. belowRowMatchDetail/computeAssemblyHaystackFresh).
// Чекбокс «⚡ Быстрый поиск» влияет ТОЛЬКО на перерисовку, не на корректность поиска: выключен
// (по умолчанию) — полный rebuild()/draw() на каждом шаге, как раньше; включён — полную
// перерисовку делаем один раз в конце (см. fastModelRecompute), быстрее на длинных поисках.
function captureBelowThroughLasers(){
  if (lineLimit < 0) return false;
  var fastEl = $("fastCaptureSearch");
  var fast = !!(fastEl && fastEl.checked);
  var guard = 0, total = src.value.split("\n").length, changed = false;
  while (guard++ < total){
    var row = belowRowBits();
    if (!row) break;
    var m = belowRowMatchDetail(); // всегда полная проверка (см. computeAssemblyHaystackFresh) — «fast» теперь влияет только на перерисовку, не на поиск
    if (!m) break;
    console.log("[Kubits] Строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втянута в рамку");
    markPatternClosedByNeedle(m.needle);
    lineLimit++;
    changed = true;
    if (fast) { setCaptureProgress(guard, total); fastModelRecompute(); }
    else rebuild();
  }
  if (fast) { clearCaptureProgress(); if (changed) rebuild(); }
  return changed;
}
// Кнопка «▶ Шаг»: та же проверка, но только ОДИН шаг — без непрерывного повтора.
function captureBelowStepOnce(){
  if (lineLimit < 0) return false;
  var row = belowRowBits();
  if (!row) return false;
  var m = belowRowMatchDetail();
  if (!m) return false;
  console.log("[Kubits] Шаг: строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втянута в рамку");
  markPatternClosedByNeedle(m.needle);
  lineLimit++;
  rebuild();
  return true;
}
var _acbEl = $("autoCaptureBelow");
if (_acbEl) _acbEl.addEventListener("change", rebuild); // включили галку — сразу применить
var _btnCapStep = $("btnCaptureStep");
if (_btnCapStep) _btnCapStep.addEventListener("click", function(){
    if (_acbEl && _acbEl.checked) _acbEl.checked = false; // ручной шаг — выключаем непрерывный автозахват
    captureBelowStepOnce();
});

var _btnCapLasers = $("btnCaptureLasers");
var _btnCapRows = $("btnCaptureRows");
// Ряд «Стог: А/Б, Добор →/←» и подсказка «?» относятся только к интерливингу «По строкам» —
// видны, только когда этот режим активен (иначе они просто нерелевантны и путают в «По лазерам»).
function syncIlVariantsUI(){
    var row = $("ilVariantsRow");
    if (row) row.style.display = rowsModeActive ? "flex" : "none";
    var promptRow = $("ilAskPrompt");
    if (promptRow) promptRow.style.display = rowsModeActive ? "flex" : "none";
    syncIlAskButtons();
}
// Ключ (индекс самой новой пары строк над границей, или "single" — когда над границей всего
// одна строка) для подсказки «?»: null, если сейчас нечего решать (не «По строкам», нет строк
// над границей и т.п.).
function currentAskKey(){
    if (!rowsModeActive) return null;
    var lines = src.value.split("\n");
    var lim = (lineLimit < 0) ? lines.length : Math.min(lineLimit, lines.length);
    if (lim <= 0) return null;
    return (lim === 1) ? "single" : (lim - 2);
}
// Подсказка «?» больше НЕ появляется/исчезает по ходу поиска (это дёргало вёрстку) — она видна
// постоянно, пока активно «По строкам» (см. syncIlVariantsUI), а кнопки →/← внутри неё просто
// становятся неактивными (disabled), когда отвечать пока не на что: «?» не выбран, нет строк
// над границей, или самая новая пара уже решена (кликом по куску в панели или раньше здесь же).
function syncIlAskButtons(){
    var askEl = $("btnIlSideAsk");
    var askActive = !!(askEl && askEl.classList.contains("active"));
    var key = currentAskKey();
    var enabled = askActive && key !== null && ilPairSide[key] === undefined;
    var r = $("btnIlAskRight"), l = $("btnIlAskLeft");
    if (r) r.disabled = !enabled;
    if (l) l.disabled = !enabled;
}
if (_btnCapLasers) _btnCapLasers.addEventListener("click", function(){
    _btnCapLasers.classList.add("active");
    if (_btnCapRows) _btnCapRows.classList.remove("active");
    rowsModeActive = false;
    syncIlVariantsUI();
    captureBelowThroughLasers();
    draw();
});
if (_btnCapRows) _btnCapRows.addEventListener("click", function(){
    _btnCapRows.classList.add("active");
    if (_btnCapLasers) _btnCapLasers.classList.remove("active");
    rowsModeActive = true;
    syncIlVariantsUI();
    if (autoCaptureBelowThroughRows()) rebuild(); // по строкам+добор, затем обновить вид
    else draw(); // даже без захвата — переключить панель на интерливинг
});
// Кнопка «Инверсия»: 1) выделены и рамка/строка(и), и лазер(ы) → инвертирует только
// пересечение (клетки, которые попадают и в рамку/строку, и под лучом хотя бы одного лазера);
// 2) есть только рамка-выделение/строка(и) → инвертирует биты в ней (объединение всех строк,
// если их несколько); 3) есть только активный лазер(ы) → инвертирует только клетки под ними
// (объединение, если лазеров несколько); 4) иначе (совсем ничего не выбрано) → инвертирует
// все биты текущей модели (что видно, строки за границей lineLimit не трогает). Дедуп по
// (li,ci): Добор/повтор могут ссылаться на один и тот же исходный бит несколькими клетками
// кольца — без дедупа такой бит инвертировался бы дважды подряд и в итоге оставался как был.
function invertParticipatingBits(){
    if (!G || !G.list) return;
    var hasLaser = lastSkeweredElements && lastSkeweredElements.size;
    var idxSet;
    if (lastHasSelection && hasLaser) {
        idxSet = new Set();
        lastFrameElements.forEach(function(i){ if (lastSkeweredElements.has(i)) idxSet.add(i); });
    } else if (lastHasSelection) {
        idxSet = lastFrameElements;
    } else if (hasLaser) {
        idxSet = lastSkeweredElements;
    } else {
        idxSet = new Set();
        for (var gi = 0; gi < G.list.length; gi++) if (G.list[gi]) idxSet.add(gi);
    }
    if (!idxSet || !idxSet.size) return;

    var lines = src.value.split("\n");
    var seen = new Set();
    var changed = false;
    idxSet.forEach(function(i){
        var c = G.list[i];
        if (!c) return;
        // Рамка на холсте: добор-клетки пропускаем — их cIdx алиасит РЕАЛЬНЫЙ бит, который живёт
        // в другой клетке (обычно вне рамки), и его инверсия меняла бы картинку за пределами рамки.
        // Инвертируем только реальные клетки, попавшие в рамку; их серые добор-копии обновятся сами.
        if (selActive && c[4]) return;
        var li = c[5], ci = c[6];
        if (li === undefined || ci === undefined || ci < 0 || li < 0 || li >= lines.length) return;
        var key = li + "," + ci;
        if (seen.has(key)) return;
        seen.add(key);
        var line = lines[li];
        if (ci >= line.length) return;
        var ch = line[ci];
        if (ch === '0') lines[li] = line.slice(0, ci) + '1' + line.slice(ci + 1);
        else if (ch === '1') lines[li] = line.slice(0, ci) + '0' + line.slice(ci + 1);
        else return;
        changed = true;
    });
    if (changed) {
        src.value = lines.join("\n");
        rebuild();
    }
}
var _btnInvert = $("btnInvert");
if (_btnInvert) _btnInvert.addEventListener("click", invertParticipatingBits);

mode.addEventListener("change", function(){
    lineLimit = 2; // сброс найденных/включённых строк: граница — под 2-й строкой (1-я и 2-я участвуют)
    lineLimitTop = 0;
    var d = (mode.value==="rhomb");
    var flatForce = d || isSquaresMode() || mode.value === "snake"; 
    btnViewIso.disabled = flatForce;
    btnViewTop.disabled = flatForce;
    if (!isSquaresMode() && squareEditMode) {
      squareEditMode = false;
      btnSquareEdit.classList.remove("active-view");
      squareTestDrag = null;
    }
    syncSquaresUI();
    syncSnakeUI();
    isoRotSteps = 0; // при смене режима изометрия возвращается в исходный разворот
    if (mode.value === "snake") { snakeVisibleRows = 1; }
    
    if (flatForce && currentView !== "top") {
      currentView = "top";
      btnViewTop.classList.add("active-view");
      btnViewIso.classList.remove("active-view");
      sel.clear(); skewers=[]; selectedLaserRows=[];
    }
    if (d && alignMode !== "diag") {
      alignMode = "diag";
      var ag = $("alignGroup");
      ag.querySelectorAll(".align-btn").forEach(function(x){ x.classList.remove("active"); });
      var diagBtn = ag.querySelector('[data-align="diag"]');
      if (diagBtn) diagBtn.classList.add("active");
    }
    rebuild();
});

$("modeGroup").addEventListener("click", function(e){
    var b = e.target.closest(".grp-btn");
    if (!b || b.dataset.mode === mode.value) return;
    mode.value = b.dataset.mode;
    this.querySelectorAll(".grp-btn").forEach(function(x){ x.classList.remove("active"); });
    b.classList.add("active");
    mode.dispatchEvent(new Event("change"));
});

// «Совмещение» интерливинга: как вставлять КОРОТКУЮ строку в длинную при чередовании —
// с начала / по середине (по умолчанию) / в конец. Меняет сам стог, поэтому пересобираем модель.
(function(){
    var map = { btnIlAlignL: "left", btnIlAlignC: "center", btnIlAlignR: "right" };
    Object.keys(map).forEach(function(id){
        var el = $(id);
        if (!el) return;
        el.addEventListener("click", function(){
            if (ilAlignMode === map[id]) return;
            ilAlignMode = map[id];
            Object.keys(map).forEach(function(other){
                var o = $(other);
                if (o) o.classList.toggle("active", other === id);
            });
            rebuildKeepView();
        });
    });
})();

$("alignGroup").addEventListener("click", function(e){
    var b = e.target.closest(".align-btn");
    if (!b || b.dataset.align === alignMode) return;
    alignMode = b.dataset.align;
    this.querySelectorAll(".align-btn").forEach(function(x){ x.classList.remove("active"); });
    b.classList.add("active");
    rebuildKeepView();
});

// Переключатели «Пирамиды 3/4»: две независимые пары кнопок в одном контейнере
// (data-pyrafill: Кольцо/Сплошная, data-pyraapex: Остриё внизу/вверху) — active снимается
// только внутри своей пары.
$("pyraGroup").addEventListener("click", function(e){
    var b = e.target.closest(".align-btn");
    if (!b) return;
    if (b.dataset.pyrafill) {
        if (b.dataset.pyrafill === pyraFill) return;
        pyraFill = b.dataset.pyrafill;
        this.querySelectorAll("[data-pyrafill]").forEach(function(x){ x.classList.remove("active"); });
    } else if (b.dataset.pyraapex) {
        if (b.dataset.pyraapex === pyraApex) return;
        pyraApex = b.dataset.pyraapex;
        this.querySelectorAll("[data-pyraapex]").forEach(function(x){ x.classList.remove("active"); });
    } else return;
    b.classList.add("active");
    rebuildKeepView();
});
tint.addEventListener("change", function(){ buildSelector(); draw(); syncSelUI(); });
balanceHl.addEventListener("change", function(){ draw(); syncSelUI(); });
guides.addEventListener("change", function(){
  var z=zoom, px=panX, py=panY;
  geometry(); zoom=z; panX=px; panY=py; draw();
});

loopBits.addEventListener("change", function(){
  if (!this.checked) { dimPadded.checked = false; if (loopBitsInvert) loopBitsInvert.checked = false; }
  rebuildKeepView();
});
if (loopBitsInvert) loopBitsInvert.addEventListener("change", function(){
  if (this.checked && !loopBits.checked) loopBits.checked = true; // инверсия без Добора бессмысленна
  rebuildKeepView();
});
if (loopDynamic) loopDynamic.addEventListener("change", function(){
  if (this.checked && !loopBits.checked) loopBits.checked = true; // динамический добор без Добора бессмысленен
  frozenPad = {}; // переключение режима — заморозка начинается/останавливается с чистого листа
  rebuildKeepView();
});

dimPadded.addEventListener("change", function(){
  if (this.checked && !loopBits.checked) { loopBits.checked = true; rebuildKeepView(); }
  draw();
});

ghosts.addEventListener("change", function(){ geometry(); draw(); });
ghostsAll.addEventListener("change", function(){ geometry(); draw(); });
zeroMain.addEventListener("input", function(){ draw(); });
zeroPad.addEventListener("input", function(){ draw(); });
showText.addEventListener("change", function(){ draw(); });
minusMode.addEventListener("change", function(){ draw(); });
// «Стог: А/Б, Добор →/←/?» — взаимоисключающие группы кнопок (как «По строкам»/«По лазерам»):
// в каждой группе всегда активна ровно одна кнопка, не несколько и не ни одной разом.
function bindExclusiveGroup(ids, onChange){
    var els = ids.map(function(id){ return $(id); }).filter(Boolean);
    if (els.length < 2) return;
    els.forEach(function(el){
        el.addEventListener("click", function(){
            els.forEach(function(other){ other.classList.toggle("active", other === el); });
            if (onChange) onChange(el.id);
            draw();
        });
    });
}
bindExclusiveGroup(["btnIlVarA", "btnIlVarB"]);
// Клик по → или ← напрямую — сброс ВСЕХ точечных правок (ilPairSide): единая сторона для всех
// пар, как «глобальный дефолт». Клик по «?» точечные правки не трогает — только переключает
// режим показа (самая новая нерешённая пара — обеими сторонами для сравнения).
bindExclusiveGroup(["btnIlSideRight", "btnIlSideLeft", "btnIlSideAsk"], function(clickedId){
    if (clickedId !== "btnIlSideAsk") ilPairSide = {};
    syncIlAskButtons();
});
var _ilThroughSearch = $("ilThroughSearch");
if (_ilThroughSearch) _ilThroughSearch.addEventListener("change", draw);

// Клик по →/← в подсказке «?» НЕ запускает захват сам по себе — только запоминает выбор ДЛЯ
// САМОЙ НОВОЙ (ещё не решённой) пары/строки (ilPairSide[currentAskKey()]) и обновляет отображение
// (панель «Стог» переключается на выбранный вариант). Сам захват может произойти сразу же на
// следующей отрисовке, если включён «Автозахват» — как и для любой другой уже решённой пары.
function ilAskAnswer(side){
    var key = currentAskKey();
    if (key === null) return;
    ilPairSide[key] = side;
    syncIlAskButtons();
    draw();
}
var _btnIlAskRight = $("btnIlAskRight"), _btnIlAskLeft = $("btnIlAskLeft");
if (_btnIlAskRight) _btnIlAskRight.addEventListener("click", function(){ ilAskAnswer("right"); });
if (_btnIlAskLeft) _btnIlAskLeft.addEventListener("click", function(){ ilAskAnswer("left"); });

skewerMode.addEventListener("change", function(){ skewers=[]; selectedLaserRows=[]; draw(); syncSelUI(); });


function setTheme(v){
  document.documentElement.dataset.theme = v;
  // Одна кнопка-переключатель: показывает, КУДА переключит клик
  btnTheme.textContent = (v === "dark") ? "☀" : "🌙";
  draw();
}
btnTheme.addEventListener("click", function(){
  setTheme(document.documentElement.dataset.theme === "dark" ? "light" : "dark");
});

/* === МАРКЕР 15.15: ОБЩАЯ ОБВЯЗКА «▶ ПЛЕЙ» ДЛЯ ВСЕХ АВТОАНИМАЦИЙ ===
   Кнопка-подсветка/текст, таймер start/stop, слайдер скорости перезапускает таймер на лету —
   одна и та же механика для 6 плееров (Сдвиг символов+Визуальный сдвиг, Флип, Поворот, Этажи,
   Змейка), раньше скопированная в каждый по отдельности. Что крутить на тике и с каким периодом —
   решает сам плеер (tick/computeTiming), особый «сброс» — тоже свой (onStop). Имена существующих
   глобальных переменных/функций (rotAnimOn, stopFloorAnim и т.п.) не меняются — на них завязан код
   в других местах файла; get/set просто читают/пишут те же переменные. */
// «Сначала выбрать всё, что уже видно, и только потом двигать Плей».
// На каждом такте ЛЮБОГО «▶ Плей» сперва смотрим, не находится ли прямо сейчас — в состоянии,
// до которого довёл предыдущий шаг, — ещё не закрытый паттерн. Если находится: помечаем его
// закрытым и втягиваем строку, а сам Плей на этом такте НЕ двигаем. Данные не должны уехать,
// пока в них ещё есть что забрать: раньше такт делал сдвиг И захват разом, и уже видимое
// совпадение засчитывалось уже по СДВИНУТЫМ данным (а в режиме «🚫 Без отрисовки при Плее»,
// где за такт брался ровно один захват, второе видимое совпадение и вовсе успевало уехать).
// Когда забирать нечего — такт целиком уходит плееру, как и раньше.
function capturePendingBeforePlayTick(){
    var acb = $("autoCaptureBelow");
    if (!acb || !acb.checked || lineLimit < 0) return false;
    var row = belowRowBits();
    if (!row) return false; // втягивать нечего — плей идёт дальше
    var m = belowRowMatchDetail();
    if (!m) return false;
    console.log("[Kubits] Плей пропускает такт: строка №" + (lineLimit + 1) + " \"" + row + "\" найдена → " + m.desc + " → втянута в рамку");
    markPatternClosedByNeedle(m.needle);
    lineLimit++;
    rebuild();
    return true;
}
function makePlayer(opts){
    function timing(){
        if (opts.computeTiming) return opts.computeTiming();
        var ms = parseFloat(opts.speedEl.value) * (opts.speedScale || 400);
        if (opts.minPeriodMs) ms = Math.max(opts.minPeriodMs, ms);
        return { periodMs: ms, tick: opts.tick };
    }
    function start(){
        opts.setOn(true);
        if (opts.btn) { opts.btn.classList.add("active-view"); opts.btn.textContent = i18n[currentLang].btnFlipAnimStop; }
        if (opts.getTimer()) clearInterval(opts.getTimer());
        var tm = timing();
        opts.setTimer(setInterval(function(){
            if (capturePendingBeforePlayTick()) return; // такт ушёл на захват — анимацию не двигаем
            tm.tick();
        }, tm.periodMs));
    }
    function stop(reset){
        var wasOn = opts.getOn(); // до сброса: рисовать финальный кадр только если плеер РЕАЛЬНО играл
        if (opts.getTimer()) { clearInterval(opts.getTimer()); opts.setTimer(null); }
        opts.setOn(false);
        if (opts.btn) { opts.btn.classList.remove("active-view"); opts.btn.textContent = i18n[currentLang].btnFlipAnimPlay; }
        if (opts.onStop) opts.onStop(reset);
        // На случай, если во время Плея холст не рисовался (см. «🚫 Без отрисовки при Плее») —
        // финальный кадр синхронизируется при остановке. ТОЛЬКО если плеер играл: stop() дёргают
        // и защитно (syncSelUI → stopRotAnim на каждом такте чужого Плея!) — безусловный draw()
        // здесь ломал всё подавление, рисуя холст каждый такт (баг v0.244–0.248).
        if (wasOn) draw();
    }
    if (opts.btn) opts.btn.addEventListener("click", function(){ opts.getOn() ? stop(false) : start(); });
    if (opts.resetBtn) opts.resetBtn.addEventListener("click", function(){ stop(true); });
    if (opts.speedEl) {
        opts.speedEl.addEventListener("input", function(){ if (opts.getOn()) start(); });
        if (opts.fastZone != null) markFastZone(opts.speedEl, opts.fastZone);
    }
    return { start: start, stop: stop };
}

/* === МАРКЕР 15.16: СДВИГ СИМВОЛОВ + ВИЗУАЛЬНЫЙ СДВИГ (общий ряд, общий «▶ Плей») ===
   Две независимые операции (rotateSelected меняет текст, shiftRingVisual — только вид), но
   делят один ряд UI и один плеер: какую из них крутит «Плей», решает shiftAnimKind — тот, что
   выставила последняя нажатая пара кнопок направления. */
var _btnVisRotCCW = $("btnVisRotCCW"), _btnVisRotCW = $("btnVisRotCW");
// Подсветка «какую пару нажали последней» — то же самое, что будет крутить общий «▶ Плей»
function syncShiftKindUI(){
    var isVisual = (shiftAnimKind === 'visual');
    btnRotCCW.classList.toggle("active-view", !isVisual);
    btnRotCW.classList.toggle("active-view", !isVisual);
    if (_btnVisRotCCW) _btnVisRotCCW.classList.toggle("active-view", isVisual);
    if (_btnVisRotCW) _btnVisRotCW.classList.toggle("active-view", isVisual);
}
btnRotCCW.addEventListener("click", function(){ shiftAnimKind = 'text'; shiftAnimDir = 'CCW'; syncShiftKindUI(); rotateSelected('CCW'); });
btnRotCW.addEventListener("click", function(){ shiftAnimKind = 'text'; shiftAnimDir = 'CW'; syncShiftKindUI(); rotateSelected('CW'); });
if (_btnVisRotCCW) _btnVisRotCCW.addEventListener("click", function(){ shiftAnimKind = 'visual'; shiftAnimDir = 'CCW'; syncShiftKindUI(); shiftRingVisual('CCW'); });
if (_btnVisRotCW) _btnVisRotCW.addEventListener("click", function(){ shiftAnimKind = 'visual'; shiftAnimDir = 'CW'; syncShiftKindUI(); shiftRingVisual('CW'); });
syncShiftKindUI(); // исходная подсветка — по умолчанию shiftAnimKind='text'

function shiftAnimTick(){
    var suppress = suppressDrawDuringPlayActive();
    // silent=true всегда (не только при suppress): непрерывный Плей на каждом такте двигает те же
    // строки — лог только копится тысячами записей без новой информации (см. shiftRingVisual).
    if (shiftAnimKind === 'visual') shiftRingVisual(shiftAnimDir, suppress, true);
    else rotateSelected(shiftAnimDir, suppress, true);
    if (suppress && runAutoCaptureCheckOnce()) rebuild();
}
var shiftPlayer = makePlayer({
    btn: btnShiftAnim, resetBtn: btnShiftAnimReset, speedEl: shiftAnimSpeed, fastZone: 0.05,
    getOn: function(){ return shiftAnimOn; }, setOn: function(v){ shiftAnimOn = v; },
    getTimer: function(){ return shiftAnimTimer; }, setTimer: function(v){ shiftAnimTimer = v; },
    tick: shiftAnimTick,
    onStop: function(reset){
        if (!reset) return;
        if (shiftAnimOrigSrc !== null) {
            var selBackup = Array.from(sel);
            src.value = shiftAnimOrigSrc;
            shiftAnimOrigSrc = null;
            rebuild();
            sel.clear();
            selBackup.forEach(function(k){ sel.add(k); });
            draw(); syncSelUI();
        }
        resetRingVisualShift();
    }
});
function startShiftAnim(){
    if (shiftAnimKind === 'text' && shiftAnimOrigSrc === null) shiftAnimOrigSrc = src.value;
    shiftPlayer.start();
}
function stopShiftAnim(reset){ shiftPlayer.stop(reset); }

btnExcel.addEventListener("click", exportExcel);
btnExcelAlt.addEventListener("click", exportExcelAlt);

/* === МАРКЕР 15.1: УПРАВЛЕНИЕ ВРАЩЕНИЕМ === */
// «play-target» (см. CSS) — какую ось крутит «▶ Плей»: обновляется при КАЖДОМ клике, независимо
// от того, включили ось или выключили (active-view — это отдельно, текущее вкл/выкл состояние).
function syncFlipAxisUI(){
    btnFlip.classList.toggle("play-target", flipAnimAxis === 'x');
    btnFlipV.classList.toggle("play-target", flipAnimAxis === 'y');
}

btnFlip.addEventListener("click", function(){
    stopFlipAnim(false);
    flipX = !flipX;
    btnFlip.classList.toggle("active-view", flipX);
    flipAnimAxis = 'x';
    if (flipX) { flipMatchX = true; flipMatchY = false; }
    syncFlipAxisUI();
    draw();
});

btnFlipV.addEventListener("click", function(){
    stopFlipAnim(false);
    flipY = !flipY;
    btnFlipV.classList.toggle("active-view", flipY);
    flipAnimAxis = 'y';
    if (flipY) { flipMatchY = true; flipMatchX = false; }
    syncFlipAxisUI();
    draw();
});
syncFlipAxisUI(); // исходная пометка — по умолчанию flipAnimAxis='x'

btnFlipHl.addEventListener("click", function(){
    flipHighlight = !flipHighlight;
    btnFlipHl.classList.toggle("active-view", flipHighlight);
    // Кнопка «Совпадения» независима от «Зеркало»: если ни одна ось ещё не выбрана
    // (Зеркало ни разу не включали), проверяем совпадения сразу по обеим осям.
    if (flipHighlight && !flipMatchX && !flipMatchY) {
        flipMatchX = true;
        flipMatchY = true;
    }
    if (flipHighlight) {
        setFlipShowMode("match");
    } else {
        draw();
    }
});
flipHlColor.addEventListener("input", function(){ if (flipHighlight) draw(); });

// === Итеративное XOR-наложение ===
// Первый клик: поле = биты модели ⊕ их зеркало/поворот (1⊕1=0, 1⊕0=1).
// Каждый следующий клик: то же наложение применяется к УЖЕ полученному результату.
function xorWorldPos(c){
    var a=aC(c), b=c[1], k=c[2];
    if (G.kind === "iso") return [(a-b)*u, (a+b+1)*v-(k+1)*hh];
    if (G.kind === "top") return [a*TS+TS/2, b*TS+TS/2];
    return [rhX(c), -k*DD/2];
}
function xorApplyStep(kind){
    if (!G || !G.list.length) return false;
    // Всегда берём ТЕКУЩИЕ реальные значения — XOR по-настоящему записывает 0/1 в модель,
    // поэтому лазеры, баланс и все подсчёты пересчитываются сами
    var cur = G.list.map(function(c){ return c[3] === 1 ? 1 : 0; });
    var posMap = {};
    var pts = [];
    for (var i=0; i<G.list.length; i++) {
        var p = xorWorldPos(G.list[i]);
        pts.push(p);
        posMap[Math.round(p[0]) + "_" + Math.round(p[1])] = i;
    }
    var lookup = function(x, y){
        var kx = Math.round(x), ky = Math.round(y);
        for (var ox=-2; ox<=2; ox++) for (var oy=-2; oy<=2; oy++) {
            var idx = posMap[(kx+ox) + "_" + (ky+oy)];
            if (idx !== undefined) return idx;
        }
        return -1;
    };
    var useX = flipMatchX || flipX, useY = flipMatchY || flipY;
    if (!useX && !useY) useX = true; // ось не выбрана — по умолчанию лево/право
    var stepDeg = (typeof getRotStepDeg === "function" ? getRotStepDeg() : 90);
    var rad = stepDeg * Math.PI / 180, cosR = Math.cos(rad), sinR = Math.sin(rad);
    var next = new Array(G.list.length);
    for (var i2=0; i2<G.list.length; i2++) {
        var p2 = pts[i2], j;
        if (kind === 'flip') {
            j = lookup(useX ? (2*G.cx - p2[0]) : p2[0], useY ? (2*G.cy - p2[1]) : p2[1]);
        } else {
            var dx = p2[0]-G.cx, dy = p2[1]-G.cy;
            j = lookup(dx*cosR - dy*sinR + G.cx, dx*sinR + dy*cosR + G.cy);
        }
        var other = (j === -1) ? 0 : cur[j];
        next[i2] = cur[i2] ^ other;
    }
    // Записываем результат в саму модель: 1⊕1 реально становится нулём
    for (var wi=0; wi<G.list.length; wi++) G.list[wi][3] = next[wi];
    if (kind === 'flip') { flipXorState = next; flipXorIter++; }
    else { rotXorState = next; rotXorIter++; }
    return true;
}
function resetXorOverlays(){
    flipXor = false; rotXor = false;
    flipXorState = null; rotXorState = null;
    flipXorIter = 0; rotXorIter = 0;
    btnFlipXor.classList.remove("active-view");
    btnRotXor.classList.remove("active-view");
    btnFlipXor.textContent = "⊕ XOR";
    btnRotXor.textContent = "⊕ XOR";
}
btnFlipXor.addEventListener("click", function(){
    if (!xorApplyStep('flip')) return;
    flipXor = true;
    btnFlipXor.classList.add("active-view");
    btnFlipXor.textContent = "⊕ XOR " + flipXorIter;
    draw();
});
btnRotXor.addEventListener("click", function(){
    if (!xorApplyStep('rot')) return;
    rotXor = true;
    btnRotXor.classList.add("active-view");
    btnRotXor.textContent = "⊕ XOR " + rotXorIter;
    draw();
});
// Сброс XOR: биты реально изменены в модели, поэтому перестраиваем её из редактора
// (rebuild сам вызывает resetXorOverlays и возвращает исходные 0/1)
btnFlipXorReset.addEventListener("click", function(){ rebuildKeepView(); });
btnRotXorReset.addEventListener("click", function(){ rebuildKeepView(); });

function toggleMatchZero() {
    matchZero = !matchZero;
    btnMatchZero.classList.toggle("active-view", matchZero);
    btnMatchZero2.classList.toggle("active-view", matchZero);
    rotMatchCache = null;
    draw();
}
btnMatchZero.addEventListener("click", toggleMatchZero);
btnMatchZero2.addEventListener("click", toggleMatchZero);

function setFlipShowMode(m) {
    flipShowMode = m;
    if($("btnFlipShowAll")) $("btnFlipShowAll").classList.toggle("active-view", m === "all");
    if($("btnFlipShowMatch")) $("btnFlipShowMatch").classList.toggle("active-view", m === "match");
    if($("btnFlipShowDiff")) $("btnFlipShowDiff").classList.toggle("active-view", m === "diff");
    if (m !== "all" && !flipHighlight) {
        flipHighlight = true;
        $("btnFlipHl").classList.add("active-view");
    }
    if (flipHighlight && !flipMatchX && !flipMatchY) {
        flipMatchX = true;
        flipMatchY = true;
    }
    draw();
}
if($("btnFlipShowAll")) $("btnFlipShowAll").addEventListener("click", function(){ setFlipShowMode("all"); });
if($("btnFlipShowMatch")) $("btnFlipShowMatch").addEventListener("click", function(){ setFlipShowMode("match"); });
if($("btnFlipShowDiff")) $("btnFlipShowDiff").addEventListener("click", function(){ setFlipShowMode("diff"); });

function flipAnimTick(){
    if (flipAnimAxis === 'y') {
        flipY = !flipY;
        btnFlipV.classList.toggle("active-view", flipY);
    } else {
        flipX = !flipX;
        btnFlip.classList.toggle("active-view", flipX);
    }
    playTickRender();
}
var flipPlayer = makePlayer({
    btn: btnFlipAnim, resetBtn: $("btnFlipReset"), speedEl: flipAnimSpeed, fastZone: 0.3,
    getOn: function(){ return flipAnimOn; }, setOn: function(v){ flipAnimOn = v; },
    getTimer: function(){ return flipAnimTimer; }, setTimer: function(v){ flipAnimTimer = v; },
    tick: flipAnimTick,
    onStop: function(reset){
        if (!reset) return;
        flipX = false;
        flipY = false;
        flipMatchX = false;
        flipMatchY = false;
        flipAnimAxis = 'x';
        btnFlip.classList.remove("active-view");
        btnFlipV.classList.remove("active-view");
        syncFlipAxisUI();
        draw();
    }
});
function startFlipAnim(){ flipPlayer.start(); }
function stopFlipAnim(reset){ flipPlayer.stop(reset); }

function getRotStepDeg() {
    if (currentRotStepType === 'L') {
        var maxL = 1;
        for (var i = 0; i < D.rows.length; i++) {
            var len = D.rows[i].trim().length;
            if (len > maxL) maxL = len;
        }
        return 360 / maxL;
    }
    return currentRotStepType;
}

function setRotStep(type) {
    currentRotStepType = type;
    btnRotStep1.classList.toggle("active-view", type === 1);
    btnRotStep30.classList.toggle("active-view", type === 30);
    btnRotStep45.classList.toggle("active-view", type === 45);
    btnRotStep90.classList.toggle("active-view", type === 90);
    btnRotStep120.classList.toggle("active-view", type === 120);
    btnRotStep180.classList.toggle("active-view", type === 180);
    btnRotStepL.classList.toggle("active-view", type === 'L');
    if (rotAnimOn) startRotAnim(); 
    if (rotHighlight) draw(); 
}

btnRotStep1.addEventListener("click", function(){ setRotStep(1); });
btnRotStep30.addEventListener("click", function(){ setRotStep(30); });
btnRotStep45.addEventListener("click", function(){ setRotStep(45); });
btnRotStep90.addEventListener("click", function(){ setRotStep(90); });
btnRotStep120.addEventListener("click", function(){ setRotStep(120); });
btnRotStep180.addEventListener("click", function(){ setRotStep(180); });
btnRotStepL.addEventListener("click", function(){ setRotStep('L'); });

function setRotDir(dir, isManualClick){
    rotAnimDir = dir;
    btnRotDirCW.classList.toggle("active-view", dir === 1);
    btnRotDirCCW.classList.toggle("active-view", dir === -1);
    
    if (isManualClick) {
        stopRotAnim(false);
        var step = getRotStepDeg();
        viewRotDeg = (viewRotDeg + dir * step + 360) % 360;
        draw();
    } else if (rotAnimOn) {
        startRotAnim();
    } else if (rotHighlight) {
        draw(); 
    }
}
btnRotDirCW.addEventListener("click", function(){ setRotDir(1, true); });
btnRotDirCCW.addEventListener("click", function(){ setRotDir(-1, true); });
setRotDir(1, false);

btnRotHl.addEventListener("click", function(){
    rotHighlight = !rotHighlight;
    btnRotHl.classList.toggle("active-view", rotHighlight);
    if (rotHighlight) {
        setRotShowMode("match"); 
    } else {
        draw();
    }
});
rotHlColor.addEventListener("input", function(){ if (rotHighlight) draw(); });

function setRotShowMode(m) {
    rotShowMode = m;
    if($("btnRotShowAll")) $("btnRotShowAll").classList.toggle("active-view", m === "all");
    if($("btnRotShowMatch")) $("btnRotShowMatch").classList.toggle("active-view", m === "match");
    if($("btnRotShowDiff")) $("btnRotShowDiff").classList.toggle("active-view", m === "diff");
    if (m !== "all" && !rotHighlight) {
        rotHighlight = true;
        $("btnRotHl").classList.add("active-view");
    }
    draw();
}
if($("btnRotShowAll")) $("btnRotShowAll").addEventListener("click", function(){ setRotShowMode("all"); });
if($("btnRotShowMatch")) $("btnRotShowMatch").addEventListener("click", function(){ setRotShowMode("match"); });
if($("btnRotShowDiff")) $("btnRotShowDiff").addEventListener("click", function(){ setRotShowMode("diff"); });

// У «Поворота» и период, и шаг в градусах зависят от типа шага (currentRotStepType), поэтому
// свежая пара {период, тик} считается заново при каждом старте — через computeTiming.
var rotPlayer = makePlayer({
    btn: btnRotAnim, resetBtn: $("btnRotReset"), speedEl: rotAnimSpeed, fastZone: 0.3,
    getOn: function(){ return rotAnimOn; }, setOn: function(v){ rotAnimOn = v; },
    getTimer: function(){ return rotAnimTimer; }, setTimer: function(v){ rotAnimTimer = v; },
    computeTiming: function(){
        var revSec = parseFloat(rotAnimSpeed.value) * 0.4; // ускорено ~2.5×
        var stepDeg = getRotStepDeg();
        var stepMs, animStepDeg;
        if (currentRotStepType === 1) {
            stepMs = 30;
            animStepDeg = 360 / (revSec * 1000 / stepMs);
        } else {
            animStepDeg = stepDeg;
            stepMs = (revSec * 1000) * (stepDeg / 360);
            if (stepMs < 30) stepMs = 30;
        }
        return { periodMs: stepMs, tick: function(){
            viewRotDeg = (viewRotDeg + rotAnimDir * animStepDeg + 360) % 360;
            playTickRender();
        } };
    },
    onStop: function(reset){
        if (!reset) return;
        viewRotDeg = 0;
        draw();
    }
});
function startRotAnim(){ rotPlayer.start(); }
function stopRotAnim(reset){ rotPlayer.stop(reset); }

function copyToClipboard(text){
    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(text).catch(fallbackCopy.bind(null, text));
    } else { fallbackCopy(text); }
}
function fallbackCopy(text){
    var ta = document.createElement("textarea");
    ta.value = text; ta.style.position = "fixed"; ta.style.top = "-1000px"; ta.style.opacity = "0";
    document.body.appendChild(ta); ta.focus(); ta.select();
    try { document.execCommand("copy"); } catch(e) {}
    document.body.removeChild(ta);
}

btnCopyExpanded.addEventListener("click", function(){
    var lines = src.value.split("\n");
    var out = lines.map(function(l, i){
        return l + ((D.padTails && D.padTails[i]) ? D.padTails[i] : "");
    }).join("\n");
    copyToClipboard(out);
    btnCopyExpanded.textContent = (currentLang === 'ru') ? "✓ Скопировано" : "✓ Copied";
    setTimeout(function(){ btnCopyExpanded.textContent = i18n[currentLang].btnCopyExp; }, 1200);
});

chips.addEventListener("click", function(e){
  var b=e.target.closest("[data-chip]");
  if(b) {
      stopFloorAnim(false);
      var f = +b.dataset.chip;
      if (e.ctrlKey || e.metaKey) {
          if (sel.has(f)) sel.delete(f); else sel.add(f);
      } else {
          if (sel.size === 1 && sel.has(f)) sel.clear();
          else { sel.clear(); sel.add(f); }
      }
      draw(); syncSelUI();
  }
});

fr.addEventListener("input", function(){
  stopFloorAnim(false);
  var vv=+fr.value;
  sel.clear();
  if (vv > 0) sel.add(vv - 1);
  draw(); syncSelUI();
});
/* === МАРКЕР 15.2: АВТОПЛЕЙ ЭТАЖЕЙ («По одной» / «С накоплением») === */
function setFloorAnimMode(m){
    floorAnimMode = m;
    btnFloorModeSingle.classList.toggle("active", m === "single");
    btnFloorModeAccum.classList.toggle("active", m === "accum");
    if (floorAnimOn) startFloorAnim(); 
}
btnFloorModeSingle.addEventListener("click", function(){ setFloorAnimMode("single"); });
btnFloorModeAccum.addEventListener("click", function(){ setFloorAnimMode("accum"); });

function floorAnimTick(){
    if (!D.floors) return;
    if (floorAnimMode === "single") {
        floorAnimIdx = (floorAnimIdx + 1) % D.floors;
        sel.clear(); sel.add(floorAnimIdx);
    } else {
        floorAnimCount += floorAnimDir;
        if (floorAnimCount >= D.floors) { floorAnimCount = D.floors; floorAnimDir = -1; }
        else if (floorAnimCount <= 1) { floorAnimCount = 1; floorAnimDir = 1; }
        sel.clear();
        for (var fi=0; fi<floorAnimCount; fi++) sel.add(fi);
    }
    playTickRender(); syncSelUI();
}

var floorPlayer = makePlayer({
    btn: btnFloorAnim, resetBtn: btnFloorAnimReset, speedEl: floorAnimSpeed, fastZone: 0.2,
    getOn: function(){ return floorAnimOn; }, setOn: function(v){ floorAnimOn = v; },
    getTimer: function(){ return floorAnimTimer; }, setTimer: function(v){ floorAnimTimer = v; },
    tick: floorAnimTick,
    onStop: function(reset){
        if (!reset) return;
        floorAnimIdx = -1; floorAnimCount = 1; floorAnimDir = 1;
        sel.clear();
        draw(); syncSelUI();
    }
});
function startFloorAnim(){ floorPlayer.start(); }
function stopFloorAnim(reset){ floorPlayer.stop(reset); }

// Расширенная зона повышенной скорости (значения ниже прежнего минимума) — ползунок краснеет.
// Для всех 6 плееров подключается автоматически через makePlayer(...fastZone...), см. выше.
function markFastZone(slider, threshold){
    var upd = function(){ slider.style.accentColor = (parseFloat(slider.value) < threshold) ? "#E74C3C" : ""; };
    slider.addEventListener("input", upd);
    upd();
}

// Селектор «Окраска»: меняет только набор цветов, модель не пересчитывается — достаточно draw()
var _palSel = $("palSel");
if (_palSel) _palSel.addEventListener("change", function(){
    pal = PAL_SETS[_palSel.value] || PAL_SETS.std;
    draw();
});

/* === Вкладки «Паттерны» / «Данные» ===
   Пока правая панель узкая — поля переключаются вкладками, одно закрывает другое. Как только
   ширины хватает на оба (EDIT_WIDE_MIN), они показываются рядом, а кнопки-вкладки прячутся —
   переключать уже нечего. Ширина панели меняется перетаскиванием разделителя, поэтому раскладка
   пересчитывается и на resize окна, и на каждом шаге перетаскивания (см. вызовы applyEditLayout).
   Скрытое поле имеет нулевую высоту, поэтому после переключения обязательно обновляем полосы
   границ и холст — иначе границы остались бы зажатыми в ноль от прошлого состояния. */
var EDIT_WIDE_MIN = 430; // с этой ширины правой панели «Паттерны» и «Данные» встают РЯДОМ
var editTab = "data"; // активная вкладка в узком режиме
function applyEditLayout(){
    var area = $("editArea"), gp = $("grpPat"), gd = $("grpData");
    var tp = $("tabPat"), td = $("tabData");
    if (!area || !gp || !gd) return;
    var wide = (rightPanel && !rightPanel.classList.contains("collapsed"))
        ? (rightPanel.clientWidth >= EDIT_WIDE_MIN) : false;
    area.classList.toggle("wide", wide);
    if (tp) { tp.style.display = wide ? "none" : ""; tp.classList.toggle("active", editTab === "pat"); }
    if (td) { td.style.display = wide ? "none" : ""; td.classList.toggle("active", editTab === "data"); }
    gp.style.display = (wide || editTab === "pat") ? "flex" : "none";
    gd.style.display = (wide || editTab === "data") ? "flex" : "none";
}
function setEditTab(which){
    editTab = which;
    applyEditLayout();
    lastPatBgHtml = null; lastPatGutterHtml = null; // слои скрытого поля устарели
    updateLineLimitBar();
    syncScroll();
    if (G) draw(); // без autoFit — вид не дёргаем (см. rebuild(fitView))
}
if ($("tabPat")) $("tabPat").addEventListener("click", function(){ setEditTab("pat"); });
if ($("tabData")) $("tabData").addEventListener("click", function(){ setEditTab("data"); });

/* === МАРКЕР 15.3: ДЗЕН-РЕЖИМ === */
function toggleZenMode(){
    zenMode = !zenMode;
    document.body.classList.toggle("zen-mode", zenMode);
    requestAnimationFrame(function(){ autoFit(); draw(); });
}
$("stageTitle").addEventListener("click", toggleZenMode); // клик по «Кубиты vX» под редактором

// «💾 Запомнить» над редактором: сохранить текущие «Данные» в localStorage-кеш вручную.
// Запомненное подтянется при F5/открытии любой версии файла и вернётся по «⏹ Сброс».
$("btnSrcSave").title = "Запомнить в кеш браузера ВСЁ: «Данные» с границами, «Паттерны» и все настройки обеих панелей (режим, вид, выравнивание, окраска, галки, ползунки, тема, язык). Вернётся автоматически при F5 и по кнопке ⏹.";
var _btnSrcSave = $("btnSrcSave");
if (_btnSrcSave) _btnSrcSave.addEventListener("click", function(){
    var ok = saveSrcToCache();
    var b = this;
    b.textContent = ok ? "✓" : "✗"; // кнопка теперь значковая — подтверждение тоже одним символом
    setTimeout(function(){ b.textContent = "💾"; }, 1200);
});

// ОБЩАЯ кнопка «⏹ Сброс» (в ряду вкладок): раньше сбросов было три отдельных — данные,
// найденные паттерны и граница. Теперь один клик делает всё сразу:
//   1) «Данные» — умный тумблер: к ЗАПОМНЕННЫМ данным (кеш кнопки «💾 Запомнить»; если кеша нет —
//      к исходному шаблону из кода), повторный клик сразу после возвращает текст, что был до;
//   2) граница — между 1-й и 2-й строкой, верхняя снята, редактор прокручен наверх (иначе после
//      длинного захвата границы остаются вне видимой части и их не ухватить);
//   3) «Паттерны» — снимаются все отметки «закрыт», поиск начинается заново; ТЕКСТ паттернов не
//      трогается, он тут ни при чём.
// «Автозахват» выключается всегда — иначе он тут же затянет строки обратно под границу.
var INITIAL_SRC_TEMPLATE = "1\n11\n111\n1000\n10101\n110001\n1001100\n11100000\n111010011\n1000000010";
var srcClearBackup = null; // { src, lineLimit, lineLimitTop } состояние ДО сброса — для отката повторным кликом
$("btnResetAll").addEventListener("click", function(){
    var cached = getSrcCache();
    var targetSrc = cached ? cached.src : INITIAL_SRC_TEMPLATE;
    var cur = src.value.trim();

    var acbReset = $("autoCaptureBelow");
    if (acbReset && acbReset.checked) acbReset.checked = false;

    if (cur === targetSrc.trim() && srcClearBackup !== null) {
        // Повторный клик сразу после сброса — вернуть текст И границы, которые были до него
        src.value = srcClearBackup.src;
        lineLimit = srcClearBackup.lineLimit;
        lineLimitTop = srcClearBackup.lineLimitTop;
        srcClearBackup = null;
    } else {
        // Запоминаем текущее состояние (текст + границы), переключаемся на запомненные данные
        // (или шаблон, если кеша нет) вместе с ИХ границами (или дефолтными, если кеша нет).
        srcClearBackup = { src: src.value, lineLimit: lineLimit, lineLimitTop: lineLimitTop };
        src.value = targetSrc;
        if (cached) {
            lineLimit = (typeof cached.lineLimit === "number") ? cached.lineLimit : defaultLineLimit();
            lineLimitTop = (typeof cached.lineLimitTop === "number") ? cached.lineLimitTop : 0;
        } else {
            lineLimit = defaultLineLimit();
            lineLimitTop = 0;
        }
    }
    // Граница — как у прежней «⟲ Граница»: между 1-й и 2-й строкой, верхняя снята, прокрутка
    // наверх. Ставится ПОСЛЕ выбора данных, поэтому перекрывает границы из кеша — так и задумано:
    // общий сброс всегда начинает с одного и того же состояния.
    lineLimit = 1;
    lineLimitTop = 0;
    src.scrollTop = 0;
    // Паттерны: снимаем все отметки «закрыт» — поиск начинается заново. Текст не трогаем.
    resetPatClosed();
    lastPatBgHtml = null; lastPatGutterHtml = null;
    rebuild(true); // текст данных подменился целиком — вид подогнать имеет смысл
    syncScroll();
});

// «🔺 Генерировать Серпинского»: N строк треугольника Паскаля mod 2 (классический фрактал
// Серпинского) — строка 0 = "1", строка i+1 получается из строки i по тождеству Паскаля mod 2
// (XOR соседних бит), края строки всегда "1". Строка i имеет i+1 бит.
function generateSierpinskiRows(n){
    var rows = [];
    var prev = [1];
    rows.push(prev.join(""));
    for (var i = 1; i < n; i++){
        var cur = new Array(i + 1);
        cur[0] = 1; cur[i] = 1;
        for (var j = 1; j < i; j++) cur[j] = prev[j - 1] ^ prev[j];
        rows.push(cur.join(""));
        prev = cur;
    }
    return rows;
}
var _btnGenSierp = $("btnGenSierpinski");
if (_btnGenSierp) _btnGenSierp.addEventListener("click", function(){
    var nEl = $("sierpN");
    var n = nEl ? parseInt(nEl.value, 10) : 64;
    if (!n || n < 1) n = 1;
    if (n > MAXF) n = MAXF;
    var acbReset = $("autoCaptureBelow");
    if (acbReset && acbReset.checked) acbReset.checked = false;
    srcClearBackup = { src: src.value, lineLimit: lineLimit, lineLimitTop: lineLimitTop }; // откат через «⏹ Сброс»
    src.value = generateSierpinskiRows(n).join("\n");
    lineLimit = defaultLineLimit();
    lineLimitTop = 0;
    rebuild(true); // данные заменились целиком — вид подогнать имеет смысл
});

// Drag & Drop: чтение .txt файлов при перетаскивании в любое место окна
window.addEventListener("dragover", function(e) {
    e.preventDefault();
    e.dataTransfer.dropEffect = "copy";
});
window.addEventListener("drop", function(e) {
    e.preventDefault();
    if (e.dataTransfer.files.length > 0) {
        var file = e.dataTransfer.files[0];
        var reader = new FileReader();
        reader.onload = function(ev) {
            srcClearBackup = { src: src.value, lineLimit: lineLimit, lineLimitTop: lineLimitTop }; // для отката через "Сброс"
            src.value = ev.target.result;
            lineLimit = defaultLineLimit();
            lineLimitTop = 0;
            rebuild(true); // загрузили другой файл — вид подогнать имеет смысл
        };
        reader.readAsText(file);
    }
});

cv.addEventListener("mousedown", function(e){
    if (e.button === 1) { e.preventDefault(); toggleZenMode(); }
});
/* === МАРКЕР 15.4: ТЕСТ — ПОСТРОЕНИЕ КОЛЕЦ КВАДРАТАМИ, КАЖДЫЙ КУБ ДВИГАЕТСЯ ОТДЕЛЬНО === */
// Строки берём напрямую из редактора
function getSquareTestRows(){
    var lines = src.value.split('\n');
    var rows = [];
    for (var i=0; i<lines.length; i++) {
        var t = lines[i].trim();
        if (t.length > 0) rows.push({ text: t, absL: i });
    }
    return rows;
}

// Занятые клетки сетки: мировая позиция куба -> целочисленная клетка (центр = 0,0)
function squaresOccupied(){
    var cellPx = SQUARE_TEST_CELL;
    var occ = {};
    for (var i = 0; i < squareTestCells.length; i++) {
        var c = squareTestCells[i];
        occ[Math.round((c.x + cellPx/2) / cellPx) + "," + Math.round((c.y + cellPx/2) / cellPx)] = true;
    }
    return occ;
}

// Первые n СВОБОДНЫХ клеток при обходе колец от центра наружу
// (порядок пути тот же, что у построения кольца: верх слева направо, право, низ, лево)
function squaresFreeCells(n){
    var occ = squaresOccupied();
    var out = [];
    for (var k = 0; out.length < n && k < 1000; k++) {
        var ring = [];
        if (k === 0) ring.push([0, 0]);
        else {
            var side = 2 * k + 1;
            for (var x = 0; x < side; x++) ring.push([x - k, -k]);
            for (var y = 1; y < side; y++) ring.push([k, y - k]);
            for (var x2 = side - 2; x2 >= 0; x2--) ring.push([x2 - k, k]);
            for (var y2 = side - 2; y2 >= 1; y2--) ring.push([-k, y2 - k]);
        }
        for (var t = 0; t < ring.length && out.length < n; t++) {
            if (!occ[ring[t][0] + "," + ring[t][1]]) out.push(ring[t]);
        }
    }
    return out;
}

function squareTestAddRow(rowIdx1){
    var rows = getSquareTestRows();
    var row = rows[rowIdx1 - 1];
    var text = row ? row.text : "";
    var absL = row ? row.absL : -1;
    var L = text.length;
    if (L === 0) return;

    var k = rowIdx1 - 1;
    var col = pc(k);
    var cellPx = SQUARE_TEST_CELL;
    var doLoop = loopBits.checked;
    var doInvert = doLoop && loopBitsInvert && loopBitsInvert.checked;
    var doDynamic = doLoop && loopDynamic && loopDynamic.checked;

    var mid = Math.floor((L - 1) / 2);

    // Значения кубов этажа — как раньше: углы = 0-добор, строка идёт от верхнего центра
    var vals = [];
    if (k === 0) {
        vals.push((text[0] === '1') ? 1 : 0);
    } else {
        var side = 2 * k + 1;
        var coords = [];
        for (var x = 0; x < side; x++) coords.push([x, 0]);
        for (var y = 1; y < side; y++) coords.push([side - 1, y]);
        for (var x2 = side - 2; x2 >= 0; x2--) coords.push([x2, side - 1]);
        for (var y2 = side - 2; y2 >= 1; y2--) coords.push([0, y2]);

        var cap = coords.length - 4;
        var topCenter = k - 1;
        var startSlot = ((topCenter - mid) % cap + cap) % cap;

        // Хвост добора — та же getPadStr/frozenPad система, что и в обычных «Квадратах» (parse()),
        // так «Добор Динам.»/«Инверс.» одинаково работают что в обычном показе, что в «✋ Правке».
        var padStr = "";
        if (doLoop && cap > L) {
            padStr = getPadStr(absL, cap, L, doInvert, doDynamic, function(idx){ return text[idx]; });
        }

        var tCount = 0;
        for (var t = 0; t < coords.length; t++) {
            var cx = coords[t][0], cy = coords[t][1];
            var isCorner = (cx === 0 || cx === side - 1) && (cy === 0 || cy === side - 1);
            var val = 0;
            if (!isCorner) {
                var q = (tCount - startSlot + cap) % cap;
                if (doLoop) {
                    val = (q < L) ? ((text[q] === '1') ? 1 : 0) : ((padStr[q - L] === '1') ? 1 : 0);
                } else if (q < L) {
                    val = (text[q] === '1') ? 1 : 0;
                }
                tCount++;
            }
            vals.push(val);
        }
    }

    // Полуавтомат: кубы кладутся на свободные клетки от центра наружу.
    // Если между шагами что-то освободили руками — новые кубы сначала займут это место.
    var free = squaresFreeCells(vals.length);
    for (var fi = 0; fi < free.length; fi++) {
        squareTestCells.push({
            x: free[fi][0] * cellPx - cellPx/2,
            y: free[fi][1] * cellPx - cellPx/2,
            val: vals[fi], col: col
        });
    }
}

function squaresAutoFit(){
    var rows = getSquareTestRows();
    var side = Math.max(1, 2 * rows.length - 1) * SQUARE_TEST_CELL;
    var w = stage.clientWidth, h = stage.clientHeight;
    if (!w || !h) { zoom = 1; panX = 0; panY = 0; return; }
    zoom = Math.max(0.05, Math.min(3, Math.min(w, h) * 0.86 / side));
    panX = w / 2; panY = h / 2;
}

function squaresRebuildAll(){
    squareTestCells = [];
    squareTestNextRow = 1;
    squareTestDrag = null;
    var rows = getSquareTestRows();
    while (squareTestNextRow <= rows.length) {
        squareTestAddRow(squareTestNextRow);
        squareTestNextRow++;
    }
    squareTestNextLabel.textContent = squareTestNextRow;
    squaresAutoFit();
}

function squareTestNext(){
    var rows = getSquareTestRows();
    if (squareTestNextRow > rows.length) return;
    squareTestAddRow(squareTestNextRow);
    squareTestNextRow++;
    squareTestNextLabel.textContent = squareTestNextRow;
    requestDraw();
}

function squareTestBuildAll(){
    var rows = getSquareTestRows();
    while (squareTestNextRow <= rows.length) {
        squareTestAddRow(squareTestNextRow);
        squareTestNextRow++;
    }
    squareTestNextLabel.textContent = squareTestNextRow;
    requestDraw();
}

function squareTestReset(){
    squareTestCells = [];
    squareTestNextRow = 1;
    squareTestDrag = null;
    squareTestNextLabel.textContent = squareTestNextRow;
    requestDraw();
}

function setSquareEditMode(on){
    squareEditMode = on;
    btnSquareEdit.classList.toggle("active-view", on);
    squareTestDrag = null;
    syncSquaresUI();
    if (on) squaresRebuildAll();
    else if (G) autoFit();
    draw();
}

function squaresEnsureEdit(){
    if (!squareEditMode) {
        setSquareEditMode(true);
        squareTestCells = [];
        squareTestNextRow = 1;
        squareTestNextLabel.textContent = squareTestNextRow;
    }
}

btnSquareTestNext.addEventListener("click", function(){ squaresEnsureEdit(); squareTestNext(); });
btnSquareTestBuildAll.addEventListener("click", function(){ squaresEnsureEdit(); squareTestBuildAll(); });
btnSquareTestReset.addEventListener("click", function(){ squaresEnsureEdit(); squareTestReset(); });
btnSquareEdit.addEventListener("click", function(){ setSquareEditMode(!squareEditMode); });

function syncSquaresUI(){
    var on = isSquaresMode();
    document.body.classList.toggle("square-edit-mode", on && squareEditMode);
    squareTestToolbar.style.display = on ? "flex" : "none";
    // «▶ Этаж N», «⏩ Построить всё» и «⏹ Сброс» относятся ТОЛЬКО к подрежиму «✋ Правка»
    // (пошаговая сборка перетаскиваемых кубов). В обычных «Квадратах» они дублировали группу
    // «Этажи» слева — там тот же показ по этажам, ползунком и Плеем. Показываем их лишь когда
    // «Правка» включена, иначе в тулбаре остаётся одна кнопка «✋ Правка».
    var stepVis = (on && squareEditMode) ? "" : "none";
    btnSquareTestNext.style.display = stepVis;
    btnSquareTestBuildAll.style.display = stepVis;
    btnSquareTestReset.style.display = stepVis;
}

/* === МАРКЕР 15.5: ФУНКЦИЯ ДЛЯ ЗМЕЙКИ === */
function syncSnakeUI(){
    var on = (mode.value === "snake");
    snakeToolbar.style.display = on ? "flex" : "none";
    updateGuidesLabel();
    if (!on && snakeAnimOn) stopSnakeAnim();
    
    var totalValid = src.value.split('\n').filter(function(r){return r.trim();}).length;
    snakeNextLabel.textContent = Math.min(snakeVisibleRows + 1, totalValid + 1);
}

btnSnakeBack.addEventListener("click", function(){
    if (snakeVisibleRows > 1) {
        snakeVisibleRows--;
        rebuildKeepView();
        syncSnakeUI();
    }
});
btnSnakeNext.addEventListener("click", function(){
    var totalValid = src.value.split('\n').filter(function(r){return r.trim();}).length;
    if (snakeVisibleRows < totalValid) {
        snakeVisibleRows++;
        rebuildKeepView();
        syncSnakeUI();
    }
});
btnSnakeBuildAll.addEventListener("click", function(){
    snakeVisibleRows = src.value.split('\n').filter(function(r){return r.trim();}).length;
    rebuildKeepView();
    syncSnakeUI();
});
btnSnakeReset.addEventListener("click", function(){
    snakeVisibleRows = 1;
    rebuildKeepView();
    syncSnakeUI();
});

// Автошаг змейки: строит строки до конца, потом убавляет обратно до первой — и по кругу
var snakeAnimOn = false, snakeAnimTimer = null, snakeAnimDir = 1;
function snakeAnimTick(){
    var totalValid = src.value.split('\n').filter(function(r){return r.trim();}).length;
    if (totalValid < 2) return;
    if (snakeVisibleRows >= totalValid) snakeAnimDir = -1;
    else if (snakeVisibleRows <= 1) snakeAnimDir = 1;
    snakeVisibleRows = Math.max(1, Math.min(totalValid, snakeVisibleRows + snakeAnimDir));
    if (suppressDrawDuringPlayActive()) {
        fastModelRecompute(); // parse+geometry без draw() — rebuildKeepView тут дороже, чем нужно
        if (runAutoCaptureCheckOnce()) rebuild(); else syncSnakeUI();
        return;
    }
    rebuildKeepView();
    syncSnakeUI();
}
var snakePlayer = makePlayer({
    btn: btnSnakeAnim, speedEl: snakeAnimSpeed, fastZone: 0.2, minPeriodMs: 30,
    getOn: function(){ return snakeAnimOn; }, setOn: function(v){ snakeAnimOn = v; },
    getTimer: function(){ return snakeAnimTimer; }, setTimer: function(v){ snakeAnimTimer = v; },
    tick: snakeAnimTick
});
function startSnakeAnim(){ snakePlayer.start(); }
function stopSnakeAnim(){ snakePlayer.stop(false); }

function findSquareTestCellAt(wx, wy){
    var cellPx = SQUARE_TEST_CELL;
    for (var i = squareTestCells.length - 1; i >= 0; i--) {
        var c = squareTestCells[i];
        if (wx >= c.x && wx <= c.x + cellPx && wy >= c.y && wy <= c.y + cellPx) return i;
    }
    return -1;
}

function drawSquareTestFrame(){
    var dpr = Math.min(window.devicePixelRatio || 1, 2);
    var w = stage.clientWidth, h = stage.clientHeight;
    if (w === 0 || h === 0) return;
    if (cv.width !== Math.floor(w * dpr) || cv.height !== Math.floor(h * dpr)) {
        cv.width = Math.floor(w * dpr); cv.height = Math.floor(h * dpr);
    }
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    ctx.clearRect(0, 0, w, h);

    var isDark = (document.documentElement.dataset.theme === "dark");
    var emptyFill = isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.04)";
    var muted = isDark ? "#93A69F" : "#6E6D66";

    if (!squareTestCells.length) {
        ctx.fillStyle = muted;
        ctx.font = "13px 'Roboto Mono', monospace";
        ctx.textAlign = "center";
        ctx.fillText((currentLang === 'ru' ? "Пустой редактор: добавьте строки — или стройте по этажам кнопкой «▶ Этаж»" : "Editor is empty: add strings — or build floor by floor with “▶ Floor”"), w / 2, h / 2);
        return;
    }

    ctx.translate(panX, panY);
    ctx.scale(zoom, zoom);

    var cellPx = SQUARE_TEST_CELL;
    squareTestCells.forEach(function(c){
        ctx.fillStyle = c.val ? c.col[1] : emptyFill;
        ctx.fillRect(c.x + 1, c.y + 1, cellPx - 2, cellPx - 2);
        ctx.strokeStyle = c.col[2];
        ctx.lineWidth = 1 / zoom;
        ctx.strokeRect(c.x + 0.5, c.y + 0.5, cellPx - 1, cellPx - 1);
    });

    // Баланс 1 и 0 — показываем всегда, как в основных режимах
    var n1 = 0, n0 = 0;
    squareTestCells.forEach(function(c){ if (c.val) n1++; else n0++; });
    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
    var eqB = (n1 === n0 && n1 > 0);
    var textColB = isDark ? "#FFFFFF" : "#111111";
    ctx.font = "bold 58px 'Roboto Mono', monospace";
    ctx.textBaseline = "middle";
    ctx.textAlign = "left";
    if (eqB) { ctx.shadowBlur = 25; ctx.shadowColor = isDark ? "rgba(255,255,255,0.6)" : "rgba(0,0,0,0.6)"; }
    ctx.fillStyle = eqB ? textColB : "#F39C12";
    ctx.fillText(String(n1), 24, h - 70);
    ctx.fillStyle = eqB ? textColB : "#E74C3C";
    var m0B = String(n0);
    ctx.fillText(m0B, w - 24 - ctx.measureText(m0B).width, h - 70);
    ctx.shadowBlur = 0;
}

/* === МАРКЕР 16: СОБЫТИЯ ХОЛСТА (ЗУМ/ПАН/КЛИК), СКРЫТИЕ/РЕСАЙЗ ПАНЕЛЕЙ, ESCAPE, ИНИЦИАЛИЗАЦИЯ === */
cv.addEventListener("wheel", function(e){
  if (isSquaresMode() && squareEditMode) {
    e.preventDefault();
    var rq = cv.getBoundingClientRect();
    var mxq = e.clientX - rq.left, myq = e.clientY - rq.top;
    var zoomSpeedQ = 0.15;
    var newScale = zoom * ((e.deltaY < 0) ? (1 + zoomSpeedQ) : 1 / (1 + zoomSpeedQ));
    newScale = Math.max(0.05, Math.min(50, newScale));
    var ratioQ = newScale / zoom;
    panX = mxq - (mxq - panX) * ratioQ;
    panY = myq - (myq - panY) * ratioQ;
    zoom = newScale;
    requestDraw();
    return;
  }
  if (!G) return;
  e.preventDefault();
  var r = cv.getBoundingClientRect();
  var mx = e.clientX - r.left, my = e.clientY - r.top;
  var w = screenToWorld(mx, my);
  var zoomSpeed = 0.15;
  if (e.deltaY < 0) zoom *= (1 + zoomSpeed); else zoom /= (1 + zoomSpeed);
  if (zoom < 0.05) zoom = 0.05; if (zoom > 50) zoom = 50;
  var off = worldOffsetToScreen(w.wx, w.wy);
  panX = mx - off.dx; panY = my - off.dy;
  requestDraw();
}, {passive: false});

cv.addEventListener("mousedown", function(e){
  if (isSquaresMode() && squareEditMode) {
    if (e.button !== 0 && e.button !== 1) return;
    var rq = cv.getBoundingClientRect();
    var qx = e.clientX - rq.left, qy = e.clientY - rq.top;
    if (e.button === 0) {
      var qwx = (qx - panX) / zoom, qwy = (qy - panY) / zoom;
      var idx = findSquareTestCellAt(qwx, qwy);
      if (idx !== -1) {
        var c0 = squareTestCells[idx];
        squareTestDrag = { idx: idx, offX: qwx - c0.x, offY: qwy - c0.y };
        return;
      }
    }
    isDragging = true;
    dragStartX = e.clientX - panX; dragStartY = e.clientY - panY;
    clickDragDist = 0; dragLastX = e.clientX; dragLastY = e.clientY;
    return;
  }
  if (!G) return;
  var r = cv.getBoundingClientRect();
  if (e.button === 2) {
    var mx = e.clientX - r.left, my = e.clientY - r.top;
    var scx = panX + selOffX * zoom, scy = panY + selOffY * zoom;
    var selPx = selRadius * zoom;
    // Готовая рамка: захват у ГРАНИЦЫ (±EDGE_TOL px по метрике рамки) — растяжение от её центра,
    // захват глубже внутри — перемещение, снаружи — рисование новой рамки (как раньше).
    var insideSel = false;
    if (selActive && selPx > 0) {
      var edgeNorm = selFrameRadius(mx - scx, my - scy); // «радиус» точки в метрике формы рамки, px
      var EDGE_TOL = 14;
      if (Math.abs(edgeNorm - selPx) <= EDGE_TOL) {
        isResizingSel = true;
      } else if (edgeNorm < selPx) {
        insideSel = true;
      }
    }
    if (isResizingSel) {
      // центр (selOffX/Y) не трогаем — тянется только полудиагональ
    } else if (insideSel) {
      isMovingSel = true;
      selMoveStart = { mx: mx, my: my, offX: selOffX, offY: selOffY };
    } else {
      isSelecting = true; selActive = true;
      selOffX = 0; selOffY = 0;
      selRadius = selFrameRadius(mx - panX, my - panY) / zoom;
    }
    draw();
  } else if (e.button === 0 || e.button === 1) {
    isDragging = true;
    dragStartX = e.clientX - panX; dragStartY = e.clientY - panY;
    clickDragDist = 0; dragLastX = e.clientX; dragLastY = e.clientY;
  }
});

window.addEventListener("mousemove", function(e){
  if (isSquaresMode() && squareEditMode) {
    if (squareTestDrag) {
      var rq2 = cv.getBoundingClientRect();
      var qx2 = e.clientX - rq2.left, qy2 = e.clientY - rq2.top;
      var c2 = squareTestCells[squareTestDrag.idx];
      c2.x = (qx2 - panX) / zoom - squareTestDrag.offX;
      c2.y = (qy2 - panY) / zoom - squareTestDrag.offY;
      requestDraw();
    } else if (isDragging) {
      panX = e.clientX - dragStartX; panY = e.clientY - dragStartY;
      clickDragDist += Math.abs(e.clientX - dragLastX) + Math.abs(e.clientY - dragLastY);
      dragLastX = e.clientX; dragLastY = e.clientY;
      requestDraw();
    }
    return;
  }
  var r = cv.getBoundingClientRect();
  mouseX = e.clientX - r.left; mouseY = e.clientY - r.top;
  if (isResizingSel) {
    // Растяжение за границу: радиус — расстояние от ЦЕНТРА РАМКИ (с учётом её смещения selOffX/Y)
    selRadius = selFrameRadius(e.clientX - r.left - (panX + selOffX * zoom),
                               e.clientY - r.top  - (panY + selOffY * zoom)) / zoom;
    requestDraw();
  } else if (isMovingSel && selMoveStart) {
    selOffX = selMoveStart.offX + (e.clientX - r.left - selMoveStart.mx) / zoom;
    selOffY = selMoveStart.offY + (e.clientY - r.top - selMoveStart.my) / zoom;
    requestDraw();
  } else if (isSelecting) {
    var mx = e.clientX - r.left, my = e.clientY - r.top;
    selRadius = selFrameRadius(mx - panX, my - panY) / zoom;
    requestDraw();
  } else if (isDragging) {
    panX = e.clientX - dragStartX; panY = e.clientY - dragStartY;
    clickDragDist += Math.abs(e.clientX - dragLastX) + Math.abs(e.clientY - dragLastY);
    dragLastX = e.clientX; dragLastY = e.clientY;
    requestDraw();
  } else if (skewerMode.checked && laserModeOk() && !suppressDrawDuringPlayActive()) requestDraw();
});

window.addEventListener("mouseup", function(e){
  if (isSquaresMode() && squareEditMode) {
    if (squareTestDrag) {
      // Прилипание к сетке при отпускании — чтобы следующий шаг видел клетку занятой/свободной
      var cUp = squareTestCells[squareTestDrag.idx];
      var cellPxUp = SQUARE_TEST_CELL;
      cUp.x = Math.round((cUp.x + cellPxUp/2) / cellPxUp) * cellPxUp - cellPxUp/2;
      cUp.y = Math.round((cUp.y + cellPxUp/2) / cellPxUp) * cellPxUp - cellPxUp/2;
      requestDraw();
    }
    squareTestDrag = null; isDragging = false; return;
  }
  if (isResizingSel) { isResizingSel = false; if (selRadius * zoom < 5) { selActive = false; draw(); } return; }
  if (isMovingSel) { isMovingSel = false; selMoveStart = null; return; }
  if (isSelecting) { isSelecting = false; if (selRadius * zoom < 5) { selActive = false; draw(); } }
  else if (isDragging) isDragging = false;
});

cv.addEventListener("contextmenu", function(e){ e.preventDefault(); });

// === ТАЧ-УПРАВЛЕНИЕ (мобильные/планшеты): один палец = мышь (пан/перетаскивание/тап-клик),
// два пальца = пинч-зум. Тач-события транслируются в обычные мышиные, вся логика общая.
var touchPinchDist = null, touchTapStart = null;
function touchMouse(type, t){
    cv.dispatchEvent(new MouseEvent(type, {
        bubbles: true, cancelable: true, view: window,
        clientX: t.clientX, clientY: t.clientY, button: 0, buttons: (type === "mouseup" ? 0 : 1)
    }));
}

/* === МАРКЕР 22: ТАЧПАД-КУРСОР (как в AnyDesk) ===
   Палец двигает виртуальный курсор ОТНОСИТЕЛЬНО (а не абсолютно), тап = левый клик,
   двойной тап с удержанием = перетаскивание (пан/выделение/перенос куба),
   два пальца = пинч-зум. Включается кнопкой 🖱 (видна только на узком экране). */
var btnPad = $("btnPad"), padCursorEl = $("padCursor");
var padMode = false;
var padCursor = { x: 0, y: 0 };   // координаты виртуального курсора (clientX/clientY)
var padLastTouch = null;          // предыдущая позиция пальца — для относительного сдвига
var padTouchStart = null;         // позиция пальца в начале касания — для распознавания тапа
var padMoved = false;             // был ли заметный сдвиг за текущее касание (тап vs. движение)
var PAD_TAP_TOL = 12;             // допуск дрожания пальца, при котором касание всё ещё считается тапом
var padDragging = false;          // идёт перетаскивание (левая кнопка удержана)
var padLastTapTime = 0;           // время предыдущего тапа — для распознавания двойного
var PAD_SENS = 1.4;               // ускорение перемещения курсора относительно пальца
var padTwoFingerInfo = null;      // {dist0, moved} — идёт гест двумя пальцами; если палец не
                                   // двигали (не зумили) и оба подняли — это ПРАВЫЙ клик (как
                                   // тап двумя пальцами на трекпаде), см. touchend.
var PAD_PINCH_MOVE_TOL = 10;      // на сколько px должно измениться расстояние между пальцами,
                                   // чтобы считать это зумом, а не тапом двумя пальцами

function padClampCursor(){
    var r = cv.getBoundingClientRect();
    padCursor.x = Math.max(r.left, Math.min(r.right, padCursor.x));
    padCursor.y = Math.max(r.top, Math.min(r.bottom, padCursor.y));
}
function padUpdateCursorEl(){
    if (!padCursorEl) return;
    var r = cv.getBoundingClientRect();
    padCursorEl.style.left = (padCursor.x - r.left) + "px";
    padCursorEl.style.top  = (padCursor.y - r.top) + "px";
}
// ВРЕМЕННО (диагностика): пишем сырые числа на холст, чтобы увидеть на телефоне, доходят ли
// touchmove до кода и что именно они считают — без этого пришлось бы гадать вслепую.
var padDebugEl = $("padDebug");
function padDebugLog(s){ if (padDebugEl) padDebugEl.textContent = s; }
function padMouse(type, buttons, button){
    cv.dispatchEvent(new MouseEvent(type, {
        bubbles: true, cancelable: true, view: window,
        clientX: padCursor.x, clientY: padCursor.y, button: (button === undefined ? 0 : button), buttons: buttons
    }));
}
function setPadMode(on){
    padMode = on;
    document.body.classList.toggle("pad-mode", on);
    if (btnPad) btnPad.classList.toggle("active-view", on);
    if (on){
        var r = cv.getBoundingClientRect();
        if (padCursor.x < r.left || padCursor.x > r.right || padCursor.y < r.top || padCursor.y > r.bottom){
            padCursor.x = r.left + r.width / 2;
            padCursor.y = r.top + r.height / 2;
        }
        padUpdateCursorEl();
    } else {
        if (padDragging){ padMouse("mouseup", 0); }
        padDragging = false; padLastTouch = null;
        document.body.classList.remove("pad-dragging");
    }
}
if (btnPad) btnPad.addEventListener("click", function(){ setPadMode(!padMode); });
// Тач-устройство? Тогда кнопку 🖱 показываем и в широкой раскладке (телефон в «версии для ПК»)
if (("ontouchstart" in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) {
    document.body.classList.add("has-touch");
}
cv.addEventListener("touchstart", function(e){
    // В режиме тачпад-курсора весь жест обрабатывается на уровне .stage (см. ниже) — там же,
    // где и тулбары поверх холста, чтобы палец вёл курсор и с них, а не только с голого холста.
    if (padMode) return;
    e.preventDefault();
    if (e.touches.length === 1) {
        var t = e.touches[0];
        touchTapStart = { x: t.clientX, y: t.clientY, time: Date.now() };
        touchMouse("mousedown", t);
    } else if (e.touches.length === 2) {
        touchMouse("mouseup", e.touches[0]); // отменяем начатый пан — начинается пинч
        touchTapStart = null;
        var dx0 = e.touches[0].clientX - e.touches[1].clientX;
        var dy0 = e.touches[0].clientY - e.touches[1].clientY;
        touchPinchDist = Math.sqrt(dx0*dx0 + dy0*dy0);
    }
}, {passive: false});
cv.addEventListener("touchmove", function(e){
    if (padMode) return;
    e.preventDefault();
    if (e.touches.length === 1 && touchPinchDist === null) {
        touchMouse("mousemove", e.touches[0]);
    } else if (e.touches.length === 2) {
        var dx = e.touches[0].clientX - e.touches[1].clientX;
        var dy = e.touches[0].clientY - e.touches[1].clientY;
        var dist = Math.sqrt(dx*dx + dy*dy);
        if (touchPinchDist) {
            var r = cv.getBoundingClientRect();
            var mx = (e.touches[0].clientX + e.touches[1].clientX) / 2 - r.left;
            var my = (e.touches[0].clientY + e.touches[1].clientY) / 2 - r.top;
            var factor = dist / touchPinchDist;
            var newZoom = Math.max(0.05, Math.min(50, zoom * factor));
            factor = newZoom / zoom;
            panX = mx - (mx - panX) * factor;
            panY = my - (my - panY) * factor;
            zoom = newZoom;
            requestDraw();
        }
        touchPinchDist = dist;
    }
}, {passive: false});
cv.addEventListener("touchend", function(e){
    if (padMode) return;
    e.preventDefault();
    if (e.touches.length === 0) {
        var tEnd = e.changedTouches[0];
        touchMouse("mouseup", tEnd);
        // короткое касание без сдвига = клик (лазерные узлы, выбор этажа и т.д.)
        if (touchTapStart && Math.abs(tEnd.clientX - touchTapStart.x) < 8 &&
            Math.abs(tEnd.clientY - touchTapStart.y) < 8 && Date.now() - touchTapStart.time < 500) {
            touchMouse("click", tEnd);
        }
        touchTapStart = null;
        touchPinchDist = null;
    } else if (e.touches.length === 1) {
        // один палец подняли с пинча — оставшийся продолжает пан
        touchPinchDist = null;
        touchTapStart = null;
        touchMouse("mousedown", e.touches[0]);
    }
}, {passive: false});
cv.addEventListener("touchcancel", function(e){
    if (padMode) return;
    touchPinchDist = null; touchTapStart = null;
    if (e.changedTouches.length) touchMouse("mouseup", e.changedTouches[0]);
}, {passive: false});

// === Тачпад-курсор — жест на уровне ВСЕЙ .stage (холст + тулбары поверх него), не только
// #cv: раньше слушатели висели только на канвасе, и палец, начавший движение над пустым
// местом тулбара (зеркало/поворот/⚙✎ и т.д. — визуально «панели» над холстом), вообще не
// двигал курсор — жест до кода не долетал. Теперь пузырится с любого дочернего элемента
// .stage. Настоящие элементы управления (кнопки/слайдеры/чекбоксы, включая саму кнопку 🖱)
// из этого исключены — им отдаётся целиком НЕТРОНУТЫЙ нативный жест (тап→клик, драг
// ползунка), а не только touchstart: раньше touchmove/touchend всё равно звали
// preventDefault() безусловно для ЛЮБОГО пальца в pad-режиме, что глушило и синтетический
// клик по кнопке (браузер не рождает click после preventDefault на touchend), и нативное
// перетаскивание ползунка (его двигает сам браузер по touchmove, а не наш JS) — от этого
// в pad-режиме не нажимались кнопки и не двигались слайдеры. Флаг фиксируется на touchstart
// и живёт до конца ИМЕННО этого касания (см. touchend/touchcancel), а не перевычисляется —
// e.target на move/end у тача и так остаётся тем же элементом, но так надёжнее и явнее.
// Двупальцевый жест (зум) всегда обрабатывается нами независимо от того, что под пальцами —
// иначе зум ломался, стоило хоть одному пальцу пинча попасть на кнопку тулбара.
function padTargetIsControl(t){ return !!(t && t.closest && t.closest("button,input,select,a,textarea")); }
var padTouchIsControl = false;
stage.addEventListener("touchstart", function(e){
    if (!padMode) return;
    if (e.touches.length >= 2) {
        e.preventDefault();
        padTouchIsControl = false;
        if (padDragging){ padMouse("mouseup", 0); padDragging = false; document.body.classList.remove("pad-dragging"); }
        padLastTouch = null; padMoved = false;
        var pdx0 = e.touches[0].clientX - e.touches[1].clientX;
        var pdy0 = e.touches[0].clientY - e.touches[1].clientY;
        touchPinchDist = Math.sqrt(pdx0*pdx0 + pdy0*pdy0);
        // Начало геста двумя пальцами: если палец так и не подвинут (не зумили) и оба
        // поднимутся — засчитаем это как ПРАВЫЙ клик по текущей позиции курсора (см. touchend).
        if (!padTwoFingerInfo) padTwoFingerInfo = { dist0: touchPinchDist, moved: false };
        return;
    }
    padTouchIsControl = padTargetIsControl(e.target);
    if (padTouchIsControl) return; // отдаём тап/драг настоящему элементу управления как есть
    e.preventDefault();
    var pt = e.touches[0];
    padLastTouch = { x: pt.clientX, y: pt.clientY };
    padTouchStart = { x: pt.clientX, y: pt.clientY };
    padMoved = false;
    padDebugLog("start x=" + pt.clientX.toFixed(0) + " y=" + pt.clientY.toFixed(0) + " touches=" + e.touches.length);
    if (Date.now() - padLastTapTime < 300) {
        // двойной тап с удержанием → перетаскивание от текущей позиции курсора
        padDragging = true;
        document.body.classList.add("pad-dragging");
        padMouse("mousedown", 1);
    }
}, {passive: false});
stage.addEventListener("touchmove", function(e){
    if (!padMode) return;
    if (e.touches.length >= 2) {
        e.preventDefault();
        var qdx = e.touches[0].clientX - e.touches[1].clientX;
        var qdy = e.touches[0].clientY - e.touches[1].clientY;
        var qdist = Math.sqrt(qdx*qdx + qdy*qdy);
        if (touchPinchDist) {
            var qr = cv.getBoundingClientRect();
            var qmx = (e.touches[0].clientX + e.touches[1].clientX)/2 - qr.left;
            var qmy = (e.touches[0].clientY + e.touches[1].clientY)/2 - qr.top;
            var qf = qdist / touchPinchDist;
            var qnz = Math.max(0.05, Math.min(50, zoom * qf));
            qf = qnz / zoom;
            panX = qmx - (qmx - panX) * qf;
            panY = qmy - (qmy - panY) * qf;
            zoom = qnz;
            requestDraw();
        }
        // Реально зумили (палец разошлись/сблизились заметно) — это не тап, правого клика не будет.
        if (padTwoFingerInfo && Math.abs(qdist - padTwoFingerInfo.dist0) > PAD_PINCH_MOVE_TOL) padTwoFingerInfo.moved = true;
        touchPinchDist = qdist;
        return;
    }
    if (padTouchIsControl) return; // палец изначально на кнопке/ползунке — не мешаем нативному драгу
    e.preventDefault();
    if (!padLastTouch) { padDebugLog("move: NET padLastTouch! touches=" + e.touches.length); return; }
    var mt = e.touches[0];
    var rawdx = mt.clientX - padLastTouch.x, rawdy = mt.clientY - padLastTouch.y;
    padDebugLog("move dx=" + rawdx.toFixed(1) + " dy=" + rawdy.toFixed(1) +
        " cur=" + padCursor.x.toFixed(0) + "," + padCursor.y.toFixed(0) +
        " rect=" + cv.getBoundingClientRect().left.toFixed(0) + "," + cv.getBoundingClientRect().top.toFixed(0));
    padLastTouch = { x: mt.clientX, y: mt.clientY };
    padCursor.x += rawdx * PAD_SENS;
    padCursor.y += rawdy * PAD_SENS;
    padClampCursor();
    padUpdateCursorEl();
    // тап vs. движение — по СУММАРНОМУ сдвигу пальца от старта, а не по дрожанию за кадр
    // (иначе неподвижный тап на сенсоре из-за дрожания в 1–2px не срабатывает как клик)
    if (padTouchStart && (Math.abs(mt.clientX - padTouchStart.x) > PAD_TAP_TOL ||
                          Math.abs(mt.clientY - padTouchStart.y) > PAD_TAP_TOL)) {
        padMoved = true;
        if (padTwoFingerInfo) padTwoFingerInfo.moved = true; // палец после снятия пары продолжил тащить — это не тап
    }
    padMouse("mousemove", padDragging ? 1 : 0);
}, {passive: false});
stage.addEventListener("touchend", function(e){
    if (!padMode) return;
    if (padTouchIsControl) {
        // Тач с самого начала шёл на кнопку/ползунок (см. touchstart) — не мешаем браузеру
        // родить нативный click/довести драг ползунка; preventDefault() здесь как раз и глушил
        // это (click после preventDefault на touchend не рождается вообще).
        if (e.touches.length === 0) padTouchIsControl = false;
        return;
    }
    e.preventDefault();
    if (e.touches.length === 0) {
        if (padTwoFingerInfo) {
            // Гест двумя пальцами закончился без реального зума — тап двумя пальцами =
            // ПРАВЫЙ клик по текущей позиции курсора (как на трекпаде ноутбука).
            if (!padTwoFingerInfo.moved) {
                padMouse("mousedown", 2, 2);
                padMouse("mouseup", 0, 2);
            }
            padTwoFingerInfo = null;
        } else if (padDragging) {
            padMouse("mouseup", 0);
            padDragging = false;
            document.body.classList.remove("pad-dragging");
        } else if (!padMoved) {
            // тап без сдвига = левый клик по позиции курсора
            padMouse("mousedown", 1);
            padMouse("mouseup", 0);
            padMouse("click", 0);
            padLastTapTime = Date.now();
        }
        padLastTouch = null; padTouchStart = null; touchPinchDist = null; padMoved = false;
    } else if (e.touches.length === 1) {
        // подняли один палец с пинча — оставшийся продолжает водить курсор (гест двумя
        // пальцами больше не может закончиться тапом — он уже точно не завершился сразу)
        touchPinchDist = null; padMoved = false; padTouchIsControl = false;
        padLastTouch = { x: e.touches[0].clientX, y: e.touches[0].clientY };
        padTouchStart = { x: e.touches[0].clientX, y: e.touches[0].clientY };
    }
}, {passive: false});
stage.addEventListener("touchcancel", function(e){
    if (!padMode) return;
    padTouchIsControl = false;
    if (padDragging){ padMouse("mouseup", 0); padDragging = false; document.body.classList.remove("pad-dragging"); }
    padLastTouch = null; touchPinchDist = null; padMoved = false; padTwoFingerInfo = null;
}, {passive: false});

cv.addEventListener("click", function(e){
  if (isSquaresMode() && squareEditMode) return;
  if (!G) return;
  if (clickDragDist > 5) return;
  if (selActive) { selActive = false; selRadius = 0; selOffX = 0; selOffY = 0; draw(); syncSelUI(); return; }
  var r = cv.getBoundingClientRect();
  var mx = e.clientX - r.left, my = e.clientY - r.top;
  var wp = screenToWorld(mx, my);
  var wx = wp.wx, wy = wp.wy;

  if (skewerMode.checked && laserModeOk()) {
      var lctx = buildLaserNodes(), clickedNode = null, hitRadius = 12;
      var clkFixed = laserStationaryOK();
      var clkRot = currentRotRad(), clkCos = Math.cos(clkRot), clkSin = Math.sin(clkRot);

      // Кольца-переключатели целых осей (напротив середины ряда точек) — проверяем первыми
      var axisAnchors = computeAxisToggleAnchors(lctx);
      var clickedAxisKey = null, hitRadiusAT = 12;
      Object.keys(axisAnchors).forEach(function(key){
          var pos = axisAnchors[key];
          var sx, sy;
          if (clkFixed) {
              sx = panX + (pos.x - G.cx) * zoom; sy = panY + (pos.y - G.cy) * zoom;
          } else {
              var ndx = (flipX ? -1 : 1) * (pos.x - G.cx) * zoom, ndy = (flipY ? -1 : 1) * (pos.y - G.cy) * zoom;
              sx = panX + ndx * clkCos - ndy * clkSin; sy = panY + ndx * clkSin + ndy * clkCos;
          }
          var dist = Math.sqrt((mx - sx)*(mx - sx) + (my - sy)*(my - sy));
          if (dist < hitRadiusAT) { hitRadiusAT = dist; clickedAxisKey = key; }
      });
      if (clickedAxisKey) {
          var axisNodesC = lctx.groups[clickedAxisKey] || [];
          var allOnC = axisNodesC.length > 0 && axisNodesC.every(function(n){
              return skewers.some(function(sk){ return sk.type === clickedAxisKey && sk.d === n.d; });
          });
          if (allOnC) {
              removeAllLasersOfAxis(clickedAxisKey);
          } else {
              axisNodesC.forEach(function(n){
                  if (!skewers.some(function(sk){ return sk.type === clickedAxisKey && sk.d === n.d; })) {
                      skewers.push({ type: clickedAxisKey, d: n.d, color: laserColors[skewers.length % laserColors.length] });
                  }
              });
              laserVis[clickedAxisKey] = true;
          }
          draw(); syncSelUI();
          return;
      }

      lctx.nodes.forEach(function(node) {
          var sx, sy;
          if (clkFixed) {
              sx = panX + (node.pos.x - G.cx) * zoom; sy = panY + (node.pos.y - G.cy) * zoom;
          } else {
              var ndx = (flipX ? -1 : 1) * (node.pos.x - G.cx) * zoom, ndy = (flipY ? -1 : 1) * (node.pos.y - G.cy) * zoom;
              sx = panX + ndx * clkCos - ndy * clkSin; sy = panY + ndx * clkSin + ndy * clkCos;
          }
          var dist = Math.sqrt((mx - sx)*(mx - sx) + (my - sy)*(my - sy));
          if (dist < hitRadius) { hitRadius = dist; clickedNode = node; }
      });
      if (clickedNode) {
          var existsIdx = skewers.findIndex(function(s) { return s.type === clickedNode.type && s.d === clickedNode.d; });
          if (existsIdx >= 0) {
              skewers.splice(existsIdx, 1);
              // Убираем выделение снятого лазера и сдвигаем skIdx оставшихся выбранных вниз на 1
              // (индексы после existsIdx сместились из-за splice)
              selectedLaserRows = selectedLaserRows
                  .filter(function(r){ return r.skIdx !== existsIdx; })
                  .map(function(r){ return r.skIdx > existsIdx ? { skIdx: r.skIdx - 1, kind: r.kind } : r; });
          } else {
              skewers.push({ type: clickedNode.type, d: clickedNode.d, color: laserColors[skewers.length % laserColors.length] });
              selectedLaserRows.push({ skIdx: skewers.length - 1, kind: 'normal' }); // добавляем к уже выбранным — сразу подсветить и его результат
          }
          draw(); syncSelUI();
          return;
      }
  }

  var f = hitFloor(wx,wy);
  if(f===null){ if(sel.size > 0){ sel.clear(); draw(); syncSelUI(); } } 
  else {
      if (e.ctrlKey || e.metaKey) { if (sel.has(f)) sel.delete(f); else sel.add(f); }
      else { if (sel.size === 1 && sel.has(f)) sel.clear(); else { sel.clear(); sel.add(f); } }
      draw(); syncSelUI();
  }
});

const safeDraw = () => { if (G) draw(); };

window.addEventListener("resize", function(){
    applyEditLayout(); // ширина панели могла перейти порог «вкладки ↔ рядом»
    if (isSquaresMode() && squareEditMode) { squaresAutoFit(); draw(); }
    else if (G) { autoFit(); draw(); }
    if (padMode){ padClampCursor(); padUpdateCursorEl(); }
});

var leftPanel = $("leftPanel"), rightPanel = $("rightPanel");
var btnL = $("toggleLeft"), btnR = $("toggleRight");
var stubL = $("stubLeft"), stubR = $("stubRight");

// Кнопки скрытия живут ВНУТРИ панелей (в строке заголовка), поэтому со свёрнутой панелью они
// исчезают — вернуть её можно только заглушкой у края экрана. Заглушка показывается ровно тогда,
// когда её панель свёрнута.
function syncPanelStubs(){
    if (stubL) stubL.classList.toggle("on", leftPanel.classList.contains("collapsed"));
    if (stubR) stubR.classList.toggle("on", rightPanel.classList.contains("collapsed"));
}
function toggleLeftPanel(){
    var hid = leftPanel.classList.toggle("collapsed");
    $("divLeft").style.display = hid ? "none" : "";
    syncPanelStubs();
    setTimeout(function(){ if (G) { autoFit(); draw(); } }, 10);
}
function toggleRightPanel(){
    var hid = rightPanel.classList.toggle("collapsed");
    $("divRight").style.display = hid ? "none" : "";
    syncPanelStubs();
    setTimeout(function(){ applyEditLayout(); if (G) { autoFit(); draw(); } }, 10);
}
if (btnL) btnL.addEventListener("click", toggleLeftPanel);
if (btnR) btnR.addEventListener("click", toggleRightPanel);
if (stubL) stubL.addEventListener("click", toggleLeftPanel);
if (stubR) stubR.addEventListener("click", toggleRightPanel);

// Мобильный старт: на узком экране обе панели свёрнуты — холст занимает всё,
// открываются заглушками ⚙/✎ у краёв и ложатся поверх холста (см. media-query в CSS)
if (window.innerWidth < 900) {
    if (!leftPanel.classList.contains("collapsed")) toggleLeftPanel();
    if (!rightPanel.classList.contains("collapsed")) toggleRightPanel();
}
syncPanelStubs();

function makeResizer(divEl, panelEl, sign){
    divEl.addEventListener("mousedown", function(e){
        e.preventDefault();
        var startX = e.clientX;
        var startW = panelEl.getBoundingClientRect().width;
        // 0.45 не давало растянуть правую панель настолько, чтобы «Паттерны» и «Данные» встали
        // рядом (порог EDIT_WIDE_MIN) на экранах уже ~1150px — потолок поднят.
        var maxW = Math.round(window.innerWidth * 0.62);
        divEl.classList.add("dragging");
        document.body.style.cursor = "col-resize";
        var onMove = function(ev){
            var w = startW + sign * (ev.clientX - startX);
            w = Math.max(150, Math.min(maxW, w));
            panelEl.style.width = w + "px";
            applyEditLayout(); // тянем разделитель — раскладка «вкладки ↔ рядом» переключается на лету
            if (G) { autoFit(); requestDraw(); }
        };
        var onUp = function(){
            window.removeEventListener("mousemove", onMove);
            window.removeEventListener("mouseup", onUp);
            divEl.classList.remove("dragging");
            document.body.style.cursor = "";
        };
        window.addEventListener("mousemove", onMove);
        window.addEventListener("mouseup", onUp);
    });
}
makeResizer($("divLeft"), leftPanel, 1);
makeResizer($("divRight"), rightPanel, -1);

$("divLaser").addEventListener("mousedown", function(e){
    e.preventDefault();
    var grip = this;
    var startY = e.clientY;
    var startH = skewerWrap.getBoundingClientRect().height;
    var colH = skewerWrap.parentNode.getBoundingClientRect().height;
    var maxH = Math.round(colH * 0.7);
    grip.classList.add("dragging");
    document.body.style.cursor = "row-resize";
    var onMove = function(ev){
        var h = startH - (ev.clientY - startY); 
        h = Math.max(54, Math.min(maxH, h));
        skewerWrap.style.height = h + "px";
        if (G) { autoFit(); requestDraw(); }
    };
    var onUp = function(){
        window.removeEventListener("mousemove", onMove);
        window.removeEventListener("mouseup", onUp);
        grip.classList.remove("dragging");
        document.body.style.cursor = "";
    };
    window.addEventListener("mousemove", onMove);
    window.addEventListener("mouseup", onUp);
});
// Тач-версия того же ресайза (мышиные обработчики выше на телефоне не срабатывают вообще —
// touchstart/mousedown это разные события) + тап по ручке без сдвига сворачивает/разворачивает
// панель одним касанием (тянуть 5px-полоску пальцем ненадёжно, а без этого панель на мобильном
// было почти невозможно убрать — до этой правки вообще не реагировала на палец).
$("divLaser").addEventListener("touchstart", function(e){
    e.preventDefault();
    var grip = this;
    var t = e.touches[0];
    var startY = t.clientY;
    var startH = skewerWrap.getBoundingClientRect().height;
    var colH = skewerWrap.parentNode.getBoundingClientRect().height;
    var maxH = Math.round(colH * 0.7);
    var moved = false;
    grip.classList.add("dragging");
    var onMove = function(ev){
        var mt = ev.touches[0];
        if (Math.abs(mt.clientY - startY) > 6) moved = true;
        var h = Math.max(54, Math.min(maxH, startH - (mt.clientY - startY)));
        skewerWrap.style.height = h + "px";
        if (G) { autoFit(); requestDraw(); }
        ev.preventDefault();
    };
    var onEnd = function(){
        window.removeEventListener("touchmove", onMove);
        window.removeEventListener("touchend", onEnd);
        window.removeEventListener("touchcancel", onEnd);
        grip.classList.remove("dragging");
        if (!moved) {
            var curH = skewerWrap.getBoundingClientRect().height;
            if (curH > 60) {
                grip.dataset.prevH = curH;
                skewerWrap.style.height = "54px";
            } else {
                skewerWrap.style.height = (grip.dataset.prevH || maxH) + "px";
            }
            if (G) { autoFit(); requestDraw(); }
        }
    };
    window.addEventListener("touchmove", onMove, {passive: false});
    window.addEventListener("touchend", onEnd);
    window.addEventListener("touchcancel", onEnd);
}, {passive: false});

window.addEventListener("keydown", function(e){
    if (e.key !== "Escape") return;
    if (zenMode) {
        toggleZenMode();
        return;
    }
    // Escape — единственное, что теперь возвращает вид на место (центр + масштаб): сам по себе
    // он больше никогда не сбрасывается, см. rebuild(fitView). Лазеры, если были, тем же
    // нажатием снимаются — как и раньше.
    if (skewers.length > 0) {
        skewers = [];
        selectedLaserRows = [];
        syncSelUI();
    }
    if (G) autoFit();
    draw();
});

var prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
setTheme(prefersDark ? "dark" : "light");

function fullInit() {
    restoreSrcFromCache(); // подтянуть сохранённые «Данные» из localStorage (если есть)
    applyEditLayout();     // вкладки или обе группы рядом — по текущей ширине панели
    rebuild();
    applyI18n();
}

const resizeObs = new ResizeObserver(entries => {
    for (let entry of entries) {
        if (entry.contentRect.width > 10 && entry.contentRect.height > 10) {
            if (!G) fullInit();
            else safeDraw();
        }
    }
});
resizeObs.observe(stage);

window.addEventListener('load', () => {
    if (!G) fullInit();
});

})();
</script>
</body></html>