<!-- Версия: 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.283</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{
  --bg:#F6F5F0; --panel:#FFFFFF; --fg:#26251F; --muted:#6E6D66;
  --border:#DCDAD1; --accent:#1D9E75; --accent-soft:#E1F5EE;
  --accent2:#7C5CFC; /* «Визуальный сдвиг» — отдельный акцент, чтобы не путать с обычным «Добор»/accent */
}
:root[data-theme="dark"]{
  --bg:#151D1B; --panel:#1C2724; --fg:#E9F2EE; --muted:#93A69F;
  --border:#31423C; --accent:#5DCAA5; --accent-soft:#0F2B23;
  --accent2:#9B85FF;
}
*{box-sizing:border-box}

::-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); }
/* Мобильная раскладка: панели не сжимают холст, а ложатся ПОВЕРХ него, стартуют свёрнутыми
   (см. 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: #fff; }

/* Состояние скрытой панели */
.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); }
/* Панель результатов лазера снизу — растёт вверх (тянуть за верхний край) */
.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;
}
#src-bg, #src-pad, textarea {
  font: 12px/1.25 'Roboto Mono', monospace;
  width: 100%;
  min-height: 150px;
  padding: 8px 10px 8px 64px; 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; left: 29px; bottom: 1px; width: 32px;
  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);
}
#lineGutter::-webkit-scrollbar { display: none; }
#lineGutter .gutter-line {
  text-align: right;
  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: #fff;
  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; }

/* Верхний слой только для «добора» — прозрачный, клики проходят в 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; }

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: #fff !important;
  border-color: var(--accent) !important;
}

/* «Визуальный сдвиг» (👁) — свой акцент (--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: #fff !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:#fff !important; border-color:var(--accent) !important;}

/* Кнопки выбора выравнивания строк (воронка/ромбы) */
#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:#fff !important; border-color:var(--accent) !important; }

/* Смысловые группы левой панели */
.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; }

/* Галки в виде кнопок-переключателей */
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:#fff !important; font-weight:700;
}
.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:5px; width:100%; margin-bottom:5px; }
.laser-toggles button { height:19px; padding:0 6px; font-size:10px; 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:#fff; 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.283</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 class="grp-h" data-i18n="grpShape">Форма и вид</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;">
        <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>
        <button type="button" class="align-btn" data-align="left" data-i18n="alignLeft">Слева</button>
      </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>
      <label class="ck"><input type="checkbox" id="tint" checked> <span data-i18n="lblTint">Цветность</span></label>
      <label class="ck"><input type="checkbox" id="guides"> <span data-i18n="lblGuides">Кольца</span></label>
      <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>
      <label class="ck"><input type="checkbox" id="showText" checked> <span data-i18n="lblText">Биты [1][0]</span></label>
      <label class="ck"><input type="checkbox" id="balanceHl" checked> <span data-i18n="lblBalance">Баланс [1 и 0]</span></label>
    </div>

    <!-- ГРУППА: Инструменты -->
    <div class="grp grp-tools">
      <div class="grp-h" data-i18n="grpTools">Инструменты</div>
      <label class="ck" style="color:var(--accent)"><input type="checkbox" id="minusMode"> <span data-i18n="lblMinus">Вычитать выделенное</span></label>
      <label class="ck" style="color:#E74C3C; font-weight:700;"><input type="checkbox" id="skewerMode" checked> <span data-i18n="lblLaser">🎯 Лазер</span></label>
      <button id="btnInvert" data-i18n="btnInvert" data-i18n-title="btnInvertTitle" title="Если есть выделение — инвертирует биты в рамке. Иначе, если активен лазер — только его клетки. Иначе — инвертирует вообще все биты.">🔄 Инверсия</button>
    </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>

  <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>

      <!-- Переключатели лазеров: внизу холста по центру -->
      <div id="laserTogglesBar" style="position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:6; display:none; max-width:96%;"></div>

      <!-- Кнопки Excel — компактные, внизу холста справа -->
      <div id="excelBtnBar" style="position:absolute; bottom:10px; right:10px; z-index:6; display:flex; flex-direction:row; gap:6px; align-items:center; pointer-events:auto;">
        <button id="btnExcel" class="canvas-btn excel-btn" data-i18n="btnExcel" data-i18n-title="btnExcelTitle" title="Экспорт в Excel: сетка со сдвигами">📊 Сетка</button>
        <button id="btnExcelAlt" class="canvas-btn excel-btn" data-i18n="btnExcelAlt" data-i18n-title="btnExcelAltTitle" title="Экспорт в Excel: прямой, без сдвигов">📊 Прямой</button>
      </div>

      <!-- Все верхние тулбары — в одном поточном контейнере: ряды переносятся и не перекрываются -->
      <div id="stageToolbars" style="position:absolute; top:12px; left:12px; right:12px; z-index:6; display:flex; flex-direction:column; gap:6px; align-items:flex-start; pointer-events:none;">
      <div style="display:flex; gap:6px; align-items:flex-start; width:100%; pointer-events:none;">
      <div class="flip-toolbar" style="display:flex; gap:6px; align-items:center; flex-wrap:wrap; 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>

      <!-- Компактные кнопки панелей/темы/языка и Excel — правый край того же ряда -->
      <div class="canvas-btn-group">
        <button id="btnPad" class="toggle-btn pad-only" title="Тачпад-курсор (как в AnyDesk): палец двигает курсор, тап = клик, двойной тап с удержанием = перетаскивание, два пальца сближением/разведением = зум, короткий тап ДВУМЯ пальцами (без движения) = правый клик.">🖱</button>
        <button id="toggleLeft" class="toggle-btn" title="Скрыть/показать настройки">⬅ ⚙</button>
        <button id="toggleRight" class="toggle-btn" title="Скрыть/показать редактор">✎ ➡</button>
        <button id="btnTheme" class="toggle-btn" title="Светлый/тёмный фон">🌙</button>
        <button id="btnLang" class="toggle-btn" style="font-weight:bold; color:var(--accent);">ENG</button>
      </div>
      </div>

      <!-- ВТОРОЙ (и последний) ряд: повороты, сдвиг, змейка, квадраты — всё в одну строку с переносом -->
      <div style="display:flex; gap:6px; align-items:flex-start; flex-wrap:wrap; width:100%; pointer-events:none;">
      <!-- Управление поворотом (Сверху / Ромбы) -->
      <!-- Тулбар поворота изометрии: 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>

      <!-- Режим «Квадраты»: пошаговый прогон и подрежим правки (видны только в режиме squares) -->
      <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>

      <!-- Тулбар для режима «Змейка» -->
      <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; justify-content:space-between; gap:6px;">
        <div class="grp-h" data-i18n="grpCapture" style="margin:0;">Захват границы</div>
        <span id="captureProgress" style="font-size:10px; color:var(--muted);"></span>
      </div>
      <div style="display:flex; gap:6px; align-items:center; flex-wrap:wrap;">
        <label class="ck" style="flex:1 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="btnResetLimit" style="flex:0 0 auto; height:22px; padding:0 8px; font-size:10px; color:var(--muted);" title="Сбросить границу найденных/включённых строк — поставить под 2-й строкой">⟲ Граница</button>
        <label class="ck" style="flex:1 1 100%; margin:0;" data-i18n-title="skipFirstTitle"><input type="checkbox" id="skipFirstCharCheck"> <span data-i18n="skipFirst">Без 1-го символа</span></label>
        <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>
        <button id="btnHlAllBelow" class="align-btn active" style="flex:1 1 100%;" data-i18n="btnHlAllBelow" data-i18n-title="btnHlAllBelowTitle">🔍 Подсветка: везде ниже</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="color:var(--muted);" data-i18n="lblIlVariants">Стог:</span>
          <button type="button" id="btnIlVarA" class="align-btn" style="height:20px; padding:0 9px; font-size:10px;">А</button>
          <button type="button" id="btnIlVarB" class="align-btn active" style="height:20px; padding:0 9px; font-size:10px;">Б</button>
          <button type="button" id="btnIlSideRight" class="align-btn active" style="height:20px; padding:0 9px; font-size:10px;" data-i18n="lblIlRight">Добор →</button>
          <button type="button" id="btnIlSideLeft" class="align-btn" style="height:20px; padding:0 9px; font-size:10px;" data-i18n="lblIlLeft">Добор ←</button>
          <button type="button" id="btnIlSideAsk" class="align-btn" style="height:20px; padding:0 9px; font-size:10px;" data-i18n-title="btnIlSideAskTitle" title="Спросить, куда лепить добор (кнопки ниже). Выбор запоминается — «Шаг»/«Автозахват» дальше используют его молча, пока не переключишь на другую сторону.">?</button>
          <label class="ck" style="margin:0;" data-i18n-title="ilThroughSearchTitle" title="Выключено (по умолчанию) — искать строку под границей в КАЖДОМ куске-паре ОТДЕЛЬНО, совпадение не может захватывать сразу две пары. Включено — искать по всей склеенной сквозной строке разом (совпадение может тянуться через границу пар, как раньше)."><input type="checkbox" id="ilThroughSearch"> <span data-i18n="lblIlThroughSearch">🔗 Сквозной поиск</span></label>
        </div>
        <div id="ilAskPrompt" style="display:flex; flex:1 1 100%; gap:6px; align-items:center; flex-wrap:wrap; background:var(--accent-soft); padding:4px 6px; border-radius:4px;">
          <span style="color:var(--accent); font-weight:700;" data-i18n="lblIlAskPrompt">Добор в стоге — куда лепить?</span>
          <button type="button" id="btnIlAskRight" class="align-btn" style="height:20px; padding:0 10px; font-size:10px;" data-i18n="lblIlRight">Добор →</button>
          <button type="button" id="btnIlAskLeft" class="align-btn" style="height:20px; padding:0 10px; font-size:10px;" data-i18n="lblIlLeft">Добор ←</button>
        </div>
        <label class="ck" style="flex:1 1 100%; margin:0;" title="Поиск «По лазерам» без отрисовки холста на каждом шаге (только в конце) — заметно быстрее на длинных поисках. Проверка полная (все 4 уровня, включая «Сборку лазеров») в любом случае — чекбокс влияет только на перерисовку."><input type="checkbox" id="fastCaptureSearch"> <span>⚡ Быстрый поиск</span></label>
        <label class="ck" style="flex:1 1 100%; margin:0;" title="Пока играет любая из анимаций «▶ Плей» (Флип/Поворот/Сдвиг/Этажи/Змейка) И включён «Автозахват» — не рисовать холст на каждом такте (сама анимация не будет видна вживую), только проверять автозахват; рисуем, только когда что-то реально захвачено. Проверка при этом всегда полная — ничего не пропускается. При включении все ползунки скоростей Плеев автоматически ставятся на максимум (при выключении возвращаются как были)."><input type="checkbox" id="suppressDrawDuringPlay"> <span>🚫 Без отрисовки при Плее</span></label>
        <div id="shiftVarsInfo" data-i18n-title="shiftVarsTitle" style="flex:1 1 100%; font-size:10px; color:var(--muted); line-height:1.4;" title="Число РАЗЛИЧНЫХ вариантов циклического сдвига каждой строки над границей (у строки из N бит — N сдвигов, но повторяющийся период уменьшает число различных вариантов) и общее число комбинаций (произведение по всем строкам)."></div>
      </div>
   </div>
   <div class="grp grp-editor" style="flex:1 1 auto; min-height:0;">
    <div style="display:flex; align-items:center; justify-content:space-between; gap:8px;">
      <div class="grp-h" data-i18n="grpEditor" style="margin:0;">Данные (Строки)</div>
      <div style="display:flex; align-items:center; gap:4px;">
        <button id="btnSrcSave" title="Запомнить текущие «Данные» в кеш браузера: они вернутся автоматически при F5 и по кнопке «⏹ Сброс» (в любой версии файла, открытой в этом браузере)" style="height:20px; padding:0 8px; font-size:10px; color:var(--muted);">💾 Запомнить</button>
        <button id="btnSrcClear" title="Сброс: очистить все строки (повторный клик сразу после — вернуть)" style="height:20px; padding:0 8px; font-size:10px; color:var(--muted);">⏹ Сброс</button>
      </div>
    </div>
    <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>
    <button id="btnCopyExpanded" data-i18n="btnCopyExp" style="margin-top:6px; flex:0 0 auto;">⧉ Копировать развёрнутое</button>
    <div style="margin-top:6px; flex:0 0 auto; display:flex; gap:6px; align-items:center;">
      <span style="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="width:56px; height:22px; padding:0 4px; font-size:11px;">
      <button id="btnGenSierpinski" data-i18n="btnGenSierpinski" data-i18n-title="btnGenSierpinskiTitle" style="height:22px; padding:0 8px; font-size:10px; flex:1 1 auto;" title="Заменить «Данные» треугольником Паскаля mod 2 (классический фрактал Серпинского): N строк, строка i — i+1 бит.">🔺 Генерировать Серпинского</button>
    </div>
    <div id="stageTitle" title="Дзен-режим — скрыть всё, кроме кубов (выход — клик колёсиком мыши)" style="margin-top:6px; flex:0 0 auto; text-align:center; font-size:12px; font-weight:700; color:var(--muted); cursor:pointer; user-select:none;">Кубиты <span class="ver">v0.283</span></div>
   </div>
  </div>
</div>
</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: "Слева",
    lblTint: "Цветность", lblGuides: "Кольца", lblGuidesSnake: "Змейка",
    lblGuidesSnakeTitle: "В «Змейке» этот флажок рисует тонкую пунктирную линию по центрам кубиков вдоль спирали, окрашенную по строкам (вместо колец) — чтобы видеть путь и границы строк в непрерывной спирали.",
    lblLoop: "Добор",
    lblLoopInvert: "↳ Инверс.",
    lblLoopInvertTitle: "Добор повторяет не сами биты строки, а их инверсию (например «11» → «110000» вместо «111111»).",
    lblLoopDynamic: "↳ Динам.",
    lblLoopDynamicTitle: "Добор пересчитывается заново от текущих бит строки при каждой правке (включена по умолчанию, как раньше). Если выключить — добор застывает при формировании и не меняется от последующих правок начала строки.",
    visRotTitle: "Визуальный сдвиг по кругу: крутит, какая клетка кольца какой бит показывает, БЕЗ изменения текста строки (в отличие от «Сдвиг символов»). Действует на выбранные этажи (или на все, если ничего не выбрано). Нужен включённый Добор в «Круглой воронке»/«Квадратах».",
    lblDim: "↳ Прозрачн.", lblGhosts: "0 в строках", lblGhostsAll: "0 в доборе",
    lblText: "Биты [1][0]",
    lblBalance: "Баланс [1 и 0]",
    lblMinus: "Вычитать выделенное", lblLaser: "🎯 Лазер",
    btnInvert: "🔄 Инверсия",
    btnInvertTitle: "Если выделены и рамка/строка, и лазер(ы) — только их пересечение. Если только рамка/строка(и) — их биты. Если только лазер(ы) — их клетки (все, если выбрано несколько). Иначе — вообще все биты.",
    laserRes: "Результаты лазера:", shiftTxt: "Сдвиг символов:",
    grpShape: "Форма и вид", grpDisplay: "Отображение", grpTools: "Инструменты", grpFloors: "Этажи", grpCapture: "Захват границы",
    lblShiftVars: "Сдвиги:", lblShiftVarsTotal: "всего:", lblShiftVarsCurrent: "текущий вариант:",
    shiftVarsTitle: "Число РАЗЛИЧНЫХ вариантов циклического сдвига каждой строки над границей (у строки из N бит — N сдвигов, но повторяющийся период уменьшает число различных вариантов), общее число комбинаций (произведение по всем строкам, точное, без округления) и номер ТЕКУЩЕЙ комбинации (какая именно комбинация сейчас выставлена «Визуальным сдвигом» на каждой строке, пронумерованы все от №1) — смена сдвига на любой строке эту цифру пересчитывает.",
    lblIlVariants: "Стог:", lblIlRight: "Добор →", lblIlLeft: "Добор ←",
    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: "Одношаговый автозахват: проверить строку под границей (пока активно «По строкам» — в интерливинг-стоге над границей; иначе — лазер / склейка лазеров / склейка строк данных) и, если найдена, втянуть только её одну — без непрерывного повтора.",
    btnHlAllBelow: "🔍 Подсветка: везде ниже",
    btnHlAllBelowTitle: "Пока включено — подсветка совпадений (жёлтый/синий/фиолетовый) ищется не только в первой строке под границей, но и во всех строках ниже неё. Ничего не втягивается в рамку — только подсветка в редакторе и панели лазеров.",
    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: "⧉ Копировать развёрнутое",
    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",
    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: "Bits [1][0]",
    lblBalance: "Balance [1&0]",
    lblMinus: "Subtract selection", 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:",
    grpShape: "Shape & view", grpDisplay: "Display", grpTools: "Tools", grpFloors: "Floors", grpCapture: "Boundary capture",
    lblShiftVars: "Shifts:", lblShiftVarsTotal: "total:", lblShiftVarsCurrent: "current variant:",
    shiftVarsTitle: "Number of DISTINCT cyclic-shift variants of each row above the boundary (a row of N bits has N shifts, but a repeating period reduces the number of distinct variants), the exact total number of combinations (product over all rows, no rounding), and the number of the CURRENT combination (which exact combination the \"Visual shift\" currently sets on every row, all numbered from #1) — changing the shift on any row recalculates this.",
    lblIlVariants: "Stack:", lblIlRight: "Pad →", lblIlLeft: "Pad ←",
    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 in the stack — which side?",
    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 char",
    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.",
    btnHlAllBelow: "🔍 Highlight: everywhere below",
    btnHlAllBelowTitle: "While on — match highlighting (yellow/blue/purple) is searched not only in the first row below the boundary, but in every row below it. Nothing gets pulled into the frame — highlighting only, in the editor and the laser panel.",
    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: "↔ Mirror",
    btnFlipTitle: "Mirror left/right",
    btnFlipV: "↕ Mirror",
    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 expanded",
    lblSierpN: "N=",
    btnGenSierpinski: "🔺 Generate 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;
var pal=[
  ["#9FE1CB","#5DCAA5","#1D9E75","#085041"],
  ["#CECBF6","#AFA9EC","#7F77DD","#3C3489"],
  ["#F5C4B3","#F0997B","#D85A30","#712B13"],
  ["#FAC775","#EF9F27","#BA7517","#633806"],
  ["#B5D4F4","#85B7EB","#378ADD","#0C447C"],
  ["#F4C0D1","#ED93B1","#D4537E","#72243E"]
];
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 highlightAllBelow = true; // подсветка совпадений во всех строках ниже границы, не только в первой (кнопка «🔍 Подсветка: везде ниже») — включена по умолчанию
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();
  updateShiftVariantsInfo();

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

  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();
});

/* Перетаскиваемая граница «строки ниже не участвуют» */
function updateLineLimitBar(){
    var totalLines = src.value.split("\n").length;
    var boundary = (lineLimit < 0) ? totalLines : Math.min(lineLimit, totalLines);
    var y = LINE_LIMIT_PAD_TOP + boundary * LINE_LIMIT_LINE_H - src.scrollTop;
    lineLimitBar.style.top = y + "px";
    if (lineLimit >= 0) {
        lineLimitCurtain.style.display = "block";
        lineLimitCurtain.style.top = y + "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;
    lineLimitTopBar.style.top = yT + "px";
    if (lineLimitTop > 0) {
        lineLimitTopCurtain.style.display = "block";
        lineLimitTopCurtain.style.height = Math.max(0, yT - 1) + "px";
    } else {
        lineLimitTopCurtain.style.display = "none";
    }
    // Боковой рельс «двигать обе границы разом» — виден, только если хотя бы одна активна
    if (lineLimit >= 0 || lineLimitTop > 0) {
        lineLimitWindowBar.style.display = "block";
        lineLimitWindowBar.style.top = yT + "px";
        lineLimitWindowBar.style.height = Math.max(4, y - yT) + "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");
}

// === Расчёт вариантов циклических сдвигов для строк над границей (панель «Захват границы») ===
// У строки из N символов N циклических сдвигов, но если строка периодична (например «1111»
// или «1010»), РАЗЛИЧНЫХ вариантов меньше — ровно длина наименьшего периода.
function distinctRotations(s){
  var n = s.length;
  for (var p = 1; p < n; p++){
    if (s.substring(p) + s.substring(0, p) === s) return p;
  }
  return n;
}
function updateShiftVariantsInfo(){
  var el = $("shiftVarsInfo");
  if (!el) return;
  var t = i18n[currentLang];
  var lines = effectiveSrcValue().split("\n");
  var parts = [], total = 1n, curIdx = 0n, any = false;
  for (var i = 0; i < lines.length; i++){
    var trm = lines[i].trim();
    if (!trm) continue;
    var v = distinctRotations(trm);
    parts.push("№" + (i + 1) + ": " + v);
    total *= BigInt(v); any = true;
    // Текущий вариант (какой из v поворотов этой строки сейчас показан «Визуальным сдвигом»,
    // 0-based) — смешанная система счисления: каждая строка — свой «разряд» со своим основанием v.
    var r = ((ringVisualShift[i] || 0) % v + v) % v;
    curIdx = curIdx * BigInt(v) + BigInt(r);
  }
  if (!any){ el.textContent = ""; return; }
  el.textContent = t.lblShiftVars + " " + parts.join(" · ") + " — " + t.lblShiftVarsTotal + " " + total.toString() +
      " — " + t.lblShiftVarsCurrent + " " + (curIdx + 1n).toString();
}

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;
      if (alignMode === 'left')      { offset = 0;    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 = "";

    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; }
}

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(){ return G && (G.kind === "top" || G.kind === "rhomb") && (viewRotDeg % 90 === 0); }
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), так что даже
// сходящиеся у общего угла оси расходятся вдоль своих направлений на разное расстояние.
function computeAxisToggleAnchors(ctxObj) {
    var out = {};
    if (!ctxObj || !ctxObj.groups) return out;
    Object.keys(ctxObj.groups).forEach(function(key, ki){
        var g = ctxObj.groups[key];
        if (g.length < 2) return; // некуда экстраполировать направление — пропускаем
        var p0 = g[0].pos, p1 = g[1].pos;
        var mult = 1 + ki * 0.6;
        out[key] = { x: p0.x + (p0.x - p1.x) * mult, y: p0.y + (p0.y - p1.y) * mult };
    });
    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();
          });
      } else {
          ['left', 'right', 'top'].forEach(function(plane) {
              var group = laserCtx.groups[plane];
              if (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;

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

      var targetStrings = [];
      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; }
                  var inv = "", rev = "";
                  for(var ch=0; ch<searchText.length; ch++) inv += (searchText[ch]==='1'?'0':'1');
                  for(var ch=searchText.length-1; ch>=0; ch--) rev += searchText[ch];
                  targetStrings.push({ text: searchText, inv: inv, rev: rev, lineIdx: tl, offset: baseOffset + extraOffset });
                  if (!highlightAllBelow) break; // по умолчанию — только первая строка ниже границы
              }
          }
      }

      // Строго: только полное совпадение паттерна целиком — раньше здесь ещё пробовался паттерн
      // без 1-го символа, из-за чего подсветка загоралась там, где реальный захват (который требует
      // совпадения целиком) потом не срабатывал.
      function matchVariant(pattern, laserStr) {
          var idx = laserStr.indexOf(pattern);
          if (idx !== -1) return { lIdx: idx, tIdx: 0, len: pattern.length };
          return null;
      }

      function matchVariantCyclic(pattern, laserStr) {
          var L = pattern.length;
          var best = null;
          for (var k=0; k<L; k++) {
              var rotated = pattern.slice(k) + pattern.slice(0, k);
              var m = matchVariant(rotated, laserStr);
              if (m && (!best || m.len > best.len)) {
                  best = { lIdx: m.lIdx, tIdx: m.tIdx, len: m.len, k: k };
              }
          }
          return best;
      }

      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;
      }

      function findMatches(laserStr, selMap) {
          if (laserStr.length < 1) return [{ text: laserStr, type: 'none' }];
          var best = null;
          for (var i=0; i<targetStrings.length; i++) {
              var t = targetStrings[i];

              var mNorm = matchVariantCyclic(t.text, laserStr);
              if (mNorm && (!best || mNorm.len > best.len)) {
                  best = { len: mNorm.len, lIdx: mNorm.lIdx, tIdx: mNorm.tIdx, k: mNorm.k, target: t, type: 'normal' };
              }

              var mInv = matchVariantCyclic(t.inv, laserStr);
              if (mInv && (!best || mInv.len > best.len)) {
                  best = { len: mInv.len, lIdx: mInv.lIdx, tIdx: mInv.tIdx, k: mInv.k, target: t, type: 'inv' };
              }

              var mRev = matchVariantCyclic(t.rev, laserStr);
              if (mRev && (!best || mRev.len > best.len)) {
                  best = { len: mRev.len, lIdx: mRev.lIdx, tIdx: mRev.tIdx, k: mRev.k, target: t, type: 'rev' };
              }
          }

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

          var origRanges = rotatedRangeToOriginal(best.type, best.k, best.tIdx, best.len, best.target.text.length);
          origRanges.forEach(function(r){
              if (!targetHighlights[best.target.lineIdx]) targetHighlights[best.target.lineIdx] = [];
              targetHighlights[best.target.lineIdx].push({
                  start: r.start + best.target.offset,
                  end: r.end + best.target.offset,
                  type: best.type
              });

              if (selMap) {
                  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 ilSegsFull = throughOnNow ? findMatches(h.str, null) : null;
                  var numPieces = h.bounds.length - 1;
                  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));
                      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 + " → втягиваем в рамку");
      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);
  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();
    updateShiftVariantsInfo(); // «текущий вариант» зависит от ringVisualShift — держим в курсе
    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();
    updateShiftVariantsInfo();
    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") ? "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();
}

function rebuild(){
  var _axesAll = (typeof laserAxesAllActive === 'function') ? laserAxesAllActive() : null; // оси со «Все» — чтобы не сбрасывались при пересчёте
  resetXorOverlays(); // данные/режим изменились — накопленное XOR-поле больше не актуально
  parse();
  updateShiftVariantsInfo();
  // Автозахват нижней строки теперь привязан к лазерной «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();
  autoFit();
  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";
function saveSrcToCache(){
  try {
    localStorage.setItem(SRC_CACHE_KEY, JSON.stringify({ src: src.value, lineLimit: lineLimit, lineLimitTop: lineLimitTop }));
    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;
  }
}

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

src.addEventListener("input", 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, и КАКИМ вариантом — как в лазерной
// подсветке: прямой / инверсия / реверс + все циклические повороты паттерна.
function belowRowFoundInDetail(haystack){
  var pat = belowRowSearchPat();
  if (!pat || !haystack) return null;
  for (var k = 0; k < pat.length; k++){
    var rot = pat.slice(k) + pat.slice(0, k);
    var inv = "", rev = "";
    for (var i = 0; i < rot.length; i++) inv += (rot[i] === '1' ? '0' : '1');
    for (var i = rot.length - 1; i >= 0; i--) rev += rot[i];
    var vs = [{ s: rot, kind: 'прямой' }, { s: inv, kind: 'инверсия' }, { s: rev, kind: 'реверс' }];
    for (var vi = 0; vi < vs.length; vi++){
      if (vs[vi].s && haystack.indexOf(vs[vi].s) !== -1) return { kind: vs[vi].kind, pat: vs[vi].s, rot: k, total: pat.length };
    }
  }
  return null;
}
// В каком именно лазере найдена нижняя строка (или null) — для лога «какой лазер дал строку».
// Проверяет строки-результаты каждого лазера отдельно: прямой/инверсия/реверс + повороты.
// Если у пользователя нет ни одного лазера — проверяет сразу все возможные оси (laserRowsForCapture).
function belowRowFoundLaser(){
  var pat = belowRowSearchPat();
  if (!pat) return null;
  var rows = laserRowsForCapture();
  for (var k = 0; k < pat.length; k++){
    var rot = pat.slice(k) + pat.slice(0, k);
    var inv = "", rev = "";
    for (var i = 0; i < rot.length; i++) inv += (rot[i] === '1' ? '0' : '1');
    for (var i = rot.length - 1; i >= 0; i--) rev += rot[i];
    var vs = [{ s: rot, kind: 'прямой' }, { s: inv, kind: 'инверсия' }, { s: rev, kind: 'реверс' }];
    for (var r = 0; r < rows.length; r++){
      for (var vi = 0; vi < vs.length; vi++){
        if (vs[vi].s && rows[r].str.indexOf(vs[vi].s) !== -1){
          return { axisLabel: rows[r].axisLabel, index: rows[r].index, kind: vs[vi].kind, rot: k, pat: vs[vi].s, total: pat.length };
        }
      }
    }
  }
  return null;
}
// «Сквозная» склейка всех участвующих строк (0..lineLimit-1) с их добором подряд одной строкой.
function throughRowsHaystack(){
  var lines = src.value.split("\n");
  var lim = (lineLimit < 0) ? lines.length : Math.min(lineLimit, lines.length);
  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],... (до длины более длинной из двух).
function interleave(a, b){
  var maxLen = Math.max(a.length, b.length), out = "";
  for (var i = 0; i < maxLen; i++){
    if (i < a.length) out += a[i];
    if (i < b.length) out += b[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");
}
function aboveRowsInterleavedHaystacks(){
  var lines = src.value.split("\n");
  var lim = (lineLimit < 0) ? lines.length : Math.min(lineLimit, lines.length);
  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;
}
// Счётчик «попытка 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 + " → втянута в рамку");
  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 + " → втянута в рамку");
    lineLimit++;
    changed = true;
    setCaptureProgress(guard, total);
    parse(); // обновить D/добор под новой границей
  }
  clearCaptureProgress();
  return changed;
}
// Общая проверка «найдена ли строка под границей». Используется кнопкой «По лазерам», кнопкой
// «По строкам», непрерывным автозахватом (чекбокс) и одношаговой кнопкой «Шаг» — все четыре
// подряд смотрят на ОДИН и тот же текущий режим (rowsModeActive), поэтому ведут себя одинаково.
// Пока активно «По строкам» — ищем только в интерливинг-стоге (над границей). Иначе — три уровня
// проверки лазеров: конкретный лазер → склейка всех лазеров → сборка лазеров → сквозная строка данных.
// fast=true (быстрый цикл captureBelowThroughLasers, без draw() на каждом шаге) пропускает уровень
// «Сборка лазеров» — она берёт lastAssemblyHaystack, который иначе обновляется только внутри
// draw() и был бы устаревшим/неверным посреди быстрого цикла. lz/fdL/fdR всегда пересчитываются
// заново из G.list — им draw() не нужен, поэтому они одинаково надёжны и в быстром, и в обычном режиме.
function belowRowMatchDetail(){
  if (rowsModeActive) {
    var rowI = belowRowBits();
    if (!rowI) return null;
    // Захват никогда не ждёт ответа на «куда лепить добор»: нерешённые пары в стоге всегда
    // считаются «право» (см. aboveRowsInterleavedHaystacks/ilEffectiveSide). «?» + ещё не решённая
    // самая новая пара дают ДВА варианта стога (право и лево для сравнения) — оба проверяются.
    var haystacks = aboveRowsInterleavedHaystacks();
    var throughEl = $("ilThroughSearch");
    var throughMode = !!(throughEl && throughEl.checked);
    for (var hi = 0; hi < haystacks.length; hi++){
      var h = haystacks[hi];
      var tagSuffix = haystacks.length > 1 ? " (" + h.tag + ")" : "";
      if (throughMode) {
        // Сквозной поиск: вся склеенная строка разом — совпадение может тянуться через границу пар.
        var fdI = belowRowFoundInDetail(h.str);
        if (fdI) {
          return { desc: "интерливинг строк над границей (сквозной)" + tagSuffix +
              ", " + fdI.kind + ", поворот " + fdI.rot + " из " + fdI.total + ", совпало \"" + fdI.pat + "\"" };
        }
      } else {
        // По умолчанию: каждый кусок-пара — своя ОТДЕЛЬНАЯ строка поиска, совпадение не может
        // захватывать сразу две пары.
        for (var pb = 0; pb + 1 < h.bounds.length; pb++){
          var fdP = belowRowFoundInDetail(h.str.slice(h.bounds[pb], h.bounds[pb + 1]));
          if (fdP) {
            return { desc: "интерливинг пары №" + (pb + 1) + tagSuffix +
                ", " + fdP.kind + ", поворот " + fdP.rot + " из " + fdP.total + ", совпало \"" + fdP.pat + "\"" };
          }
        }
      }
    }
    return 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 = (lz || fdL || fdA) ? null : 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 + "\"")
      : ("сквозной по строкам данных, " + fdR.kind + ", поворот " + fdR.rot + " из " + fdR.total + ", совпало \"" + fdR.pat + "\"");
  return { 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 + " → втянута в рамку");
    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 + " → втянута в рамку");
  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(); // даже без захвата — переключить панель на интерливинг
});
var _btnHlAllBelow = $("btnHlAllBelow");
if (_btnHlAllBelow) _btnHlAllBelow.addEventListener("click", function(){
    highlightAllBelow = !highlightAllBelow;
    _btnHlAllBelow.classList.toggle("active", highlightAllBelow);
    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"));
});

$("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 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(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();
}

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

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

// «⏹ Сброс» над редактором: умный тумблер — сброс к ЗАПОМНЕННЫМ данным (кеш кнопки
// «💾 Запомнить»; если кеша нет — к исходному шаблону из кода), повторный клик сразу после —
// вернуть текст, который был до сброса.
var INITIAL_SRC_TEMPLATE = "1\n11\n111\n1000\n10101\n110001\n1001100\n11100000\n111010011\n1000000010";
var srcClearBackup = null; // { src, lineLimit, lineLimitTop } состояние ДО сброса — для отката повторным кликом
$("btnSrcClear").title = "Сброс к запомненным данным («💾 Запомнить»; если кеша нет — к исходному шаблону). Повторный клик сразу после — вернуть ваш текст. Также выключает «Автозахват».";
$("btnSrcClear").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;
        }
    }
    rebuild();
});

// «🔺 Генерировать Серпинского»: 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();
});

// «⟲ Граница» рядом со «Сбросом»: не трогает текст, просто ставит границу найденных/
// включённых строк перед 2-й строкой (lineLimit = 1) — то же, что делает смена режима.
// Заодно выключает непрерывный «Автозахват» — иначе он тут же снова затянет всё обратно.
var _btnResetLimit = $("btnResetLimit");
if (_btnResetLimit) _btnResetLimit.addEventListener("click", function(){
    var _acbReset = $("autoCaptureBelow");
    if (_acbReset && _acbReset.checked) _acbReset.checked = false;
    lineLimit = 2; // граница — под 2-й строкой (1-я и 2-я участвуют, остальные нет)
    lineLimitTop = 0;
    rebuild();
});

// 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();
        };
        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(t);
    }
    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 text = rows[rowIdx1 - 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 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;

        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 = (text[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";
}

/* === МАРКЕР 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. Настоящие элементы управления (кнопки/слайдеры/чекбоксы, включая саму кнопку 🖱)
// из этого исключены и по-прежнему тапаются напрямую — иначе некуда было бы тапнуть, чтобы
// выключить режим курсора обратно.
function padTargetIsControl(t){ return !!(t && t.closest && t.closest("button,input,select,a,textarea")); }
stage.addEventListener("touchstart", function(e){
    if (!padMode || padTargetIsControl(e.target)) return;
    e.preventDefault();
    if (e.touches.length >= 2) {
        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;
    }
    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;
    e.preventDefault();
    if (e.touches.length >= 2) {
        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 (!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;
    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;
        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;
    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);

      // «Петли»-переключатели целых осей (в начале каждой оси, перед узлом №1) — проверяем первыми
      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(){
    if (isSquaresMode() && squareEditMode) { squaresAutoFit(); draw(); }
    else if (G) { autoFit(); draw(); }
    if (padMode){ padClampCursor(); padUpdateCursorEl(); }
});

var leftPanel = $("leftPanel"), rightPanel = $("rightPanel");
var btnL = $("toggleLeft"), btnR = $("toggleRight");

btnL.addEventListener("click", function(){
    var hid = leftPanel.classList.toggle("collapsed");
    $("divLeft").style.display = hid ? "none" : "";
    btnL.textContent = hid ? "➡ ⚙" : "⬅ ⚙";
    setTimeout(function(){ if (G) { autoFit(); draw(); } }, 10);
});

btnR.addEventListener("click", function(){
    var hid = rightPanel.classList.toggle("collapsed");
    $("divRight").style.display = hid ? "none" : "";
    btnR.textContent = hid ? "⬅ ✎" : "✎ ➡";
    setTimeout(function(){ if (G) { autoFit(); draw(); } }, 10);
});

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

function makeResizer(divEl, panelEl, sign){
    divEl.addEventListener("mousedown", function(e){
        e.preventDefault();
        var startX = e.clientX;
        var startW = panelEl.getBoundingClientRect().width;
        var maxW = Math.round(window.innerWidth * 0.45);
        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";
            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();
    } else if (skewers.length > 0) {
        skewers = [];
        selectedLaserRows = [];
        draw(); syncSelUI();
    } else if (G) {
        autoFit(); draw();
    }
});

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

function fullInit() {
    restoreSrcFromCache(); // подтянуть сохранённые «Данные» из localStorage (если есть)
    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>