diff --git a/index.html b/index.html
index 0e4213b..6df58b8 100644
--- a/index.html
+++ b/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" />
diff --git a/src/play.ts b/src/play.ts
index 3f9fa77..4343ae9 100644
--- a/src/play.ts
+++ b/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…';