<!-- DEPLOY-ID: 3dbuilder-1.5.72-v1612-20260209 (если этой строки нет в коде на сервере — залит не этот файл) -->
<!--
  Cubik Build 1.5.72
  Design & Development: Andrey Bovdurets
  Contact: Kefir161@gmail.com
  
  v1.5.72 (2026-02-09) - Cache v=1612 (deploy)
  v1.5.71 (2026-02-09) - Cache v=1611 (deploy)
  v1.5.70 (2026-02-09) - Поддержка product_id в URL (загрузка по project_id/id/product_id); cache v=1610
  v1.5.69 (2026-02-09) - Версии обновлены; лог «блоков в snapshot» при загрузке по project_id; cache v=1609
  v1.5.68 (2026-02-09) - Версии обновлены; get-project-api: лог, modelCode, разбор ответа; cache v=1608
  v1.5.67 (2026-02-09) - Версии обновлены; лог ответа add-new-resource-api в консоль; cache v=1607
  v1.5.66 (2026-02-09) - Пути /3dbuilder/ восстановлены; cache v=1606
  v1.5.65 (2026-02-09) - Редактор по адресу https://cubik.one/3dbuilder/; пути /3dbuilder/
  v1.5.64 (2026-02-09) - Версии обновлены; cache v=1605
  v1.5.63 (2026-02-05) - Continue: поддержка разных форматов ответа (data.url, url, editUrl); cache v=1603
  v1.5.62 (2026-02-05) - Загрузка по project_id: поддержка resp.data и ответа-строки от get-project-api; cache v=1602
  v1.5.61 (2026-02-05) - Пути везде /3dbuilder/ (как просит сервер; папка 3dbuilder)
  v1.5.60 (2026-02-05) - URL редактора https://cubik.one/3dbuilder/; пути /3dbuilder/
  v1.5.59 (2026-02-05) - Пути по имени папки: /3dbuilder/ → вернули /3dbuilder/
  v1.5.58 (2026-02-05) - Production path /3dbuilder/ (cubik.one/builder); cache v=1598
  v1.5.57 (2026-02-05) - Mobile: фиксы для мобильной версии; cache v=1597
  v1.5.56 (2026-02-05) - Production paths, cache v=1596 (deploy)
  v1.5.55 (2026-02-05) - Production paths, cache v=1595 (deploy)
  v1.5.54 (2026-02-05) - Cache v=1594 (cache bust, deploy)
  v1.5.53 (2026-02-05) - Zen/2: замена граней top/bottom всегда разрешена (cache v=1594)
  v1.5.52 (2026-02-04) - Cache v=1592 (cache bust)
  v1.5.51 (2026-02-04) - Continue: один сценарий — прелоадер, затем new-tab или same-tab при блокировке; cache v=1592
  v1.5.50 (2026-02-04) - Continue: new-tab с «Идёт переход…» (Safari OK, без пустой вкладки); cache v=1590
  v1.5.49 (2026-02-04) - Load project by project_id (API) to avoid 414 Request-URI Too Large; getProjectApiUrl; cache v=1589
  v1.5.48 (2026-02-04) - Mobile: превью кубов −10%, палитра +5%; production paths /3dbuilder/; cache v=1588
  v1.5.47 (2026-02-04) - Tutorial: подсветка #hudBar на мобиле внизу (убрано position:relative в tutorial.css); cache v=1587
  v1.5.46 (2026-02-04) - Tutorial: мобильные описания шагов (навигация, постановка, удаление, редактор, Save/Load/Continue), без горячих клавиш; cache v=1586
  v1.5.45 (2026-02-02) - Touch: панель по высоте контента (bottom: auto), отступ под Help; cache v=1585
  v1.5.44 (2026-02-02) - Touch: align-items flex-start !important (убрать пустое место); cache v=1584
  v1.5.43 (2026-02-02) - Mobile: убрано пустое пространство под превью/палитрой, стрелка выше палитры; cache v=1583
  v1.5.42 (2026-02-02) - Mobile: стрелка сверху палитры (bottom = top of palette); cache v=1582
  v1.5.41 (2026-02-02) - Mobile: стрелка над палитрой с учётом row-help; cache v=1581
  v1.5.35 (2026-02-02) - Mobile: palette bottom = zen/2 bottom, panel height matches 3D view; cache v=1575
  v1.5.34 (2026-02-02) - Mobile: preview x2, palette to cubes, cube centered in card; cache v=1574
  v1.5.33 (2026-02-02) - Mobile: panel max 38vw, narrower layout; cache v=1573
  v1.5.32 (2026-02-02) - Fix cubes loading (overflow/min-width gallery); cache v=1572
  v1.5.31 (2026-02-02) - Panel wider (palette not over preview); logo centered (20px); cache v=1571
  v1.5.30 (2026-02-02) - Palette −10%, preview +15%, arrow +10%; Continue on desktop; no version label; cache v=1570
  v1.5.29 (2026-02-02) - Arrow at bottom of block; logo/Continue hide; cache v=1569
  v1.5.28 (2026-02-02) - Cache v=1568 (force refresh after deploy)
  v1.5.27 (2026-02-02) - Mobile: no gray outline on Continue; cache v=1567
  v1.5.26 (2026-02-02) - Mobile: arrow down+peek; logo centered in panel; cache v=1566
  v1.5.25 (2026-01-29) - Logo centered over panel-left-slide (touch-mode); cache v=1565
  v1.5.24 (2026-01-29) - Logo centered in panel (touch-mode); cache v=1564
  v1.5.23 (2026-01-29) - Hud-bar: one line on mobile (euro no wrap), Continue no outline; cache v=1563
  v1.5.16 (2026-01-30) - Mobile: palette −25%, bottom=Zen/2; arrow at top palette; collapse=only arrow; logo centered
  v1.5.13 (2026-01-30) - Mobile: only touch-mode compact layout, palette not stretched (align-items center, flex-grow 0)
  v1.5.12 (2026-01-30) - Mobile: fix overlay (strip position static), adaptive layout for all viewports
  v1.5.11 (2026-01-30) - Mobile: menu -25%, Help in slide (only palette+arrow when collapsed), editor arrow closes editor
  v1.5.10 (2026-01-30) - Palette in flow (panel-right-strip); editor: collapse whole panel
  v1.5.9 (2026-01-30) - Continue in hud-bar; palette visible in touch-mode
  v1.5.8 (2026-01-30) - Mobile: narrow panel, vertical palette (like desktop), block fit to cube
  v1.5.7 (2026-01-30) - Mobile: one arrow to collapse menu (palette + arrow visible), arrow in UI style
  v1.5.13 (2026-02-04) - canPlace: check Flora boxes of ALL blocks (including snap target) so cube cannot intersect Flora
  v1.5.12 (2026-02-04) - Zen/2: Flora allowed on top/bottom (only replaceable Bion faces); other cubes keep Flora only on sides
  v1.5.11 (2026-02-04) - Zen/2: skip adjacent-block check for Flora on side faces (fixes Bion→Flora replacement)
  v1.5.10 (2026-02-04) - Zen/2: allow Bion→Flora replacement without requiring cube to be rotated
  v1.5.9 (2026-02-04) - Flora top/bottom: forced to Bion in buildCubeGroup, buildGroupFromCustomKind, buildCubeGroupFromSnapshot, faceMetaFromBlock
  v1.5.8 (2026-02-04) - Flora: no top/bottom on any cube; canPlace rejects placement that would intersect Flora bowls
  v1.5.7 (2026-02-04) - Flora positioning: no top/bottom on large cubes; no placement when adjacent cube (prevents intersection)
  v1.5.6 (2026-01-29) - Production paths ./, version v=1545 (mobile: long-press menu, touch place)
  v1.5.5 (2026-01-28) - Tutorial: close button on first step (tutorial.css v1.3)
  v1.5.4 (2026-01-28) - Tutorial v1.2: cookie storage, close button fix, no backend, easy relaunch
  v1.5.3 (2026-01-27) - Production paths updated: all paths changed to ./, version bumped to v=1530 for Cloudflare cache busting
  v1.5.2 (2026-01-21) - Fixed Flora face replacement bug: face no longer "flies off" when replacing Flora with Flora
  v1.5.1 (2026-01-21) - Fixed "cube in cube" bug: reset ghost.ok flag + duplicate position check on placement
  v1.5.0 (2026-01-20) - Fixed Zen/2 snapping to edges of larger blocks (use clampSnap for all different block types)
  v1.4.9 (2026-01-19) - Edge-to-edge alignment on all sides when ghost is larger than target
  v1.4.5 (2026-01-19) - Fixed redo for custom kinds: use ORIGINAL base geometry (Zen/2), not custom kind geometry
  v1.4.4 (2026-01-19) - Fixed undo for custom kinds: use correct base geometry for Zen/2-like blocks
  v1.4.3 (2026-01-19) - Fixed Flora double quaternion issue: don't bake quaternion in faceMetaFromBlock
  v1.4.2 (2026-01-19) - Fixed Flora orientation: _floraBaseQuat must always be identity
  v1.4.1 (2026-01-19) - Fixed Flora: copy quaternion from ghost directly for all blocks
  v1.4.0 (2026-01-19) - Fixed Flora orientation in buildCubeGroup: set quaternion before creating faces
  v1.3.9 (2026-01-19) - Fixed Flora orientation: update immediately after quaternion set
  v1.3.8 (2026-01-19) - Fixed Flora rotation: explicitly set quaternion from rotation
  v1.3.7 (2026-01-19) - Fixed canPlace: use correct AABB for Zen/2 with orientation, reduced shrink
  v1.3.6 (2026-01-19) - Simplified Zen/2 snapping: use box size instead of getBlockHalfInWorldAxis
  v1.3.5 (2026-01-19) - Simplified Flora check: skip for Zen/2 without Flora (easier snapping)
  v1.3.4 (2026-01-19) - Fixed ghost half-extent calculation for regular blocks
  v1.3.3 (2026-01-19) - Unified center-based snapping for all blocks (fixes gaps)
  v1.2.5 (2026-01-19) - Strict block alignment: no free positioning, always centered on target
  v1.2.4 (2026-01-19) - Simplified snapping: Flora is decorative, blocks snap face-to-face
  v1.2.3 (2026-01-19) - Improved Zen/2 snapping precision (no gaps)
  v1.2.2 (2026-01-19) - Fixed Flora face snapping on rotated Zen/2 blocks
  v1.2.1 (2026-01-16) - Fixed Zen/2 face replacement with rotation support
-->
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<title data-i18n-key="app.title">3D Builder</title>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<!-- Cache control - force reload -->
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<!-- Version: 1.5.72 (v=1612) -->
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">window.__CUBIK_BUILD__ = '1.5.72-v1612';</script>
<!-- Production: base paths from PATHS_PRODUCTION.txt -->
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">window.CUBIK_MODELS_BASE = '/3dbuilder/models/'; window.CUBIK_ICONS_BASE = '/3dbuilder/icons/';</script>
<!-- three.js libs (data-cfasync="false" отключает Rocket Loader для этих скриптов) -->
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.min.js"></script>
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/OBJLoader.js"></script>
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/utils/BufferGeometryUtils.js"></script>
<script data-cfasync="false" src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/exporters/GLTFExporter.js"></script>
<!-- PDF Generation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<!-- Driver.js - Interactive Tutorial -->
<link href="https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.js.iife.js" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<link href="/3dbuilder/css/styles.css?v=1612" rel="stylesheet"/>
<link href="/3dbuilder/css/tutorial.css?v=1612" rel="stylesheet"/>
<link rel="stylesheet" href="/assets/components/minishop2/css/web/default.css?v=8124027e82" type="text/css" />
<link rel="stylesheet" href="/assets/components/minishop2/css/web/lib/jquery.jgrowl.min.css" type="text/css" />
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">miniShop2Config = {"close_all_message":"close all","cssUrl":"\/assets\/components\/minishop2\/css\/web\/","jsUrl":"\/assets\/components\/minishop2\/js\/web\/","actionUrl":"\/assets\/components\/minishop2\/action.php","ctx":"web","price_format":[2,"."," "],"price_format_no_zeros":true,"weight_format":[3,"."," "],"weight_format_no_zeros":true};</script>
</head>
<body>
<!-- Mobile Detection (must be first) -->
<script src="/3dbuilder/js/mobile.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<!-- Help (V51-style) -->
<div id="helpOverlay"></div>
<div aria-label="Help" aria-modal="true" id="helpModal" role="dialog">
<div class="help-title">
<div class="txt" data-i18n-key="help.title">Quick start
</div>
<button id="helpClose" title="Close">✕</button>
</div>
<div class="help-grid">
<div class="help-subtitle" data-i18n-key="help.navigation">Navigation</div>
<div class="help-row"><div class="ico"><img alt="LMB" class="icon-img" src="/3dbuilder/icons/lmb-15939bec3f.png?v=1612"/></div><div data-i18n-key="help.lmb.rotate">Hold LMB — rotate</div></div>
<div class="help-row"><div class="ico"><img alt="RMB" class="icon-img" src="/3dbuilder/icons/rmb-0be97d0005.png?v=1612"/></div><div data-i18n-key="help.rmb.pan">Hold RMB — pan</div></div>
<div class="help-row"><div class="ico"><img alt="MMB" class="icon-img" src="/3dbuilder/icons/mmb-c1ff9fc800.png?v=1612"/></div><div data-i18n-key="help.wheel.zoom">Mouse wheel — zoom</div></div>
<div class="help-subtitle" data-i18n-key="help.controls">Controls</div>
<div class="help-row"><div class="ico"><img alt="LMB" class="icon-img" src="/3dbuilder/icons/lmb-15939bec3f.png?v=1612"/></div><div data-i18n-key="help.lmb.add">Add Cubik</div></div>
<div class="help-row"><div class="ico"><img alt="RMB" class="icon-img" src="/3dbuilder/icons/rmb-0be97d0005.png?v=1612"/></div><div data-i18n-key="help.rmb.delete">Delete Cubik</div></div>
<div class="help-row"><div class="ico"><img alt="MMB" class="icon-img" src="/3dbuilder/icons/mmb-c1ff9fc800.png?v=1612"/><img alt="Tab" class="icon-img" src="/3dbuilder/icons/tab-c4e601dc07.png?v=1612"/></div><div data-i18n-key="help.tab.replace">Replace/Repaint facets</div></div>
<div class="help-row"><div class="ico"><div class="ico two"><img alt="Undo" class="icon-img" src="/3dbuilder/icons/undo-e08a1b1750.png?v=1612"/><img alt="Redo" class="icon-img" src="/3dbuilder/icons/redo-516ed939e4.png?v=1612"/></div></div><div data-i18n-key="help.undo">Ctrl+Z / Ctrl+Y — Undo / Redo</div></div>
<div class="help-row"><div class="ico"><span aria-label="Ctrl+C" class="kbd kbd-wide" role="img">Ctrl + C</span></div><div data-i18n-key="help.copy">Copy Cubik</div></div>
<div class="help-row"><div class="ico"><div aria-label="Q/R keys" class="kbd-row" role="img"><span class="kbd">Q</span><span class="kbd">R</span></div></div><div data-i18n-key="help.orbit">Orbit camera around pivot</div></div>
<div class="help-row"><div class="ico"><div class="ico two"><div aria-label="WASD keys" class="kbd-row" role="img"><span class="kbd">W</span><span class="kbd">A</span><span class="kbd">S</span><span class="kbd">D</span></div><div aria-label="E/F keys" class="kbd-row" role="img"><span class="kbd">E</span><span class="kbd">F</span></div></div></div><div data-i18n-key="help.move">Move up/down</div></div>
<div class="help-row"><div class="ico"><span aria-label="Esc key" class="kbd" role="img">Esc</span></div><div data-i18n-key="help.close">Close editor / overlays</div></div>
</div>
<div class="help-actions">
  <button class="primary glow" data-i18n-key="help.start" id="helpStart" title="Start">Start</button>
  <button class="secondary" data-i18n-key="help.tutorial" id="helpTutorialBtn" title="Start Tutorial">
    <svg aria-label="Tutorial" class="tutorial-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
      <path d="M12 2L2 7l10 5 10-5-10-5z"></path>
      <path d="M2 17l10 5 10-5"></path>
      <path d="M2 12l10 5 10-5"></path>
    </svg>
    <span data-i18n-key="help.tutorial">Start Tutorial</span>
  </button>
</div>
</div>

<div id="statsBadge">Cubiks: <span id="statsBadgeCnt">0</span></div>
<!-- App header + HUD -->
<header id="appHeader">
<div class="brand">
<img alt="CUBIK.ONE" class="brand-logo" src="/3dbuilder/icons/cubikone-57bd1f3988.png?v=1612"/>
</div>
<div class="header-right">
<div class="hud-bar" id="hudBar">
<button class="hud-btn" id="hudLoadBtn" title="Load project" type="button">
<span aria-hidden="true" class="hud-icon"><img alt="" src="/3dbuilder/icons/hudloadbtn-d05f32617a.svg?v=1612"/></span>
<span class="hud-label" data-i18n-key="hud.load">Load</span>
</button>
<div class="hud-sep"></div>
<button class="hud-btn" id="hudSaveBtn" title="Save project" type="button">
<span aria-hidden="true" class="hud-icon"><img alt="" src="/3dbuilder/icons/hudsavebtn-12efcfef0d.svg?v=1612"/></span>
<span class="hud-label" data-i18n-key="hud.save">Save</span>
</button>
<div class="hud-sep"></div>
<div class="hud-pill hud-pill-count hud-pill-clickable" data-i18n-attr="title" data-i18n-key="hud.cubiksLabel" id="hudCubiksPill" title="Cubiks in scene (click to export stats)">
<span id="hudCnt">0</span>
<span class="hud-pill-caption" data-i18n-key="hud.cubiks">Cubiks</span>
</div>
<div class="hud-sep"></div>
<div class="hud-pill hud-pill-price" title="Estimated price">
<span id="hudPrice">0 €</span>
</div>
<div class="hud-sep"></div>
<button class="hud-btn hud-btn-continue" id="continueBtn" type="button" title="Save to account / Continue to shop">
<span data-i18n-key="continue.btn">Continue</span>
<span class="continue-icon" aria-hidden="true">›</span>
</button>
</div>
<button aria-label="Open navigation" class="nav-toggle" id="navToggle" type="button">
<span></span><span></span><span></span>
</button>
</div>
</header>
<div id="navOverlay"></div>
<nav aria-label="Main navigation" id="sideNav">
<ul class="sideNav-list">
<li><a data-i18n-key="nav.home" href="https://cubik.one/" rel="noopener noreferrer" target="_blank">Home</a></li>
<li><a data-i18n-key="nav.shop" href="https://cubik.one/catalog/" rel="noopener noreferrer" target="_blank">Shop</a></li>
<li><a data-i18n-key="nav.about" href="https://cubik.one/about-us/" rel="noopener noreferrer" target="_blank">About us</a></li>
<li><a data-i18n-key="nav.faq" href="https://cubik.one/faq/" rel="noopener noreferrer" target="_blank">FAQ</a></li>
<li><a data-i18n-key="nav.gallery" href="https://cubik.one/gallery/" rel="noopener noreferrer" target="_blank">Gallery</a></li>
<li><a data-i18n-key="nav.video" href="https://cubik.one/video/" rel="noopener noreferrer" target="_blank">Video</a></li>
<li><a data-i18n-key="nav.blog" href="https://cubik.one/blog/" rel="noopener noreferrer" target="_blank">Blog</a></li>
<li><a data-i18n-key="nav.partnership" href="https://cubik.one/partnership/" rel="noopener noreferrer" target="_blank">Partnership</a></li>
<li><a data-i18n-key="nav.contacts" href="https://cubik.one/contacts/" rel="noopener noreferrer" target="_blank">Contacts</a></li>
</ul>
</nav>
<!-- OBJ loader removed; models embedded -->
<!-- Main left control panel -->
<div class="panel" id="ui">
<div class="panel-left-slide" id="panelLeftSlide">
<div class="panel-header">
<div class="panel-title" style="display:none"></div>
<div class="panel-actions">
<button class="icon-btn" id="clearBtn" title="Clear scene"><img alt="clearBtn" class="icon-img" src="/3dbuilder/icons/clearbtn-6c7593bbba.png?v=1612"/></button>
<button class="icon-btn" id="undoBtn" title="Undo (Ctrl+Z)"><img alt="undoBtn" class="icon-img" src="/3dbuilder/icons/undo-e08a1b1750.png?v=1612"/></button>
<button class="icon-btn" id="redoBtn" title="Redo (Ctrl+Y)"><img alt="redoBtn" class="icon-img" src="/3dbuilder/icons/redo-516ed939e4.png?v=1612"/></button>
<button class="icon-btn" id="replayBuildBtn" title="Воспроизвести сборку">
<span class="icon-label">▶</span>
</button>
<button class="icon-btn" id="recordTimelapseBtn" title="Записать видео сборки">
<span class="icon-label">●</span>
</button>
</div>
<div class="panel-hint" id="panelHint">
<div class="panel-chip"><span class="ico"><img alt="LMB" class="icon-img" src="/3dbuilder/icons/lmb-15939bec3f.png?v=1612"/></span><span>Add cubik</span></div>
<div class="panel-chip"><span class="ico"><img alt="RMB" class="icon-img" src="/3dbuilder/icons/rmb-0be97d0005.png?v=1612"/></span><span>Delete cubik</span></div>
<div class="panel-chip"><span class="ico two"><img alt="MMB" class="icon-img" src="/3dbuilder/icons/mmb-c1ff9fc800.png?v=1612"/><img alt="Tab" class="icon-img" src="/3dbuilder/icons/tab-c4e601dc07.png?v=1612"/></span><span>Replace/repaint facets</span></div>
</div>
</div>
<div class="panel-cubes-palette" id="panelCubesPalette">
<div class="row row-main">
<div class="gallery" id="gallery">
<div class="card" data-kind="Void" data-label="1">
<span class="badge">1</span>
<canvas></canvas>
</div>
<div class="card" data-kind="Zen" data-label="2">
<span class="badge">2</span>
<canvas></canvas>
</div>
<div class="card" data-kind="Bion" data-label="3">
<span class="badge">3</span>
<canvas></canvas>
</div>
<div class="card" data-kind="Zen/2" data-label="4">
<span class="badge">4</span>
<canvas></canvas>
</div>
</div>
</div>
<div class="row row-palette">
<div class="palette" id="palette"></div>
</div>
</div>
<div class="row row-help">
<button class="icon-btn" id="helpBtn" title="Help / Quick start"><svg aria-label="Help" class="icon-img help-q" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none" stroke="currentColor" stroke-width="1.7" vector-effect="non-scaling-stroke">
<circle cx="12" cy="12" opacity="0.65" r="10.2"></circle>
</g>
<g fill="currentColor">
<path d="M12 16.9a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3z"></path>
<path d="M12 4.9c-2.32 0-3.9 1.2-3.9 3.03 0 .5.38.9.88.9.46 0 .77-.22.92-.64.27-.78.88-1.3 2.1-1.3 1.24 0 2.05.7 2.05 1.7 0 .7-.36 1.2-1.2 1.8-.98.7-1.5 1.44-1.5 2.56v.24c0 .53.36.9.92.9.55 0 .9-.37.9-.9v-.17c0-.72.32-1.18 1.15-1.77 1.12-.8 1.84-1.66 1.84-2.96C15.26 6.1 13.9 4.9 12 4.9z"></path>
</g>
</svg><span class="help-label" data-i18n-key="help.btn">Help</span></button>
</div>
</div>
<div class="panel-right-strip" id="panelRightStrip">
<button type="button" class="panel-toggle-arrow" id="panelToggleArrow" aria-label="Toggle menu" data-i18n-key="panel.toggleMenu" data-i18n-attr="title" title="Collapse / expand menu"><span class="panel-toggle-arrow-icon">▶</span></button>
</div>
<!-- fallback selects (hidden in normal UI) -->
<select class="hidden-legacy" id="typeSelect">
<option selected>Bion</option>
<option>Void</option>
<option>Zen</option>
<option>Zen/2</option>
</select>
<select class="hidden-legacy" id="ralSelect">
<option value="#7D7F7D">RAL 7037</option>
<option value="#E1B589">Bion beige</option>
<option value="#0A6F3C" selected>Bion green</option>
<option value="#F4F4F4">RAL 9003</option>
<option value="#0A0A0A">RAL 9005</option>
</select>
<div class="hint" data-i18n-key="status.ready" id="status">Ready.</div>
</div>
<!-- Editor side panel: в touch-mode сворачивается целиком -->
<div id="editorWrap">
<div id="editor">
<div class="panel-header" style="margin-bottom:10px; display:flex; flex-direction:column; align-items:flex-start; gap:6px;">
<h3 data-i18n-key="editor.title" style="margin:0;font-size:16px;color:#fff;font-weight:600;">Block Editor</h3>
<div class="hint" data-i18n-key="editor.hint" style="width:100%;color:var(--muted);font-size:12px;line-height:1.4;">Select the facets you want to replace, pick a color in the palette, choose replacement type — then apply.</div>
</div>
<div class="group">
<div id="previewWrap">
<div data-i18n-key="editor.noSelection" id="previewHint">No cubik selected</div>
</div>
</div>
<div class="group">
<div class="face-type-gallery" id="faceTypeGallery"></div>
<div style="margin-top:8px;display:flex;flex-direction:column;gap:8px">
<button class="primary" data-i18n-key="editor.replace" id="replaceBtn">Replace facets</button>
</div>
</div>
<div class="group">
<div class="palette" id="paletteFace"></div>
<select class="hidden-legacy" id="faceColor">
<option value="#7D7F7D">RAL 7037</option>
<option value="#E1B589">Bion beige</option>
<option value="#0A6F3C" selected>Bion green</option>
<option value="#F4F4F4">RAL 9003</option>
<option value="#0A0A0A">RAL 9005</option>
</select>
</div>
</div>
<button type="button" class="editor-toggle-tab" id="editorToggleTab" data-i18n-key="editor.collapsePanel" data-i18n-attr="title" title="Collapse panel"><span class="editor-toggle-icon" aria-hidden="true">◀</span></button>
</div>
<div id="edOverlay" title="close"></div>

<!-- Context menu (long-press on cube, touch mode) -->
<div id="cubeContextMenu" class="cube-context-menu" aria-hidden="true" role="menu">
  <button type="button" class="cube-context-btn" data-action="edit" role="menuitem" data-i18n-key="context.edit">Edit</button>
  <button type="button" class="cube-context-btn cube-context-btn-danger" data-action="delete" role="menuitem" data-i18n-key="context.delete">Delete cube</button>
</div>

<!-- Block counter -->
<div id="stats" style="display:none">
  Blocks: <b id="cnt">0</b>
</div>
<!-- Export stats button (hidden in UI; stats download via HUD Cubiks pill only) -->
<button data-i18n-key="export.stats" id="exportStatsBtn" title="Export statistics to .txt" style="display:none">Export stats</button>

<!-- Project save/load panel -->
<div id="projectPanel">
<select id="projectSelect"></select>
<button class="icon-btn primary project-btn" data-i18n-key="project.save" id="exportJsonBtn" title="Save project as JSON">Save project</button>
<button class="icon-btn project-btn" data-i18n-key="project.load" id="importJsonBtn" title="Load project from JSON">Load project</button>
<input accept="application/json" id="importJsonInput" style="display:none" type="file"/>
</div>
<!-- Project name modal -->
<div id="projectModal">
<div class="project-modal-backdrop"></div>
<div class="project-modal-window">
<div class="project-modal-header" data-i18n-key="project.modalTitle">Save project</div>
<div class="project-modal-body">
<input autocomplete="off" data-i18n-placeholder="project.name" id="projectNameInput" placeholder="Project name" type="text"/>
</div>
<div class="project-modal-footer">
<button class="icon-btn project-btn" data-i18n-key="project.cancel" id="projectModalCancel">Cancel</button>
<button class="icon-btn primary project-btn" data-i18n-key="project.saveBtn" id="projectModalSave">Save</button>
</div>
</div>
</div>
<!-- Header HUD & navigation behavior -->
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">
(function(){
  var body = document.body;
  var navToggle = document.getElementById('navToggle');
  var navClose  = document.getElementById('navClose');
  var sideNav   = document.getElementById('sideNav');
  var overlay   = document.getElementById('navOverlay');

  function setNavOpen(open){
    if(!sideNav) return;
    if(open){
      body.classList.add('nav-open');
    }else{
      body.classList.remove('nav-open');
    }
  }

  if(navToggle){
    navToggle.addEventListener('click', function(){
      var isOpen = body.classList.contains('nav-open');
      setNavOpen(!isOpen);
    });
  }
  if(navClose){
    navClose.addEventListener('click', function(){ setNavOpen(false); });
  }
  if(overlay){
    overlay.addEventListener('click', function(){ setNavOpen(false); });
  }

  // Proxy Load / Save
  var hudLoad = document.getElementById('hudLoadBtn');
  var hudSave = document.getElementById('hudSaveBtn');
  if(hudLoad){
    hudLoad.addEventListener('click', function(){
      var btn = document.getElementById('importJsonBtn');
      if(btn && btn.click) btn.click();
    });
  }
  // OLD: hudSave скачивал JSON — убрано
  // Теперь Save отправляет данные на /add-new-resource-api/
  // через shop-on-save.cubik.one.js

  // Language switcher
  var langSwitcher = document.getElementById('langSwitcher');
  if(langSwitcher){
    langSwitcher.addEventListener('click', function(e){
      var btn = e.target.closest('.lang-btn');
      if(btn && btn.dataset.lang && window.CubikI18N){
        window.CubikI18N.setLang(btn.dataset.lang);
      }
    });
  }
})();
</script>
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">
(function(){
  var sideNav = document.getElementById('sideNav');
  var hudBar = document.getElementById('hudBar');
  if(sideNav && hudBar){
    function updateWidth(){
      var hudW = hudBar.offsetWidth + 70;
      var maxW = window.innerWidth;
      var w = Math.min(hudW, maxW);
      sideNav.style.width = w + 'px';
    }
    var observer = new MutationObserver(updateWidth);
    observer.observe(hudBar, {childList: true, subtree: true, characterData: true});
    setTimeout(updateWidth, 100);
    window.addEventListener('resize', updateWidth);
  }
})();
</script>

<!-- ============================================
     Modular JS Architecture v1.1
     All files in same directory
     ============================================ -->

<!-- Core Modules (load order matters) -->
<script src="/3dbuilder/js/i18n.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/utils.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/renderer.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/loader.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/ui.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/history.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/autosave.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/io.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/thumbnail.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/3dbuilder/js/backend-api.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<!-- Shop product mapping (Type|Color -> Product ID) -->
<script src="/3dbuilder/js/cubik-shop-map.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">
  // DEMO initial project JSON embedded in HTML (later can be injected from your LK/database)
  // Supported formats:
  // 1) { name, snapshot: [...], customKinds?: {...} }
  // 2) snapshot array: [...]
  window.__INITIAL_PROJECT__ = {
    "name": "Demo from HTML",
    "snapshot": [
      {
        "type": "solid",
        "kind": "Bion",
        "colorHex": "#0A6F3C",
        "position": [0, 0.5, 0],
        "rotation": [0, 0, 0],
        "scale": [1, 1, 1]
      }
    ]
  };
</script>

<!-- Main Application -->
<script src="/3dbuilder/js/app.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<!-- PDF Instructions Module -->
<script src="/3dbuilder/js/pdf-instructions.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<!-- cubik.one shop integration (send on Continue) -->
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">
  // Shop integration configuration.
  // cubik-shop-map.js уже установил CUBIK_SHOP_MAP и отключил автозагрузку с /cubiks/
  window.CUBIK_ORDER = Object.assign({}, window.CUBIK_ORDER || {}, {
    // cubiksUrl и shopMapUrl отключены в cubik-shop-map.js
    // Используется захардкоженный маппинг CUBIK_SHOP_MAP
    
    apiUrl: '/add-new-resource-api/',

    // URL для загрузки проекта по ID (избегает 414 при больших model_code в URL)
    getProjectApiUrl: '/get-project-api/',

    // Behaviour after successful response from /add-new-resource-api/
    // 'new-tab' — открыть пустую вкладку по клику, после ответа подставить URL ЛК (Safari не блокирует, редактор остаётся открыт)
    // 'same-tab' — переход в ЛК в текущей вкладке (редактор закроется)
    redirectMode: 'new-tab',

    // Attach to Continue button (NOT Save - Save is now local JSON only)
    bindToSaveButton: true,
    saveButtonId: 'continueBtn',

    // Thumbnail
    thumbnailWidth: 512,
    thumbnailHeight: 512,
    thumbnailFormat: 'image/png',

    // Debug logging
    log: true
  });
</script>
<script src="/3dbuilder/js/shop-on-save.cubik.one.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>

<!-- HUD Save button - local JSON export only -->
<script type="312e6cb9f0fa9f9bf8b54ae4-text/javascript">
(function(){
  function bindSaveToLocalExport() {
    var saveBtn = document.getElementById('hudSaveBtn');
    if (!saveBtn) return false;
    
    saveBtn.addEventListener('click', function(e) {
      // Export JSON locally
      if (window.CubikIO && typeof window.CubikIO.exportJSON === 'function') {
        window.CubikIO.exportJSON('cubik-project.json');
      } else if (typeof window.exportProjectJSON === 'function') {
        window.exportProjectJSON('cubik-project.json');
      } else {
        console.warn('[Save] CubikIO.exportJSON not available');
      }
    });
    
    console.log('[Save] Bound hudSaveBtn to local JSON export');
    return true;
  }
  
  if (!bindSaveToLocalExport()) {
    document.addEventListener('DOMContentLoaded', bindSaveToLocalExport);
  }
})();
</script>

<!-- Interactive Tutorial Module -->
<script src="/3dbuilder/js/tutorial.js?v=1612" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/assets/components/minishop2/js/web/default.js?v=q1243q" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/assets/components/minishop2/js/web/lib/jquery.jgrowl.min.js" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/assets/components/minishop2/js/web/message_settings.js" type="312e6cb9f0fa9f9bf8b54ae4-text/javascript"></script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="312e6cb9f0fa9f9bf8b54ae4-|49" defer></script></body>
</html>