<!-- PLAYA · part 16 -->
t="tool" data-arg="create"><span class="ic">＋</span>Create<br>(tap ground)</button>
      <button class="btn" data-act="tool" data-arg="delete"><span class="ic">－</span>Delete<br>(tap block)</button>
      <button class="btn" data-act="alignrow"><span class="ic">☰</span>Align<br>Row</button>
    </div>
  </div>
  <div class="sec" id="sec-tools">
    <h3>Creator Tools (13)</h3>
    <div class="grid g3">
      <button class="btn" data-act="duplicate"><span class="ic">❏</span>Duplicate</button>
      <button class="btn" data-act="opencolor"><span class="ic">🎨</span>Color</button>
      <button class="btn" data-act="flip"><span class="ic">⇋</span>Flip</button>
      <button class="btn" data-act="stretch"><span class="ic">↕</span>Stretch</button>
      <button class="btn" data-act="bend" data-arg="1"><span class="ic">⌒</span>Bend</button>
      <button class="btn" data-act="snap"><span class="ic">⌗</span>Snap</button>
      <button class="btn" data-act="calibrate"><span class="ic">⊕</span>Calibrate</button>
      <button class="btn" data-act="layer"><span class="ic">☷</span>Layer</button>
      <button class="btn" data-act="section"><span class="ic">◧</span>Section</button>
      <button class="btn" data-act="smooth"><span class="ic">◯</span>Smooth</button>
      <button class="btn" data-act="sharpen"><span class="ic">◇</span>Sharpen</button>
      <button class="btn" data-act="hollow"><span class="ic">▢</span>Hollow</button>
      <button class="btn" data-act="undo"><span class="ic">↶</span>Undo</button>
    </div>
    <p class="note">Tools act on the selected block (gold box). Snap = grid 1 &amp; 15°. Calibrate = 0.13 minimum + set on ground. Layer = stack a copy on top. Section = cut in half. Hollow = wire shell.</p>
  </div>
  <div class="sec" id="sec-clay">
    <h3>Digital Clay</h3>
    <div class="grid g3">
      <button class="btn" data-act="bend" data-arg="-1"><span class="ic">⌒</span>Bend −</button>
      <button class="btn" data-act="bend" data-arg="1"><span class="ic">⌒</span>Bend +</button>
      <button class="btn" data-act="inflate"><span class="ic">⬤</span>Inflate</button>
      <button class="btn" data-act="flatten"><span class="ic">▬</span>Flatten</button>
      <button class="btn" data-act="pinch"><span class="ic">⤡</span>Pinch</button>
      <button class="btn" data-act="unbend"><span class="ic">│</span>Straighten</button>
    </div>
    <h4>Mesh resolution</h4>
    <div class="grid g3">
      <button class="btn" data-act="res" data-arg="1">Low</button>
      <button class="btn" data-act="res" data-arg="2">Medium</button>
      <button class="btn" data-act="res" data-arg="4">High</button>
    </div>
  </div>
  <div class="sec" id="sec-brushes">
    <h3>Surface Brushes · Material Palette</h3>
    <div class="grid g3" id="brushlist"></div>
  </div>
  <div class="sec" id="sec-mat">
    <h3>Material &amp; Texture</h3>
    <div class="row"><label>Roughness</label><input type="range" min="0" max="1" step="0.01" data-slider="roughness"></div>
    <div class="row"><label>Metallic</label><input type="range" min="0" max="1" step="0.01" data-slider="metalness"></div>
  </div>
  <div class="sec" id="sec-fx">
    <h3>FX</h3>
    <div class="row"><label>Glow</label><input type="range" min="0" max="2" step="0.01" data-slider="glow"></div>
    <div class="row"><label>Opacity</label><input type="range" min="0.1" max="1" step="0.01" data-slider="opacity"></div>
    <div class="grid g3">
      <button class="btn" data-act="hollow"><span class="ic">▢</span>Hollow</button>
      <button class="btn" data-act="section"><span class="ic">◧</span>Section</button>
      <button class="btn" data-act="smooth"><span class="ic">◯</span>Smooth</button>
    </div>
  </div>
  <div class="sec" id="sec-color">
    <h3>Color</h3>
    <div class="wheelwrap">
      <div class="wheel" id="wheel"><div class="mk" id="wheelmk"></div></div>
      <div class="grid" style="width:100%">
        <div class="prev" id="cprev"></div>
        <div class="row" style="grid-template-columns:70px 1fr"><label>Light</label><input type="range" min="10" max="90" step="1" value="50" id="clight"></div>
        <div class="grid g2"><input class="hex" id="chex" value="#C9A54F" maxlength="7" autocomplete="off" autocapitalize="off" spellcheck="false"><button class="btn gold" data-act="applyhex">Apply</button></div>
      </div>
    </div>
    <div class="grid g4" id="swatches" style="margin-top:8px"></div>
  </div>
  <div class="sec" id="sec-linework">
    <h3>Linework Chooser</h3>
    <h4>Densities</h4>
    <div class="grid g4">
      <button class="btn" data-act="grid" data-arg="40">Coarse</button>
      <button class="btn" data-act="grid" data-arg="100">Medium</button>
      <button class="btn" data-act="grid" data-arg="200">Fine</button>
      <button class="btn" data-act="grid" data-arg="0">Off</button>
    </div>
    <h4>Curated presets</h4>
    <div class="grid g3" id="lwpresets"></div>
    <h4>Color wheels</h4>
    <div c