<!-- RUBY-BACKUP · part 554 -->
itives"><div class="icon">⚪🔺</div>MESH<br>PRIMITIVES</div>
        <div class="tool" data-fn="brushes"><div class="icon">🖌️</div>SURFACE<br>BRUSHES</div>
        <div class="tool" data-fn="clay"><div class="icon">🗿</div>DIGITAL<br>CLAY</div>
        <div class="tool" data-fn="undo"><div class="icon">↩️↪️</div>Undo/Redo</div>
        <div class="tool" data-fn="select"><div class="icon">➤</div>Select</div>
        <div class="tool" data-fn="move"><div class="icon">✛</div>Move</div>
        <div class="tool" data-fn="rotate"><div class="icon">🔄</div>Rotate</div>
        <div class="tool" data-fn="scale"><div class="icon">⤢</div>Scale</div>
        <div class="tool" data-fn="align"><div class="icon">🎯</div>Precision<br>Align</div>
      </div>
      <div class="meta">
        <div style="font-weight:bold;margin-bottom:8px;">📋 ARTIST WORKFLOW & METADATA ×</div>
        <div class="row">Type: <b>Sculpted Mesh (Polished Marble)</b></div>
        <div class="row">Pos: <b>X,Y,Z coordinates (editable)</b></div>
        <div class="row">Current Precision Offset:</div>
        <div class="row">📌 Keyframes in keyframes ^</div>
        <div class="row">Estimated Fabrication Cost: <b>$3.52</b></div>
      </div>
      <div class="rightbar">
        <div class="rpanel"><div class="h">MESH RESOLUTION</div>(faces/polys counter)</div>
        <div class="rpanel"><div class="h">SCULPT HISTORY<br>& UNDO TIMELINE</div></div>
        <div class="rpanel"><div class="h">MATERIAL COST</div>(e.g., Marble-A: 1.5 units, Gold: 0.2 units)</div>
        <div class="rpanel"><div class="h">CREATOR TOOLS (13)</div><div class="ctools">
          <div class="ctool" data-fn="duplicate"><div class="icon">📄</div>Duplicate</div>
          <div class="ctool" data-fn="color"><div class="icon">🎨</div>Color</div>
          <div class="ctool" data-fn="flip"><div class="icon">⇋</div>Flip</div>
          <div class="ctool" data-fn="stretch"><div class="icon">↔️</div>Stretch</div>
          <div class="ctool" data-fn="bend"><div class="icon">〰️</div>Bend</div>
          <div class="ctool" data-fn="snap"><div class="icon">🧲</div>Snap</div>
          <div class="ctool" data-fn="calibrate"><div class="icon">🎯</div>Calibrate</div>
          <div class="ctool" data-fn="layer"><div class="icon">📚</div>Layer</div>
          <div class="ctool" data-fn="section"><div class="icon">◧</div>Section</div>
          <div class="ctool" data-fn="smooth"><div class="icon">〰️</div>Smooth</div>
          <div class="ctool" data-fn="sharpen"><div class="icon">🔺</div>Sharpen</div>
          <div class="ctool" data-fn="hollow"><div class="icon">⭕</div>Hollow</div>
          <div class="ctool" data-fn="undo2"><div class="icon">↩️</div>Undo</div>
        </div></div>
      </div>
      <div class="linework">
        <div class="h">LINEWORK CHOOSER ×</div>
        <div style="font-size:10px;margin:6px 0;">Densities</div>
        <div class="lw-opt" data-lw="sparse">Sparse</div>
        <div class="lw-opt on" data-lw="medium">Medium</div>
        <div class="lw-opt" data-lw="dense">Dense</div>
        <div style="font-size:10px;margin:6px 0;">Curated Presets</div>
        <div class="lw-opt">Blueprint</div>
        <div class="lw-opt">Parchment</div>
        <div class="lw-opt">Midnight</div>
      </div>
      <div class="blockpicker">
        <div class="h">🧊 block picker</div>
        <div class="block" data-fn="cube"><div class="icon">🧊</div>Standard Cube</div>
        <div class="block" data-fn="hourglass"><div class="icon">⏳</div>Hourglass V-Core</div>
        <div class="block" data-fn="pylon"><div class="icon">🗼</div>Refined Pylon (Small)</div>
        <div class="block" data-fn="tetra"><div class="icon">🔺</div>Hollow Tetra</div>
        <div class="block" data-fn="pyramid"><div class="icon">🔻</div>Layered Pyramid (Fixed @ 0.13)</div>
      </div>
      <div class="viewport">3D Viewport — your world behind this panel</div>
      <div class="actions">
        <div style="font-size:11px;margin-bottom:8px;">&lt;/&gt; ACTIONS SHELF ×</div>
        <div class="shelf">
          <button>LIGHTING & FX</button>
          <button>ADD TO LIBRARY</button>
          <button>MANAGE LAYERS</button>
        </div>
        <button class="export" data-fn="export">RENDER & EXPORT (PNG, OBJ, FBX) ⬆️</button>
      </div>
    `;
    document.body.appendChild(el);
    // wire up all the buttons
    el.querySelectorAll('[data-fn]').forEach(function(b){
      b.addEventListener('click', function(){
        var fn = b.getAttribute('data-fn');
        handleFn(fn);
      });
    });
    el.querySelectorAll('[data-lw]').forEach(function(b){
      b.addEventListener('click', function(){
        el.querySelectorAll('[data-lw]').forEach(function(x){ x.classList.remove('on'); });
        b.classList.add('on');
        if(typeof codeStatus==='function') codeStatus('linework: '+b.getAttribute('data-lw'));
      });
    });
  }
  function handleFn(fn){
  