Move Copy link to Generate & Play and align /play output.

Shows Copy link beside the synth engine controls and makes /play run procedural generation to match the main page.

index.html

@@ -877,7 +877,6 @@
                         <input type="range" id="soundfontVolume" min="0" max="1" step="0.01" value="0.7" />
                     </div>
                     <div class="preview-actions">
-                        <button id="copyLinkBtn" type="button" disabled>Copy link</button>
                         <button id="nextResultBtn" class="next-result" disabled>Try Next Result</button>
                     </div>
                 </div>
@@ -900,6 +899,7 @@
                         <div class="motif-controls">
                             <button id="motifBtn" class="primary" disabled>Generate & Play</button>
                             <button id="motifStopBtn" disabled>Stop</button>
+                            <button id="copyLinkBtn" type="button" disabled>Copy link</button>
                             <div class="volume-control">
                                 <label for="motifVolume">Volume</label>
                                 <input type="range" id="motifVolume" min="0" max="1" step="0.01" value="0.7" />

src/play.ts

@@ -114,8 +114,8 @@ async function main(): Promise<void> {
       setUiPlaying(true);
       statusEl.textContent = 'Generating…';
 
-      // Match main page output: passthrough → existing SynthesisEngine.
-      await motifEngine.generateFromMIDI(events, 'passthrough');
+      // Match main page "Generate & Play": procedural role-mapping → existing SynthesisEngine.
+      await motifEngine.generateFromMIDI(events, 'procedural');
       motifEngine.setVolume(Number.parseFloat(volumeEl.value));
 
       statusEl.textContent = 'Playing…';