Canvas UI: move examples row into left column under the board (fill dead space)

app.py

@@ -449,8 +449,11 @@ STYLE2 = """
 /* board shows the reference as a cover background while editing */
 #f3-root .board{background-size:cover;background-position:center;background-repeat:no-repeat;}
 
-/* examples row (below the canvas) */
-#f3-root .examples{margin-top:20px;}
+/* left column stacks the board + the examples row directly under it */
+#f3-root .leftcol{display:flex;flex-direction:column;gap:18px;min-width:0;}
+
+/* examples row (directly below the canvas) */
+#f3-root .examples{margin-top:0;}
 #f3-root .ex-head{font:600 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--dim2);margin-bottom:10px;}
 #f3-root .ex-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
 #f3-root .excard{background:var(--panel);border:1px solid var(--line2);border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .12s,background .12s;}
@@ -721,12 +724,15 @@ SCRIPT = r"""
     + '<p>Draw a box for every element, describe it, and the step-distilled FLUX.3 model renders your layout. '
     +   'Upload a reference image to edit it with the same boxes.</p></div>'
     +'<div class="main">'
+    + '<div class="leftcol">'
     + '<div class="canvas-wrap"><div class="board empty"><div class="hint">Drag to draw your first element box, pick an example below, or add a reference image.</div><div class="spin">Rendering with FLUX.3…</div></div>'
     +   '<div class="ratio-tag"></div>'
     +   '<div class="board-tools">'
     +     '<div class="btn toggleBtn on" style="display:none"><span class="toggle"></span>Bounding boxes</div>'
     +     '<div class="btn replayBtn">↻ Replay</div>'
     +   '</div></div>'
+    +   '<div class="examples"><div class="ex-head">EXAMPLES — click to load, or build your own</div><div class="ex-row"></div></div>'
+    + '</div>'
     + '<div class="side">'
     +   '<div class="steps"></div>'
     +   '<div class="refblock"><label>REFERENCE IMAGE <span class="opt">optional · edit an image</span></label>'
@@ -739,7 +745,6 @@ SCRIPT = r"""
     +   '<div class="gen"><button class="genbtn">Generate</button></div>'
     + '</div>'
     +'</div>'
-    +'<div class="examples"><div class="ex-head">EXAMPLES — click to load, or build your own above</div><div class="ex-row"></div></div>'
     +'<div class="table-bar"><span class="lab">+ VIEW THE ELEMENT TABLE</span><span class="cnt">0 ROWS</span></div>'
     +'<div class="etable"></div>';