@onjmin/dtm 0.1.23 → 0.1.25

package/dist/index.js

@@ -1216,6 +1216,9 @@ var ICONS = {
   },
   info: {
     d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
+  },
+  more: {
+    d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
   }
 };
 var icon = (name, size = 20) => {
@@ -1342,6 +1345,7 @@ var buildUI = (target, options) => {
         <textarea class="dtm-textarea dtm-grow" data-dtm="mml-input" placeholder="MML\u3092\u5165\u529B"></textarea>
         <button class="dtm-btn dtm-btn--primary" data-dtm="mml-load">\u8AAD\u8FBC</button>
       </div>
+      <p class="dtm-load-note dtm-hidden" data-dtm="mml-load-note"></p>
     </div>
   </details>
 
@@ -1424,6 +1428,7 @@ var buildUI = (target, options) => {
       <div class="dtm-modal-body" data-dtm="modal-body"></div>
     </div>
   </div>
+
 </div>`;
   const root = q(target, '[data-dtm="root"]');
   const sel = (name) => q(root, `[data-dtm="${name}"]`);
@@ -1467,6 +1472,7 @@ var buildUI = (target, options) => {
     midiPanel: sel("midi-panel"),
     mmlInput: sel("mml-input"),
     mmlLoadBtn: sel("mml-load"),
+    mmlLoadNote: sel("mml-load-note"),
     shiftSelect: sel("shift-select"),
     shiftApplyBtn: sel("shift-apply"),
     macroClear: sel("macro-clear"),
@@ -1620,6 +1626,110 @@ var DRUM_PATTERNS = {
   ]
 };
 
+// src/instrument-presets.ts
+var INSTRUMENT_PRESETS = {
+  // --- STANDARD: 汎用性と完成度重視 ---
+  piano: {
+    displayName: "\u30B0\u30E9\u30F3\u30C9\u30D4\u30A2\u30CE",
+    description: "\u6700\u3082\u7834\u7DBB\u3057\u306B\u304F\u3044\u69CB\u6210\u3002\u697D\u66F2\u5236\u4F5C\u306E\u30B9\u30B1\u30C3\u30C1\u306B\u3082\u6700\u9069\u3002",
+    melody: "Acoustic Grand Piano",
+    submelody: "Vibraphone",
+    bass: "Electric Bass (finger)",
+    chord: "Pad 2 (warm)"
+  },
+  acoustic: {
+    displayName: "\u30A2\u30B3\u30FC\u30B9\u30C6\u30A3\u30C3\u30AF",
+    description: "\u751F\u697D\u5668\u306E\u6E29\u304B\u307F\u3092\u91CD\u8996\u3002\u30D5\u30A9\u30FC\u30AF\u3084\u30DD\u30C3\u30D7\u30B9\u306B\u3002",
+    melody: "Acoustic Guitar (steel)",
+    submelody: "Harmonica",
+    bass: "Acoustic Bass",
+    chord: "Acoustic Guitar (nylon)"
+  },
+  jazz_night: {
+    displayName: "\u30B8\u30E3\u30BA\u30FB\u30CA\u30A4\u30C8",
+    description: "Rhodes\u98A8\u306EEP\u3068\u30A6\u30C3\u30C9\u30D9\u30FC\u30B9\u306B\u3088\u308B\u3001\u5927\u4EBA\u3073\u305F\u30A2\u30F3\u30B5\u30F3\u30D6\u30EB\u3002",
+    melody: "Electric Piano 1",
+    submelody: "Flute",
+    bass: "Acoustic Bass",
+    chord: "Electric Guitar (jazz)"
+  },
+  // --- MODERN & VIBE: エッジの効いた現代的な響き ---
+  synth_pop: {
+    displayName: "\u30B7\u30F3\u30BB\u30DD\u30C3\u30D7",
+    description: "80s\u301C\u73FE\u4EE3\u307E\u3067\u3002\u629C\u3051\u308B\u30EA\u30FC\u30C9\u3068\u592A\u3044\u30D9\u30FC\u30B9\u306E\u738B\u9053\u3002",
+    melody: "Lead 2 (sawtooth)",
+    submelody: "Lead 4 (chiff)",
+    bass: "Synth Bass 2",
+    chord: "Pad 3 (polysynth)"
+  },
+  cyber_punk: {
+    displayName: "\u30B5\u30A4\u30D0\u30FC\u30D1\u30F3\u30AF",
+    description: "\u30C7\u30B8\u30BF\u30EB\u306A\u51B7\u305F\u3055\u3068\u6B6A\u307F\u304C\u6DF7\u3056\u308A\u5408\u3046\u3001\u672A\u6765\u7684\u306A\u97FF\u304D\u3002",
+    melody: "Lead 8 (bass + lead)",
+    submelody: "Lead 5 (charang)",
+    bass: "Synth Bass 2",
+    chord: "Pad 8 (sweep)"
+  },
+  rock: {
+    displayName: "\u30CF\u30FC\u30C9\u30ED\u30C3\u30AF",
+    description: "\u6B6A\u307F\u30AE\u30BF\u30FC\u3068\u91CD\u539A\u306A\u30D9\u30FC\u30B9\u3067\u3001\u30D1\u30EF\u30FC\u3092\u524D\u9762\u306B\u3002",
+    melody: "Distortion Guitar",
+    submelody: "Rock Organ",
+    bass: "Electric Bass (pick)",
+    chord: "Overdriven Guitar"
+  },
+  // --- WORLD & CLASSIC: 特定のジャンル・地域 ---
+  orchestra: {
+    displayName: "\u30AA\u30FC\u30B1\u30B9\u30C8\u30E9",
+    description: "\u58EE\u5927\u306A\u7269\u8A9E\u3092\u4E88\u611F\u3055\u305B\u308B\u3001\u7BA1\u5F26\u697D\u5668\u306E\u91CD\u539A\u306A\u97FF\u304D\u3002",
+    melody: "French Horn",
+    submelody: "Pizzicato Strings",
+    bass: "Cello",
+    chord: "Tremolo Strings"
+  },
+  japanese_wa: {
+    displayName: "\u548C\u98A8\u30FB\u96C5",
+    description: "\u7434\u3068\u4E09\u5473\u7DDA\u306E\u7E4A\u7D30\u306A\u8ABF\u3079\u306B\u3001\u5C3A\u516B\u306E\u60C5\u7DD2\u3092\u6DFB\u3048\u3066\u3002",
+    melody: "Koto",
+    submelody: "Shamisen",
+    bass: "Taiko Drum",
+    chord: "Shakuhachi"
+  },
+  arabic_exotic: {
+    displayName: "\u30A8\u30AD\u30BE\u30C1\u30C3\u30AF",
+    description: "\u30B7\u30BF\u30FC\u30EB\u3084\u30D0\u30B0\u30D1\u30A4\u30D7\u306B\u3088\u308B\u3001\u7570\u56FD\u60C5\u7DD2\u6EA2\u308C\u308B\u30B5\u30A6\u30F3\u30C9\u3002",
+    melody: "Sitar",
+    submelody: "Bagpipe",
+    bass: "Fretless Bass",
+    chord: "Kalimba"
+  },
+  // --- FANTASY & ATMOSPHERE: 雰囲気と余韻 ---
+  fantasy_rpg: {
+    displayName: "\u30D5\u30A1\u30F3\u30BF\u30B8\u30FCRPG",
+    description: "\u30AA\u30AB\u30EA\u30CA\u3068\u30CF\u30FC\u30D7\u304C\u7D21\u3050\u3001\u5192\u967A\u3068\u9B54\u6CD5\u306E\u4E16\u754C\u89B3\u3002",
+    melody: "Ocarina",
+    submelody: "Celesta",
+    bass: "Timpani",
+    chord: "Orchestral Harp"
+  },
+  ambient_cloud: {
+    displayName: "\u30A2\u30F3\u30D3\u30A8\u30F3\u30C8",
+    description: "\u8F2A\u90ED\u3092\u307C\u304B\u3057\u305F\u97F3\u8272\u3067\u3001\u6DF1\u3044\u6CA1\u5165\u611F\u3068\u4F59\u97FB\u3092\u6F14\u51FA\u3002",
+    melody: "Lead 6 (voice)",
+    submelody: "Music Box",
+    bass: "Synth Bass 1",
+    chord: "Pad 7 (halo)"
+  },
+  retro_game: {
+    displayName: "8-bit \u30EC\u30C8\u30ED",
+    description: "\u77E9\u5F62\u6CE2\u3092\u60F3\u8D77\u3055\u305B\u308B\u3001\u521D\u671F\u30B2\u30FC\u30E0\u6A5F\u306E\u3088\u3046\u306A\u61D0\u304B\u3057\u3044\u97FF\u304D\u3002",
+    melody: "Lead 1 (square)",
+    submelody: "Lead 2 (sawtooth)",
+    bass: "Synth Bass 1",
+    chord: "Clavinet"
+  }
+};
+
 // node_modules/.pnpm/@onjmin+koe@1.0.3/node_modules/@onjmin/koe/dist/index.js
 var MAGIC = 1263486208;
 function parseKoeHeader(headerBytes) {
@@ -2502,7 +2612,20 @@ var createWorkerBackend = async (workerUrl, options) => {
   };
 };
 var createKoeVoice = async (ctx, destination, options) => {
-  const backend = options.voiceWorkerUrl ? await createWorkerBackend(options.voiceWorkerUrl, options) : await createLocalBackend(options);
+  let backend;
+  if (options.voiceWorkerUrl) {
+    try {
+      backend = await createWorkerBackend(options.voiceWorkerUrl, options);
+    } catch (err2) {
+      console.warn(
+        "[dtm] Failed to spawn voice worker. Falling back to local backend.",
+        err2
+      );
+      backend = await createLocalBackend(options);
+    }
+  } else {
+    backend = await createLocalBackend(options);
+  }
   const renderCache = /* @__PURE__ */ new Map();
   const inflight = /* @__PURE__ */ new Map();
   const active = /* @__PURE__ */ new Set();
@@ -4017,6 +4140,110 @@ var isChordHeavyTrack = (notes, threshold = 0.6) => {
   return chordNotes / notes.length >= threshold;
 };
 
+// src/mml-info.ts
+var MML_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>1. \u97F3\u7B26\u3068\u4F11\u7B26</h4>
+  <p><code>c</code>(\u30C9) <code>d</code>(\u30EC) <code>e</code>(\u30DF) <code>f</code>(\u30D5\u30A1) <code>g</code>(\u30BD) <code>a</code>(\u30E9) <code>b</code>(\u30B7) \u306E\u30A2\u30EB\u30D5\u30A1\u30D9\u30C3\u30C8\u3067\u8868\u3057\u307E\u3059\u3002</p>
+  <ul>
+    <li>\u534A\u97F3\u4E0A\u3052\u308B: <code>c#</code> \u307E\u305F\u306F <code>c+</code></li>
+    <li>\u534A\u97F3\u4E0B\u3052\u308B: <code>d-</code></li>
+    <li>\u4F11\u7B26: <code>r</code></li>
+  </ul>
+
+  <h4>2. \u97F3\u306E\u9577\u3055</h4>
+  <p>\u97F3\u540D\u3084\u4F11\u7B26\u306E\u5F8C\u306B\u6570\u5024\u3067\u6307\u5B9A\u3057\u307E\u3059\uFF08\u4F8B: <code>4</code> = 4\u5206\u97F3\u7B26, <code>8</code> = 8\u5206\u97F3\u7B26, <code>16</code> = 16\u5206\u97F3\u7B26\uFF09\u3002</p>
+  <ul>
+    <li><code>c4</code> : 4\u5206\u97F3\u7B26\u306E\u30C9</li>
+    <li><code>r8</code> : 8\u5206\u4F11\u7B26</li>
+    <li><code>c4.</code> : \u4ED8\u70B94\u5206\u97F3\u7B26\u306E\u30C9\uFF08\u9577\u3055\u30921.5\u500D\u306B\uFF09</li>
+    <li>\u6570\u5024\u3092\u7701\u7565\u3059\u308B\u3068\u3001<code>l</code> \u30B3\u30DE\u30F3\u30C9\u3067\u8A2D\u5B9A\u3055\u308C\u305F\u30C7\u30D5\u30A9\u30EB\u30C8\u9577\uFF08\u901A\u5E3816\u5206\uFF09\u306B\u306A\u308A\u307E\u3059\u3002</li>
+  </ul>
+
+  <h4>3. \u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u306E\u9AD8\u3055\uFF09</h4>
+  <ul>
+    <li><code>o4</code>, <code>o5</code> : \u9AD8\u3055\u3092\u76F4\u63A5\u6307\u5B9A\uFF08\u3075\u3064\u3046\u306F o4 \u304B o5\uFF09</li>
+    <li><code>&gt;</code> : 1\u30AA\u30AF\u30BF\u30FC\u30D6\u4E0A\u3052\u308B</li>
+    <li><code>&lt;</code> : 1\u30AA\u30AF\u30BF\u30FC\u30D6\u4E0B\u3052\u308B</li>
+  </ul>
+
+  <h4>4. \u30C6\u30F3\u30DD</h4>
+  <ul>
+    <li><code>t120</code> : \u66F2\u306E\u901F\u3055\u3092BPM120\u306B\u6307\u5B9A\u3002\u203B\u30E1\u30ED\u30C7\u30A3\uFF08@0\uFF09\u306E\u30C6\u30F3\u30DD\u6307\u5B9A\u304C\u66F2\u5168\u4F53\u306B\u53CD\u6620\u3055\u308C\u307E\u3059\u3002</li>
+  </ul>
+
+  <h4>5. \u548C\u97F3</h4>
+  <p>\u97F3\u7B26\u3092 <code>[</code> \u3068 <code>]</code> \u3067\u56F2\u3080\u3068\u540C\u6642\u306B\u767A\u97F3\u3057\u307E\u3059\u3002</p>
+  <pre>\u4F8B: [ceg]4 \uFF08\u30C9\u30FB\u30DF\u30FB\u30BD\u30924\u5206\u97F3\u7B26\u3067\u540C\u6642\u306B\u767A\u97F3\uFF09</pre>
+
+  <h4>6. \u30C8\u30E9\u30C3\u30AF\u306E\u533A\u5207\u308A</h4>
+  <p><code>;</code> \u307E\u305F\u306F <code>@0</code>\u301C<code>@3</code> \u3067\u30C8\u30E9\u30C3\u30AF\u3092\u5207\u308A\u66FF\u3048\u307E\u3059\u3002</p>
+  <ul>
+    <li><code>@0</code>: \u30E1\u30ED\u30C7\u30A3</li>
+    <li><code>@1</code>: \u30B5\u30D6\u30E1\u30ED</li>
+    <li><code>@2</code>: \u30D9\u30FC\u30B9</li>
+    <li><code>@3</code>: \u4F34\u594F</li>
+  </ul>
+
+  <h4>7. \u6B4C\u58F0\u30FB\u6B4C\u8A5E\u5165\u529B</h4>
+  <p><code>@@&lt;\u30C8\u30E9\u30C3\u30AF\u756A\u53F7&gt; &lt;\u97F3\u6E90\u540D&gt; &lt;\u6B4C\u8A5E&gt;</code> \u306E\u5F62\u5F0F\u3067\u3001\u97F3\u7B26\u3068\u540C\u671F\u3059\u308B\u6B4C\u8A5E\u3092\u5165\u529B\u3067\u304D\u307E\u3059\u3002</p>
+  <pre>\u4F8B: @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053</pre>
+  <p style="margin-top:4px; margin-bottom:16px;"><small>\uFF08\u97F3\u6E90\u540D\u306F <code>tsukuyomi</code> \u3084 <code>klatt</code>, <code>roze</code> \u306A\u3069\u306E\u97F3\u58F0\u30E2\u30C7\u30EB\u3092\u6307\u5B9A\u3067\u304D\u307E\u3059\uFF09</small></p>
+
+  <h4 style="margin-top: 18px; border-top: 1px solid var(--dtm-border2); padding-top: 8px;">\u30B5\u30F3\u30D7\u30EB\u66F2\uFF08\u8A66\u8074\u30FB\u30B3\u30D4\u30FC\uFF09</h4>
+
+  <!-- \u30B5\u30F3\u30D7\u30EB1 -->
+  <div class="dtm-modal-sample-box">
+    <div class="dtm-modal-sample-header">
+      <span class="dtm-modal-sample-tag">1. \u57FA\u672C\u306E\u30E1\u30ED\u30C7\u30A3</span>
+      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 l8 o5 c d e f g a b > c">\u{1F4CB} \u30B3\u30D4\u30FC</button>
+    </div>
+    <pre style="margin: 0; padding: 6px;">@0 t120 l8 o5 c d e f g a b &gt; c</pre>
+    <div class="dtm-modal-sample-desc">
+      \u57FA\u672C\u7684\u306A\u30E1\u30ED\u30C7\u30A3\u306E\u66F8\u304D\u65B9\uFF08\u97F3\u540D\u30FB\u9577\u3055\u30FB\u30AA\u30AF\u30BF\u30FC\u30D6\u3068\u30C6\u30F3\u30DD\uFF09\u3002
+    </div>
+    <div style="margin-top: 8px;">
+      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 l8 o5 c d e f g a b > c">\u25B6 \u8A66\u8074</button>
+    </div>
+    <div class="dtm-modal-sample-player-container"></div>
+  </div>
+
+  <!-- \u30B5\u30F3\u30D7\u30EB2 -->
+  <div class="dtm-modal-sample-box">
+    <div class="dtm-modal-sample-header">
+      <span class="dtm-modal-sample-tag">2. \u8907\u6570\u30C8\u30E9\u30C3\u30AF\u3068\u548C\u97F3</span>
+      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 o5 c e g2 ; @3 o4 [ceg]2 [ceg]2">\u{1F4CB} \u30B3\u30D4\u30FC</button>
+    </div>
+    <pre style="margin: 0; padding: 6px;">@0 t120 o5 c e g2 ;
+@3 o4 [ceg]2 [ceg]2</pre>
+    <div class="dtm-modal-sample-desc">
+      ; \u3067\u30C8\u30E9\u30C3\u30AF\uFF08\u4E0A\uFF1D\u30E1\u30ED\u30C7\u30A3\uFF0F\u4E0B\uFF1D\u4F34\u594F\uFF09\u3092\u5206\u3051\u3001[ceg] \u3067\u548C\u97F3\u3092\u9CF4\u3089\u3057\u307E\u3059\u3002
+    </div>
+    <div style="margin-top: 8px;">
+      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 o5 c e g2 ; @3 o4 [ceg]2 [ceg]2">\u25B6 \u8A66\u8074</button>
+    </div>
+    <div class="dtm-modal-sample-player-container"></div>
+  </div>
+
+  <!-- \u30B5\u30F3\u30D7\u30EB3 -->
+  <div class="dtm-modal-sample-box">
+    <div class="dtm-modal-sample-header">
+      <span class="dtm-modal-sample-tag">3. \u6B4C\u5531\u4ED8\u304D (\u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D)</span>
+      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.; @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;">\u{1F4CB} \u30B3\u30D4\u30FC</button>
+    </div>
+    <pre style="margin: 0; padding: 6px;">@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.;
+@@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;</pre>
+    <div class="dtm-modal-sample-desc">
+      @@0 tsukuyomi \u6B4C\u8A5E... \u3067\u30E1\u30ED\u30C7\u30A3\u30C8\u30E9\u30C3\u30AF\u306B\u6B4C\u8A5E\u3092\u540C\u671F\u3055\u305B\u3066\u6B4C\u308F\u305B\u307E\u3059\u3002\u203B\u72EC\u81EA\u62E1\u5F35
+    </div>
+    <div style="margin-top: 8px;">
+      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.; @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;">\u25B6 \u8A66\u8074</button>
+    </div>
+    <div class="dtm-modal-sample-player-container"></div>
+  </div>
+</div>
+`;
+
 // src/mml-parser.ts
 var PITCH_MAP2 = {
   c: 0,
@@ -4069,6 +4296,7 @@ var parseMML = (mml, options = {}) => {
       bpm,
       tokenTracks: collectTokens ? tokenTracks : void 0,
       lyrics: collectLyrics ? /* @__PURE__ */ new Map() : void 0,
+      mergedTrackCount: 0,
       meta: {}
     };
   }
@@ -4081,13 +4309,24 @@ var parseMML = (mml, options = {}) => {
   const fullMML = stripLyrics(noMeta).replace(endRegex, "").replace(/[\n\r]+/g, " ").trim();
   const parts = fullMML.split(/(@\d+)/).filter((p) => p.trim().length > 0);
   let trackIndex = 0;
+  let sourceTrackIndex = 0;
   let octave = 4;
   let currentStep = 0;
   let baseLength = 16;
+  const contributors = /* @__PURE__ */ new Map();
+  const recordContributor = () => {
+    let set = contributors.get(trackIndex);
+    if (!set) {
+      set = /* @__PURE__ */ new Set();
+      contributors.set(trackIndex, set);
+    }
+    set.add(sourceTrackIndex);
+  };
   for (const rawPart of parts) {
     const part = rawPart.trim();
     if (part.startsWith("@")) {
       let idx = Number.parseInt(part.substring(1), 10);
+      sourceTrackIndex = idx;
       if (clampTrackCount !== void 0 && idx >= clampTrackCount)
         idx = clampTrackCount - 1;
       trackIndex = idx;
@@ -4211,6 +4450,7 @@ var parseMML = (mml, options = {}) => {
         }
         if (j < body.length && body[j] === "]") j++;
         const steps = parseLength();
+        if (chordNotes.length > 0) recordContributor();
         for (const p of chordNotes) {
           placements.push({
             trackIndex,
@@ -4234,6 +4474,7 @@ var parseMML = (mml, options = {}) => {
         }
         const midiPitch = (octave + 1) * 12 + pitch;
         const steps = parseLength();
+        recordContributor();
         placements.push({
           trackIndex,
           startStep: currentStep,
@@ -4247,11 +4488,16 @@ var parseMML = (mml, options = {}) => {
       }
     }
   }
+  let mergedTrackCount = 0;
+  for (const set of contributors.values()) {
+    if (set.size >= 2) mergedTrackCount++;
+  }
   return {
     placements,
     bpm,
     tokenTracks: collectTokens ? tokenTracks : void 0,
     lyrics,
+    mergedTrackCount,
     meta
   };
 };
@@ -4313,6 +4559,8 @@ var createSequencer = (options) => {
   let active = false;
   let fromStepValue = 0;
   let trackVolumeMap = /* @__PURE__ */ new Map();
+  let lastRealTime = -1;
+  let lastAudioTime = -1;
   let isLooping = false;
   let loopStartStep = 0;
   let loopEndStep = 0;
@@ -4386,6 +4634,21 @@ var createSequencer = (options) => {
     const sps = secondsPerStep();
     const time = options.getAudioTime() - startTime;
     const soloId = options.getSoloTrackId();
+    const nowReal = performance.now() / 1e3;
+    if (lastRealTime > 0 && lastAudioTime >= 0) {
+      const realDelta = nowReal - lastRealTime;
+      const audioDelta = time - lastAudioTime;
+      if (realDelta > 0.5 || audioDelta > 0.5) {
+        console.warn(
+          `[sequencer] Interruption detected (realDelta: ${realDelta.toFixed(3)}s, audioDelta: ${audioDelta.toFixed(3)}s). Stopping playback.`
+        );
+        stop();
+        options.onEnd(true);
+        return;
+      }
+    }
+    lastRealTime = nowReal;
+    lastAudioTime = time;
     for (const track of options.getTracks()) {
       trackVolumeMap.set(track.id, track.volume);
     }
@@ -4462,7 +4725,7 @@ var createSequencer = (options) => {
       const lastDuration = last?.duration ?? 0;
       if (nowIndex >= timeline.length && time > lastWhen + lastDuration + 0.1) {
         stop();
-        options.onEnd();
+        options.onEnd(false);
       }
     }
   };
@@ -4503,6 +4766,8 @@ var createSequencer = (options) => {
     }
     loopBase = 0;
     lastPlayStep = fromStepValue - 1e-4;
+    lastRealTime = -1;
+    lastAudioTime = -1;
     intervalId = setInterval(scheduleTick, TICK_INTERVAL_MS);
     animationId = requestAnimationFrame(animate);
   };
@@ -4601,9 +4866,13 @@ var DAW_CSS = `
 /* \u30C7\u30B6\u30A4\u30F3\u30C8\u30FC\u30AF\u30F3\u306F\u7DE8\u96C6UI\u672C\u4F53\uFF08.dtm-daw\uFF09\u306B\u52A0\u3048\u3001\u305D\u306E\u5916\u5074\u306B\u5DEE\u3057\u8FBC\u307E\u308C\u308B
    \u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u30D0\u30FC\uFF08.dtm-controlbar\uFF09\u306B\u3082\u4F9B\u7D66\u3059\u308B\u3002mountPresetSelect /
    mountModeSwitch \u306EUI\u306F .dtm-daw \u306E\u5144\u5F1F\u3068\u3057\u3066\u7F6E\u304B\u308C\u308B\u305F\u3081\u3001\u3053\u3053\u3067\u914D\u3089\u306A\u3044\u3068
-   var(--dtm-*) \u304C\u89E3\u6C7A\u3067\u304D\u305A\u7121\u88C5\u98FE\uFF08\u767D\u5730\u30FB\u65E2\u5B9A\u30D5\u30A9\u30F3\u30C8\uFF09\u306B\u306A\u3063\u3066\u3057\u307E\u3046\u3002 */
+   var(--dtm-*) \u304C\u89E3\u6C7A\u3067\u304D\u305A\u7121\u88C5\u98FE\uFF08\u767D\u5730\u30FB\u65E2\u5B9A\u30D5\u30A9\u30F3\u30C8\uFF09\u306B\u306A\u3063\u3066\u3057\u307E\u3046\u3002
+   \u518D\u751F\u5C02\u7528\u30D3\u30E5\u30FC\u306E\u30E2\u30FC\u30C0\u30EB\uFF0F\u5229\u7528\u898F\u7D04\u30AB\u30D0\u30FC\u306F document.body \u76F4\u4E0B\u3078\u91CD\u306D\u308B\u305F\u3081\u3001
+   .dtm-daw \u306E\u5916\u306B\u51FA\u308B\u3002\u3053\u308C\u3089\u3082\u540C\u69D8\u306B\u30C8\u30FC\u30AF\u30F3\u3092\u4F9B\u7D66\u3057\u306A\u3044\u3068\u9ED2\u5730\u30FB\u767D\u6587\u5B57\u306B\u306A\u308B\u3002 */
 .dtm-daw,
-.dtm-controlbar {
+.dtm-controlbar,
+.dtm-modal-overlay,
+.dtm-consent-overlay {
   /* PICO-8 16\u8272\u30D1\u30EC\u30C3\u30C8\u3088\u308A */
   --c-black:   #000000;
   --c-navy:    #1d2b53;
@@ -4700,11 +4969,11 @@ var DAW_CSS = `
 }
 .dtm-btn:active  { transform: translate(3px,3px); box-shadow: none; }
 .dtm-btn:disabled { opacity: .3; cursor: default; box-shadow: none; }
+.dtm-btn--ghost   { background: transparent; border-color: var(--dtm-border2); }
 .dtm-btn--primary { border-color: var(--dtm-primary); background: var(--dtm-primary); color: var(--dtm-pfg); }
 .dtm-btn--success { border-color: var(--dtm-success); background: var(--dtm-success); color: var(--c-black); }
 .dtm-btn--danger  { border-color: var(--dtm-danger);  background: var(--dtm-danger);  color: var(--c-white); }
 .dtm-btn--accent  { border-color: var(--dtm-accent);  background: var(--dtm-accent);  color: var(--c-black); }
-.dtm-btn--ghost   { background: transparent; border-color: var(--dtm-border2); }
 .dtm-btn--icon    { padding: 0; }
 
 /* \u2500\u2500\u2500 \u30A2\u30A4\u30B3\u30F3\u30DC\u30BF\u30F3 \u2500\u2500\u2500 */
@@ -5201,14 +5470,37 @@ var DAW_CSS = `
   justify-content: center;
   padding: 16px;
   backdrop-filter: blur(2px);
+  /* body\u76F4\u4E0B\u306B\u91CD\u306D\u305F\u5834\u5408\uFF08\u518D\u751F\u5C02\u7528\u30D3\u30E5\u30FC\uFF09\u3067\u3082\u6587\u5B57\u8272\u30FB\u30D5\u30A9\u30F3\u30C8\u304C
+     .dtm-daw \u304B\u3089\u7D99\u627F\u3067\u304D\u306A\u3044\u305F\u3081\u3001\u3053\u3053\u3067\u660E\u793A\u3059\u308B\u3002 */
+  color: var(--dtm-text);
+  font-family: var(--dtm-font);
 }
 .dtm-modal-overlay[hidden] {
   display: none !important;
 }
-.dtm-modal {
-  max-width: 500px;
+
+/* \u2500\u2500\u2500 \u5229\u7528\u898F\u7D04\u540C\u610F\u30AB\u30D0\u30FC \u2500\u2500\u2500 */
+.dtm-consent-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10100;
+  background: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  backdrop-filter: blur(2px);
+  /* body\u76F4\u4E0B\u306B\u91CD\u306D\u308B\u305F\u3081 .dtm-daw \u304B\u3089\u7D99\u627F\u3067\u304D\u306A\u3044\u6587\u5B57\u8272\u30FB\u30D5\u30A9\u30F3\u30C8\u3092\u660E\u793A\u3002 */
+  color: var(--dtm-text);
+  font-family: var(--dtm-font);
+}
+.dtm-consent-overlay[hidden] {
+  display: none !important;
+}
+.dtm-consent-modal {
+  max-width: 450px;
   width: 100%;
-  max-height: 80vh;
+  max-height: 85vh;
   display: flex;
   flex-direction: column;
   background: var(--dtm-surface);
@@ -5217,20 +5509,63 @@ var DAW_CSS = `
     inset 0 0 0 2px var(--c-black),
     0 0 0 2px var(--dtm-primary),
     4px 4px 0 var(--c-black);
-  overflow: hidden;
+  overflow-y: auto;
 }
-.dtm-modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.dtm-consent-header {
   background: var(--dtm-deep);
+  color: var(--dtm-text);
   padding: 8px 12px;
   border-bottom: 2px solid var(--c-black);
-}
-.dtm-modal-title {
-  font-family: var(--dtm-font);
-  font-size: 14px;
-  color: var(--dtm-gold);
+  font-weight: bold;
+  text-align: center;
+  font-size: 14px;
+}
+.dtm-consent-body {
+  padding: 12px 16px;
+  font-size: 13px;
+  line-height: 1.6;
+}
+.dtm-consent-body a {
+  color: var(--dtm-primary);
+  text-decoration: underline;
+}
+.dtm-consent-body a:hover {
+  color: var(--dtm-accent);
+}
+.dtm-consent-footer {
+  padding: 8px;
+  border-top: 2px solid var(--c-black);
+  background: var(--dtm-deep);
+  display: flex;
+  justify-content: center;
+}
+
+.dtm-modal {
+  max-width: 500px;
+  width: 100%;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--dtm-surface);
+  border: 2px solid var(--c-black);
+  box-shadow:
+    inset 0 0 0 2px var(--c-black),
+    0 0 0 2px var(--dtm-primary),
+    4px 4px 0 var(--c-black);
+  overflow: hidden;
+}
+.dtm-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: var(--dtm-deep);
+  padding: 8px 12px;
+  border-bottom: 2px solid var(--c-black);
+}
+.dtm-modal-title {
+  font-family: var(--dtm-font);
+  font-size: 14px;
+  color: var(--dtm-gold);
   font-weight: bold;
 }
 .dtm-modal-close {
@@ -5338,6 +5673,19 @@ var DAW_CSS = `
 }
 
 .dtm-hidden { display: none !important; }
+/* \u8AAD\u8FBC\u6642\u306E\u8B66\u544A\u304A\u77E5\u3089\u305B\uFF08\u4F8B: \u30B7\u30F3\u30D7\u30EB\u30E2\u30FC\u30C9\u3067\u306E\u30C8\u30E9\u30C3\u30AF\u5408\u7B97\uFF09\u3002 */
+.dtm-load-note {
+  margin: 6px 0 0;
+  padding: 0 2px;
+  font-family: var(--dtm-font);
+  font-size: 11px;
+  line-height: 1.5;
+  letter-spacing: .04em;
+  color: var(--dtm-warn); /* \u8B66\u544A\u8272\uFF08\u30AA\u30EC\u30F3\u30B8\uFF09 */
+  font-weight: bold;
+  opacity: 1.0;
+}
+.dtm-load-note::before { content: "\u26A0 "; }
 .dtm-grow { flex: 1 1 auto; }
 .dtm-lyric-icon {
   flex: 0 0 auto;
@@ -5437,6 +5785,62 @@ var DAW_CSS = `
   white-space: nowrap;
 }
 .dtm-player-mml-link:hover { color: var(--dtm-primary); }
+.dtm-player-more-container {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.dtm-player-more-btn {
+  background: transparent;
+  border: none;
+  color: var(--dtm-muted);
+  cursor: pointer;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  transition: color 0.15s, background-color 0.15s;
+}
+.dtm-player-more-btn:hover,
+.dtm-player-more-btn.is-active {
+  color: var(--dtm-text);
+  background: var(--dtm-border2);
+}
+.dtm-player-menu {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  background: var(--dtm-deep);
+  border: 2px solid var(--dtm-border2);
+  box-shadow: 4px 4px 0 var(--c-black);
+  z-index: 200;
+  display: flex;
+  flex-direction: column;
+  padding: 4px 0;
+  min-width: 130px;
+  font-family: var(--dtm-font);
+}
+.dtm-player-menu-item {
+  background: transparent;
+  border: none;
+  color: var(--dtm-text);
+  padding: 6px 12px;
+  text-align: left;
+  cursor: pointer;
+  font-size: 11px;
+  font-family: inherit;
+  white-space: nowrap;
+  width: 100%;
+  box-sizing: border-box;
+  transition: background-color 0.1s, color 0.1s;
+}
+.dtm-player-menu-item:hover {
+  background: var(--dtm-primary);
+  color: var(--dtm-pfg);
+}
 .dtm-player-emoji {
   position: relative;
   display: inline-flex;
@@ -5682,6 +6086,7 @@ var STEPS_PER_BEAT3 = 48;
 var STEPS_PER_BAR = 192;
 var DEFAULT_TRACK_COLORS = ["#00e436", "#29adff", "#ff77a8", "#ffec27"];
 var activePlayer = null;
+var agreedModelsInSession = /* @__PURE__ */ new Set();
 var LYRIC_MODEL_LABELS = {
   klatt: "\u8EFD\u91CF\u30ED\u30DC\u58F0",
   ...KOE_VOICEBANK_LABELS
@@ -5712,6 +6117,75 @@ var showBalloon = (balloonEl) => {
     hideActiveBalloon();
   }, 3e3);
 };
+var copyToClipboard = async (doc, text) => {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    try {
+      const textarea = doc.createElement("textarea");
+      textarea.value = text;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      doc.body.appendChild(textarea);
+      textarea.select();
+      const ok = doc.execCommand("copy");
+      doc.body.removeChild(textarea);
+      return ok;
+    } catch {
+      return false;
+    }
+  }
+};
+var toBase64Url = (bytes) => {
+  let bin = "";
+  for (let i = 0; i < bytes.length; i++) {
+    bin += String.fromCharCode(bytes[i]);
+  }
+  return btoa(bin).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+};
+var HIRAGANA_START = 12353;
+var HIRAGANA_END = 12447;
+var KATAKANA_START = 12449;
+var KATAKANA_END = 12543;
+var PROLONGED_MARK = 12540;
+var SHIFT_KATAKANA = 255;
+var VALUE_PROLONGED = 223;
+var customEncode = (str) => {
+  const bytes = [];
+  for (let i = 0; i < str.length; i++) {
+    const code = str.charCodeAt(i);
+    if (code <= 127) {
+      bytes.push(code);
+    } else if (code === PROLONGED_MARK) {
+      bytes.push(VALUE_PROLONGED);
+    } else if (code >= HIRAGANA_START && code <= HIRAGANA_END) {
+      bytes.push(128 + (code - HIRAGANA_START));
+    } else if (code >= KATAKANA_START && code <= KATAKANA_END) {
+      bytes.push(SHIFT_KATAKANA);
+      bytes.push(128 + (code - 96 - HIRAGANA_START));
+    }
+  }
+  return new Uint8Array(bytes);
+};
+var encodeMml = async (mml) => {
+  try {
+    if (typeof CompressionStream !== "undefined") {
+      const cs = new CompressionStream("gzip");
+      const w = cs.writable.getWriter();
+      w.write(customEncode(mml));
+      w.close();
+      const buf = await new Response(cs.readable).arrayBuffer();
+      return `z.${toBase64Url(new Uint8Array(buf))}`;
+    }
+  } catch (e) {
+    console.warn(
+      "[dtm] CompressionStream failed, fallback to encodeURIComponent",
+      e
+    );
+  }
+  return `u.${encodeURIComponent(mml)}`;
+};
 var mountMmlPlayer = (target, mml, options = {}) => {
   injectStyles(target.ownerDocument ?? document);
   const {
@@ -5857,6 +6331,250 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     emojiEls.push(em);
     emojiByTrack.set(index, em);
   }
+  const menuContainer = doc.createElement("div");
+  menuContainer.className = "dtm-player-more-container";
+  const moreBtn = doc.createElement("button");
+  moreBtn.type = "button";
+  moreBtn.className = "dtm-player-more-btn";
+  moreBtn.innerHTML = icon("more", 14);
+  moreBtn.title = "\u30E1\u30CB\u30E5\u30FC";
+  menuContainer.appendChild(moreBtn);
+  const menuDropdown = doc.createElement("div");
+  menuDropdown.className = "dtm-player-menu";
+  menuDropdown.style.display = "none";
+  const makeMenuItem = (label) => {
+    const item = doc.createElement("button");
+    item.type = "button";
+    item.className = "dtm-player-menu-item";
+    item.textContent = label;
+    return item;
+  };
+  const showMmlItem = makeMenuItem("MML\u3092\u8868\u793A");
+  const mmlInfoItem = makeMenuItem("MML\u66F8\u5F0F\u3068\u306F");
+  const embedItem = makeMenuItem("\u57CB\u3081\u8FBC\u3080");
+  const copyMmlItem = makeMenuItem("MML\u30B3\u30D4\u30FC");
+  menuDropdown.appendChild(showMmlItem);
+  menuDropdown.appendChild(mmlInfoItem);
+  menuDropdown.appendChild(embedItem);
+  menuDropdown.appendChild(copyMmlItem);
+  menuContainer.appendChild(menuDropdown);
+  mmlHeader.appendChild(menuContainer);
+  const toggleMenu = (show) => {
+    const visible = show !== void 0 ? show : menuDropdown.style.display === "none";
+    menuDropdown.style.display = visible ? "flex" : "none";
+    if (visible) {
+      moreBtn.classList.add("is-active");
+      doc.addEventListener("click", handleOutsideClick);
+    } else {
+      moreBtn.classList.remove("is-active");
+      doc.removeEventListener("click", handleOutsideClick);
+    }
+  };
+  const handleOutsideClick = (e) => {
+    if (!menuContainer.contains(e.target)) {
+      toggleMenu(false);
+    }
+  };
+  moreBtn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    toggleMenu();
+  });
+  let infoModalEl = null;
+  let modalSamplePlayer = null;
+  const closeInfoModal = () => {
+    if (modalSamplePlayer) {
+      modalSamplePlayer.stop();
+      modalSamplePlayer.destroy();
+      modalSamplePlayer = null;
+    }
+    infoModalEl?.remove();
+    infoModalEl = null;
+  };
+  const openInfoModal = (title) => {
+    closeInfoModal();
+    const overlay = doc.createElement("div");
+    overlay.className = "dtm-modal-overlay";
+    const modal = doc.createElement("div");
+    modal.className = "dtm-win dtm-modal";
+    const header = doc.createElement("div");
+    header.className = "dtm-modal-header";
+    const titleEl = doc.createElement("span");
+    titleEl.className = "dtm-modal-title";
+    titleEl.textContent = title;
+    const closeBtn = doc.createElement("button");
+    closeBtn.type = "button";
+    closeBtn.className = "dtm-modal-close";
+    closeBtn.innerHTML = "&times;";
+    closeBtn.title = "\u9589\u3058\u308B";
+    header.append(titleEl, closeBtn);
+    const modalBody = doc.createElement("div");
+    modalBody.className = "dtm-modal-body";
+    modal.append(header, modalBody);
+    overlay.appendChild(modal);
+    closeBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      closeInfoModal();
+    });
+    overlay.addEventListener("click", (e) => {
+      if (e.target === overlay) closeInfoModal();
+    });
+    doc.body.appendChild(overlay);
+    infoModalEl = overlay;
+    return modalBody;
+  };
+  const appendCopyButton = (parent, text) => {
+    const actions = doc.createElement("div");
+    actions.style.marginTop = "8px";
+    const copyBtn = doc.createElement("button");
+    copyBtn.type = "button";
+    copyBtn.className = "dtm-btn dtm-btn--primary dtm-btn--xs";
+    copyBtn.textContent = "\u{1F4CB} \u30B3\u30D4\u30FC";
+    copyBtn.addEventListener("click", async (e) => {
+      e.stopPropagation();
+      const ok = await copyToClipboard(doc, text);
+      copyBtn.textContent = ok ? "\u2713 \u30B3\u30D4\u30FC\u5B8C\u4E86" : "\u30B3\u30D4\u30FC\u5931\u6557";
+      if (ok) copyBtn.classList.add("dtm-btn--success");
+      setTimeout(() => {
+        copyBtn.textContent = "\u{1F4CB} \u30B3\u30D4\u30FC";
+        copyBtn.classList.remove("dtm-btn--success");
+      }, 1200);
+    });
+    actions.appendChild(copyBtn);
+    parent.appendChild(actions);
+  };
+  const wireSampleButtons = (modalBody) => {
+    const copyBtns = modalBody.querySelectorAll(".dtm-modal-sample-copy-btn");
+    for (const btn of copyBtns) {
+      const el = btn;
+      el.addEventListener("click", async (e) => {
+        e.stopPropagation();
+        const sampleMml = el.getAttribute("data-mml") ?? "";
+        const original = el.textContent;
+        const ok = await copyToClipboard(doc, sampleMml);
+        el.textContent = ok ? "\u2713 \u30B3\u30D4\u30FC\u5B8C\u4E86" : "\u30B3\u30D4\u30FC\u5931\u6557";
+        if (ok) el.classList.add("dtm-btn--success");
+        setTimeout(() => {
+          el.textContent = original;
+          el.classList.remove("dtm-btn--success");
+        }, 1200);
+      });
+    }
+    let activeSampleBtn = null;
+    const resetSampleBtn = (b) => {
+      if (!b) return;
+      b.textContent = "\u25B6 \u8A66\u8074";
+      b.classList.remove("dtm-btn--danger");
+      b.classList.add("dtm-btn--primary");
+    };
+    const markPlaying = (b) => {
+      b.textContent = "\u25A0 \u505C\u6B62";
+      b.classList.remove("dtm-btn--primary");
+      b.classList.add("dtm-btn--danger");
+    };
+    const playBtns = modalBody.querySelectorAll(".dtm-modal-sample-play-btn");
+    for (const btn of playBtns) {
+      const el = btn;
+      el.addEventListener("click", (e) => {
+        e.stopPropagation();
+        const sampleMml = el.getAttribute("data-mml") ?? "";
+        if (activeSampleBtn === el && modalSamplePlayer) {
+          if (modalSamplePlayer.isPlaying()) {
+            modalSamplePlayer.stop();
+          } else {
+            modalSamplePlayer.play();
+            markPlaying(el);
+          }
+          return;
+        }
+        if (modalSamplePlayer) {
+          modalSamplePlayer.stop();
+          modalSamplePlayer.destroy();
+          modalSamplePlayer = null;
+        }
+        resetSampleBtn(activeSampleBtn);
+        activeSampleBtn = el;
+        const sampleBox = el.closest(".dtm-modal-sample-box");
+        const container = sampleBox?.querySelector(
+          ".dtm-modal-sample-player-container"
+        );
+        if (!container) return;
+        container.innerHTML = "";
+        modalSamplePlayer = mountMmlPlayer(container, sampleMml, {
+          onPlayNote: options.onPlayNote,
+          onPlayDrum: options.onPlayDrum,
+          onResumeAudio: options.onResumeAudio,
+          getAudioTime: options.getAudioTime,
+          singingVoices: options.singingVoices,
+          drumPatterns: options.drumPatterns,
+          volume: trackVolume,
+          // 解説モーダル内の試聴サンプルは規約同意を要求しない。
+          skipConsent: true,
+          onStop: () => {
+            if (activeSampleBtn === el) resetSampleBtn(el);
+          }
+        });
+        markPlaying(el);
+        modalSamplePlayer.play();
+      });
+    }
+  };
+  showMmlItem.addEventListener("click", (e) => {
+    e.stopPropagation();
+    toggleMenu(false);
+    const modalBody = openInfoModal("MML");
+    const pre = doc.createElement("pre");
+    pre.textContent = mml;
+    pre.style.whiteSpace = "pre-wrap";
+    pre.style.wordBreak = "break-all";
+    modalBody.appendChild(pre);
+    appendCopyButton(modalBody, mml);
+  });
+  mmlInfoItem.addEventListener("click", (e) => {
+    e.stopPropagation();
+    toggleMenu(false);
+    const modalBody = openInfoModal("MML\u306E\u66F8\u304D\u65B9\u89E3\u8AAC");
+    modalBody.innerHTML = MML_INFO_HTML;
+    wireSampleButtons(modalBody);
+  });
+  embedItem.addEventListener("click", async (e) => {
+    e.stopPropagation();
+    toggleMenu(false);
+    const modalBody = openInfoModal("\u57CB\u3081\u8FBC\u307F");
+    const loading = doc.createElement("p");
+    loading.textContent = "\u751F\u6210\u4E2D...";
+    modalBody.appendChild(loading);
+    try {
+      const embedBase = options.embedUrl ?? "https://onjmin.github.io/dtm/demo/embed.html";
+      const payload = await encodeMml(mml);
+      const url2 = `${embedBase}#${payload}`;
+      const snippet = `<iframe src="${url2}" width="100%" height="260" frameborder="0" loading="lazy" title="@onjmin/dtm player"></iframe>`;
+      if (!modalBody.isConnected) return;
+      loading.remove();
+      const desc = doc.createElement("p");
+      desc.textContent = "\u3053\u306EHTML\u3092\u30D6\u30ED\u30B0\u3084\u30B5\u30A4\u30C8\u306B\u8CBC\u308A\u4ED8\u3051\u308B\u3068\u3001\u30D7\u30EC\u30A4\u30E4\u30FC\u3092\u305D\u306E\u307E\u307E\u57CB\u3081\u8FBC\u3081\u307E\u3059\u3002";
+      const pre = doc.createElement("pre");
+      pre.textContent = snippet;
+      pre.style.whiteSpace = "pre-wrap";
+      pre.style.wordBreak = "break-all";
+      modalBody.append(desc, pre);
+      appendCopyButton(modalBody, snippet);
+    } catch (err2) {
+      console.error("[dtm] failed to generate embed snippet", err2);
+      if (modalBody.isConnected) loading.textContent = "\u751F\u6210\u306B\u5931\u6557\u3057\u307E\u3057\u305F";
+    }
+  });
+  copyMmlItem.addEventListener("click", async (e) => {
+    e.stopPropagation();
+    const success = await copyToClipboard(doc, mml);
+    if (success) {
+      copyMmlItem.textContent = "\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F\uFF01";
+    } else {
+      copyMmlItem.textContent = "\u30B3\u30D4\u30FC\u5931\u6557";
+    }
+    setTimeout(() => {
+      copyMmlItem.textContent = "MML\u30B3\u30D4\u30FC";
+    }, 2e3);
+  });
   const promotedToImage = /* @__PURE__ */ new Set();
   for (const [index, lt] of lyricTracks) {
     const em = emojiByTrack.get(index);
@@ -6100,6 +6818,77 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     root.appendChild(termsDiv);
   }
   target.appendChild(root);
+  let consentOverlayEl = null;
+  const checkConsentAndShow = () => {
+    try {
+      if (options.skipConsent) return;
+      const unagreed = termsModels.filter((model) => {
+        if (agreedModelsInSession.has(model)) return false;
+        try {
+          if (typeof localStorage === "undefined" || !localStorage) return true;
+          return localStorage.getItem(`dtm_agreed_terms_${model}`) !== "true";
+        } catch (e) {
+          console.warn(
+            "[dtm-player] localStorage access denied in consent check",
+            e
+          );
+          return true;
+        }
+      });
+      if (unagreed.length === 0) return;
+      const consentOverlay = doc.createElement("div");
+      consentOverlay.className = "dtm-consent-overlay";
+      const modal = doc.createElement("div");
+      modal.className = "dtm-win dtm-consent-modal";
+      const header = doc.createElement("div");
+      header.className = "dtm-consent-header";
+      header.textContent = "\u5229\u7528\u898F\u7D04\u306E\u78BA\u8A8D";
+      const body2 = doc.createElement("div");
+      body2.className = "dtm-consent-body";
+      let contentHTML = `<p style="margin: 0 0 8px 0; line-height: 1.4; font-weight: bold; color: var(--dtm-danger);">\u672C\u30C7\u30FC\u30BF\u306B\u306F UTAU \u6B4C\u58F0\u97F3\u6E90\u304C\u542B\u307E\u308C\u3066\u3044\u307E\u3059\u3002<br>\u3054\u5229\u7528\u306B\u3042\u305F\u3063\u3066\u306F\u3001\u4EE5\u4E0B\u306E\u97F3\u6E90\u5229\u7528\u898F\u7D04\u3078\u306E\u540C\u610F\u304C\u5FC5\u8981\u3067\u3059\u3002</p>`;
+      for (const model of unagreed) {
+        const label = KOE_VOICEBANK_LABELS[model] || model;
+        const url2 = KOE_VOICEBANK_TERMS[model];
+        contentHTML += `
+					<div style="margin-bottom: 8px; padding: 6px 10px; background: var(--dtm-deep); border: 2px solid var(--c-black); box-shadow: 2px 2px 0 var(--c-black);">
+						<div style="display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 11px; font-weight: bold; color: var(--dtm-gold);">
+							<span>\u4F7F\u7528\u6642\u306B\u306F</span>
+							<a href="${url2}" target="_blank" rel="noopener noreferrer" style="color: var(--dtm-primary); text-decoration: underline;">${label}UTAU\u97F3\u6E90</a>
+							<span>\u306E\u5229\u7528\u898F\u7D04\u306B\u5F93\u3063\u3066\u304F\u3060\u3055\u3044</span>
+						</div>
+					</div>
+				`;
+      }
+      body2.innerHTML = contentHTML;
+      const footer = doc.createElement("div");
+      footer.className = "dtm-consent-footer";
+      const btn = doc.createElement("button");
+      btn.type = "button";
+      btn.className = "dtm-btn dtm-btn--success";
+      btn.textContent = "\u540C\u610F\u3057\u3066\u5229\u7528\u3059\u308B";
+      btn.onclick = () => {
+        for (const model of unagreed) {
+          try {
+            if (typeof localStorage !== "undefined" && localStorage) {
+              localStorage.setItem(`dtm_agreed_terms_${model}`, "true");
+            }
+          } catch (e) {
+          }
+          agreedModelsInSession.add(model);
+        }
+        consentOverlay.remove();
+        consentOverlayEl = null;
+      };
+      footer.appendChild(btn);
+      modal.append(header, body2, footer);
+      consentOverlay.appendChild(modal);
+      doc.body.appendChild(consentOverlay);
+      consentOverlayEl = consentOverlay;
+    } catch (err2) {
+      console.error("[dtm-player] Error in checkConsentAndShow:", err2);
+    }
+  };
+  checkConsentAndShow();
   const autoScroll = (lane, el) => {
     if (el.offsetWidth === 0 || lane.clientWidth === 0) return;
     const elementCenter = el.offsetLeft + el.offsetWidth / 2;
@@ -6165,7 +6954,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     onTick: (step) => {
       renderPlayhead(step);
     },
-    onEnd: () => finish(),
+    onEnd: (interrupted) => finish(),
     stepsPerBar: STEPS_PER_BAR
   });
   let playing = false;
@@ -6260,6 +7049,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     else play();
   });
   const destroy = () => {
+    doc.removeEventListener("click", handleOutsideClick);
     seq.stop();
     peekVoices()?.stopStream();
     if (activePlayer === instance) activePlayer = null;
@@ -6273,6 +7063,8 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       hideActiveBalloon();
     }
     root.remove();
+    consentOverlayEl?.remove();
+    closeInfoModal();
   };
   const instance = {
     play,
@@ -6314,108 +7106,6 @@ var CHORD_INFO_HTML = `
   </ul>
 </div>
 `;
-var MML_INFO_HTML = `
-<div class="dtm-modal-body-content">
-  <h4>1. \u97F3\u7B26\u3068\u4F11\u7B26</h4>
-  <p><code>c</code>(\u30C9) <code>d</code>(\u30EC) <code>e</code>(\u30DF) <code>f</code>(\u30D5\u30A1) <code>g</code>(\u30BD) <code>a</code>(\u30E9) <code>b</code>(\u30B7) \u306E\u30A2\u30EB\u30D5\u30A1\u30D9\u30C3\u30C8\u3067\u8868\u3057\u307E\u3059\u3002</p>
-  <ul>
-    <li>\u534A\u97F3\u4E0A\u3052\u308B: <code>c#</code> \u307E\u305F\u306F <code>c+</code></li>
-    <li>\u534A\u97F3\u4E0B\u3052\u308B: <code>d-</code></li>
-    <li>\u4F11\u7B26: <code>r</code></li>
-  </ul>
-
-  <h4>2. \u97F3\u306E\u9577\u3055</h4>
-  <p>\u97F3\u540D\u3084\u4F11\u7B26\u306E\u5F8C\u306B\u6570\u5024\u3067\u6307\u5B9A\u3057\u307E\u3059\uFF08\u4F8B: <code>4</code> = 4\u5206\u97F3\u7B26, <code>8</code> = 8\u5206\u97F3\u7B26, <code>16</code> = 16\u5206\u97F3\u7B26\uFF09\u3002</p>
-  <ul>
-    <li><code>c4</code> : 4\u5206\u97F3\u7B26\u306E\u30C9</li>
-    <li><code>r8</code> : 8\u5206\u4F11\u7B26</li>
-    <li><code>c4.</code> : \u4ED8\u70B94\u5206\u97F3\u7B26\u306E\u30C9\uFF08\u9577\u3055\u30921.5\u500D\u306B\uFF09</li>
-    <li>\u6570\u5024\u3092\u7701\u7565\u3059\u308B\u3068\u3001<code>l</code> \u30B3\u30DE\u30F3\u30C9\u3067\u8A2D\u5B9A\u3055\u308C\u305F\u30C7\u30D5\u30A9\u30EB\u30C8\u9577\uFF08\u901A\u5E3816\u5206\uFF09\u306B\u306A\u308A\u307E\u3059\u3002</li>
-  </ul>
-
-  <h4>3. \u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u306E\u9AD8\u3055\uFF09</h4>
-  <ul>
-    <li><code>o4</code>, <code>o5</code> : \u9AD8\u3055\u3092\u76F4\u63A5\u6307\u5B9A\uFF08\u3075\u3064\u3046\u306F o4 \u304B o5\uFF09</li>
-    <li><code>&gt;</code> : 1\u30AA\u30AF\u30BF\u30FC\u30D6\u4E0A\u3052\u308B</li>
-    <li><code>&lt;</code> : 1\u30AA\u30AF\u30BF\u30FC\u30D6\u4E0B\u3052\u308B</li>
-  </ul>
-
-  <h4>4. \u30C6\u30F3\u30DD</h4>
-  <ul>
-    <li><code>t120</code> : \u66F2\u306E\u901F\u3055\u3092BPM120\u306B\u6307\u5B9A\u3002\u203B\u30E1\u30ED\u30C7\u30A3\uFF08@0\uFF09\u306E\u30C6\u30F3\u30DD\u6307\u5B9A\u304C\u66F2\u5168\u4F53\u306B\u53CD\u6620\u3055\u308C\u307E\u3059\u3002</li>
-  </ul>
-
-  <h4>5. \u548C\u97F3</h4>
-  <p>\u97F3\u7B26\u3092 <code>[</code> \u3068 <code>]</code> \u3067\u56F2\u3080\u3068\u540C\u6642\u306B\u767A\u97F3\u3057\u307E\u3059\u3002</p>
-  <pre>\u4F8B: [ceg]4 \uFF08\u30C9\u30FB\u30DF\u30FB\u30BD\u30924\u5206\u97F3\u7B26\u3067\u540C\u6642\u306B\u767A\u97F3\uFF09</pre>
-
-  <h4>6. \u30C8\u30E9\u30C3\u30AF\u306E\u533A\u5207\u308A</h4>
-  <p><code>;</code> \u307E\u305F\u306F <code>@0</code>\u301C<code>@3</code> \u3067\u30C8\u30E9\u30C3\u30AF\u3092\u5207\u308A\u66FF\u3048\u307E\u3059\u3002</p>
-  <ul>
-    <li><code>@0</code>: \u30E1\u30ED\u30C7\u30A3</li>
-    <li><code>@1</code>: \u30B5\u30D6\u30E1\u30ED</li>
-    <li><code>@2</code>: \u30D9\u30FC\u30B9</li>
-    <li><code>@3</code>: \u4F34\u594F</li>
-  </ul>
-
-  <h4>7. \u6B4C\u58F0\u30FB\u6B4C\u8A5E\u5165\u529B</h4>
-  <p><code>@@&lt;\u30C8\u30E9\u30C3\u30AF\u756A\u53F7&gt; &lt;\u97F3\u6E90\u540D&gt; &lt;\u6B4C\u8A5E&gt;</code> \u306E\u5F62\u5F0F\u3067\u3001\u97F3\u7B26\u3068\u540C\u671F\u3059\u308B\u6B4C\u8A5E\u3092\u5165\u529B\u3067\u304D\u307E\u3059\u3002</p>
-  <pre>\u4F8B: @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053</pre>
-  <p style="margin-top:4px; margin-bottom:16px;"><small>\uFF08\u97F3\u6E90\u540D\u306F <code>tsukuyomi</code> \u3084 <code>klatt</code>, <code>roze</code> \u306A\u3069\u306E\u97F3\u58F0\u30E2\u30C7\u30EB\u3092\u6307\u5B9A\u3067\u304D\u307E\u3059\uFF09</small></p>
-
-  <h4 style="margin-top: 18px; border-top: 1px solid var(--dtm-border2); padding-top: 8px;">\u30B5\u30F3\u30D7\u30EB\u66F2\uFF08\u8A66\u8074\u30FB\u30B3\u30D4\u30FC\uFF09</h4>
-  
-  <!-- \u30B5\u30F3\u30D7\u30EB1 -->
-  <div class="dtm-modal-sample-box">
-    <div class="dtm-modal-sample-header">
-      <span class="dtm-modal-sample-tag">1. \u57FA\u672C\u306E\u30E1\u30ED\u30C7\u30A3</span>
-      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 l8 o5 c d e f g a b > c">\u{1F4CB} \u30B3\u30D4\u30FC</button>
-    </div>
-    <pre style="margin: 0; padding: 6px;">@0 t120 l8 o5 c d e f g a b &gt; c</pre>
-    <div class="dtm-modal-sample-desc">
-      \u57FA\u672C\u7684\u306A\u30E1\u30ED\u30C7\u30A3\u306E\u66F8\u304D\u65B9\uFF08\u97F3\u540D\u30FB\u9577\u3055\u30FB\u30AA\u30AF\u30BF\u30FC\u30D6\u3068\u30C6\u30F3\u30DD\uFF09\u3002
-    </div>
-    <div style="margin-top: 8px;">
-      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 l8 o5 c d e f g a b > c">\u25B6 \u8A66\u8074</button>
-    </div>
-    <div class="dtm-modal-sample-player-container"></div>
-  </div>
-
-  <!-- \u30B5\u30F3\u30D7\u30EB2 -->
-  <div class="dtm-modal-sample-box">
-    <div class="dtm-modal-sample-header">
-      <span class="dtm-modal-sample-tag">2. \u8907\u6570\u30C8\u30E9\u30C3\u30AF\u3068\u548C\u97F3</span>
-      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 o5 c e g2 ; @3 o4 [ceg]2 [ceg]2">\u{1F4CB} \u30B3\u30D4\u30FC</button>
-    </div>
-    <pre style="margin: 0; padding: 6px;">@0 t120 o5 c e g2 ;
-@3 o4 [ceg]2 [ceg]2</pre>
-    <div class="dtm-modal-sample-desc">
-      ; \u3067\u30C8\u30E9\u30C3\u30AF\uFF08\u4E0A\uFF1D\u30E1\u30ED\u30C7\u30A3\uFF0F\u4E0B\uFF1D\u4F34\u594F\uFF09\u3092\u5206\u3051\u3001[ceg] \u3067\u548C\u97F3\u3092\u9CF4\u3089\u3057\u307E\u3059\u3002
-    </div>
-    <div style="margin-top: 8px;">
-      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 o5 c e g2 ; @3 o4 [ceg]2 [ceg]2">\u25B6 \u8A66\u8074</button>
-    </div>
-    <div class="dtm-modal-sample-player-container"></div>
-  </div>
-
-  <!-- \u30B5\u30F3\u30D7\u30EB3 -->
-  <div class="dtm-modal-sample-box">
-    <div class="dtm-modal-sample-header">
-      <span class="dtm-modal-sample-tag">3. \u6B4C\u5531\u4ED8\u304D (\u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D)</span>
-      <button class="dtm-btn dtm-btn--ghost dtm-btn--xs dtm-modal-sample-copy-btn" data-mml="@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.; @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;">\u{1F4CB} \u30B3\u30D4\u30FC</button>
-    </div>
-    <pre style="margin: 0; padding: 6px;">@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.;
-@@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;</pre>
-    <div class="dtm-modal-sample-desc">
-      @@0 tsukuyomi \u6B4C\u8A5E... \u3067\u30E1\u30ED\u30C7\u30A3\u30C8\u30E9\u30C3\u30AF\u306B\u6B4C\u8A5E\u3092\u540C\u671F\u3055\u305B\u3066\u6B4C\u308F\u305B\u307E\u3059\u3002\u203B\u72EC\u81EA\u62E1\u5F35
-    </div>
-    <div style="margin-top: 8px;">
-      <button class="dtm-btn dtm-btn--primary dtm-btn--xs dtm-modal-sample-play-btn" data-mml="@0 t120 v100 o4g8 g8 e8 e8 f8 e8 d8 c8 g8 g8 e8 e8 d4.; @@0 tsukuyomi \u3069\u3093\u3050\u308A\u3053\u308D\u3053\u308D\u3069\u3093\u3050\u308A\u3053;">\u25B6 \u8A66\u8074</button>
-    </div>
-    <div class="dtm-modal-sample-player-container"></div>
-  </div>
-</div>
-`;
 var MIDI_INFO_HTML = `
 <div class="dtm-modal-body-content">
   <h4>1. MIDI\u30D5\u30A1\u30A4\u30EB\u3068\u306F</h4>
@@ -7178,6 +7868,10 @@ var mountDAW = (target, options = {}) => {
         0,
         Math.floor(step / snapGridSteps) * snapGridSteps
       );
+      if (playbackState === "paused") {
+        playbackState = "stopped";
+        updateTransport();
+      }
       redrawAll();
     });
     setDrawOffset(currentOffsetX, currentOffsetY);
@@ -7253,9 +7947,14 @@ var mountDAW = (target, options = {}) => {
       }
       redrawAll();
     },
-    onEnd: () => {
-      playbackState = "stopped";
-      currentPlayStep = 0;
+    onEnd: (interrupted) => {
+      if (interrupted) {
+        playbackState = "paused";
+        pausedPlayStep = currentPlayStep;
+      } else {
+        playbackState = "stopped";
+        currentPlayStep = 0;
+      }
       updateTransport();
       redrawAll();
     },
@@ -7345,13 +8044,13 @@ var mountDAW = (target, options = {}) => {
     redrawAll();
   };
   const togglePlay = () => {
-    if (playbackState === "playing") stop();
+    if (playbackState === "playing") pause();
     else play();
   };
   const updateTransport = () => {
     const playing = playbackState === "playing";
-    const label = playing ? "\u505C\u6B62" : playbackState === "paused" ? "\u518D\u958B" : "\u8A66\u8074";
-    refs.playBtn.innerHTML = `${icon(playing ? "stop" : "play")}<span>${label}</span>`;
+    const label = playing ? "\u4E00\u6642\u505C\u6B62" : playbackState === "paused" ? "\u518D\u958B" : "\u8A66\u8074";
+    refs.playBtn.innerHTML = `${icon(playing ? "pause" : "play")}<span>${label}</span>`;
     refs.playBtn.classList.toggle("dtm-play--stop", playing);
   };
   const updateUndoRedo = () => {
@@ -7740,20 +8439,25 @@ var mountDAW = (target, options = {}) => {
   };
   const loadMML = (mml) => {
     if (!mml) return;
+    stop();
     clearAll();
     for (const t of trackStates) t.core.setLoadMode(true);
     const {
       placements,
       bpm: parsedBpm,
       lyrics,
-      meta
+      meta,
+      mergedTrackCount
     } = parseMML(mml, {
       stepsPerBar: renderConfig.stepsPerBar,
       collectLyrics: true,
       // このDAWのトラック数を超えるチャンネルはベースへ畳み込む（従来挙動）
       clampTrackCount: trackStates.length
     });
-    currentInstrument = meta.instrument ?? "";
+    if (meta.instrument && INSTRUMENT_PRESETS[meta.instrument]) {
+      currentInstrument = meta.instrument;
+      options.onInstrumentChange?.(meta.instrument);
+    }
     if (meta.drum && drumPatterns[meta.drum]) {
       currentDrumPattern = meta.drum;
       refs.drumSelect.value = meta.drum;
@@ -7772,8 +8476,8 @@ var mountDAW = (target, options = {}) => {
       t.vocalPan = 64;
       t.vocalOctave = 0;
     }
-    lyrics?.forEach((lt, idx) => {
-      const t = trackStates[idx];
+    lyrics?.forEach((lt) => {
+      const t = trackStates[lt.trackId];
       if (!t) return;
       t.lyrics = lt.syllables.map((s) => s.kana).join("");
       t.lyricModel = lt.model;
@@ -7805,6 +8509,13 @@ var mountDAW = (target, options = {}) => {
     redrawAll();
     updateTrackPanel();
     updateUndoRedo();
+    if (!isAdvanced && mergedTrackCount > 0) {
+      refs.mmlLoadNote.textContent = "\u30B7\u30F3\u30D7\u30EB\u30E2\u30FC\u30C9\u306E\u305F\u3081\u3001\u4E00\u90E8\u306E\u30C8\u30E9\u30C3\u30AF\u3092\u5408\u7B97\u3057\u3066\u8AAD\u307F\u8FBC\u307F\u307E\u3057\u305F";
+      refs.mmlLoadNote.classList.remove("dtm-hidden");
+    } else {
+      refs.mmlLoadNote.textContent = "";
+      refs.mmlLoadNote.classList.add("dtm-hidden");
+    }
   };
   const applyChord = () => {
     const active = getActive();
@@ -7837,6 +8548,7 @@ var mountDAW = (target, options = {}) => {
     applyMidiSelection(midi, selected);
   };
   const applyMidiSelection = (midi, selectedIndices) => {
+    stop();
     clearAll();
     for (const t of trackStates) t.core.setLoadMode(true);
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
@@ -8268,6 +8980,25 @@ var mountDAW = (target, options = {}) => {
   const setLoading = (loading) => {
     refs.topbar.classList.toggle("is-loading", loading);
   };
+  const getCurrentPlayStep = () => {
+    if (playbackState === "playing") return currentPlayStep;
+    if (playbackState === "paused") return pausedPlayStep;
+    return playStartStep;
+  };
+  const forcePauseAt = (step) => {
+    playStartStep = step;
+    pausedPlayStep = step;
+    currentPlayStep = step;
+    playbackState = "paused";
+    const canvas = getGridCanvas();
+    currentOffsetX = Math.max(
+      0,
+      step * renderConfig.stepWidth - canvas.width * 0.5
+    );
+    setDrawOffset(currentOffsetX, currentOffsetY);
+    updateTransport();
+    redrawAll();
+  };
   return {
     play,
     pause,
@@ -8305,9 +9036,12 @@ var mountDAW = (target, options = {}) => {
     exportMIDI: exportMIDI2,
     setBpm,
     getPlaybackState: () => playbackState,
+    getCurrentPlayStep,
+    forcePauseAt,
     setLoading,
     destroy: () => {
       sequencer.stop();
+      options.singingVoices?.stopStream();
       resizeObserver.disconnect();
       document.removeEventListener("pointermove", onPointerMove);
       document.removeEventListener("pointerup", onPointerUp);
@@ -8317,110 +9051,6 @@ var mountDAW = (target, options = {}) => {
   };
 };
 
-// src/instrument-presets.ts
-var INSTRUMENT_PRESETS = {
-  // --- STANDARD: 汎用性と完成度重視 ---
-  piano: {
-    displayName: "\u30B0\u30E9\u30F3\u30C9\u30D4\u30A2\u30CE",
-    description: "\u6700\u3082\u7834\u7DBB\u3057\u306B\u304F\u3044\u69CB\u6210\u3002\u697D\u66F2\u5236\u4F5C\u306E\u30B9\u30B1\u30C3\u30C1\u306B\u3082\u6700\u9069\u3002",
-    melody: "Acoustic Grand Piano",
-    submelody: "Vibraphone",
-    bass: "Electric Bass (finger)",
-    chord: "Pad 2 (warm)"
-  },
-  acoustic: {
-    displayName: "\u30A2\u30B3\u30FC\u30B9\u30C6\u30A3\u30C3\u30AF",
-    description: "\u751F\u697D\u5668\u306E\u6E29\u304B\u307F\u3092\u91CD\u8996\u3002\u30D5\u30A9\u30FC\u30AF\u3084\u30DD\u30C3\u30D7\u30B9\u306B\u3002",
-    melody: "Acoustic Guitar (steel)",
-    submelody: "Harmonica",
-    bass: "Acoustic Bass",
-    chord: "Acoustic Guitar (nylon)"
-  },
-  jazz_night: {
-    displayName: "\u30B8\u30E3\u30BA\u30FB\u30CA\u30A4\u30C8",
-    description: "Rhodes\u98A8\u306EEP\u3068\u30A6\u30C3\u30C9\u30D9\u30FC\u30B9\u306B\u3088\u308B\u3001\u5927\u4EBA\u3073\u305F\u30A2\u30F3\u30B5\u30F3\u30D6\u30EB\u3002",
-    melody: "Electric Piano 1",
-    submelody: "Flute",
-    bass: "Acoustic Bass",
-    chord: "Electric Guitar (jazz)"
-  },
-  // --- MODERN & VIBE: エッジの効いた現代的な響き ---
-  synth_pop: {
-    displayName: "\u30B7\u30F3\u30BB\u30DD\u30C3\u30D7",
-    description: "80s\u301C\u73FE\u4EE3\u307E\u3067\u3002\u629C\u3051\u308B\u30EA\u30FC\u30C9\u3068\u592A\u3044\u30D9\u30FC\u30B9\u306E\u738B\u9053\u3002",
-    melody: "Lead 2 (sawtooth)",
-    submelody: "Lead 4 (chiff)",
-    bass: "Synth Bass 2",
-    chord: "Pad 3 (polysynth)"
-  },
-  cyber_punk: {
-    displayName: "\u30B5\u30A4\u30D0\u30FC\u30D1\u30F3\u30AF",
-    description: "\u30C7\u30B8\u30BF\u30EB\u306A\u51B7\u305F\u3055\u3068\u6B6A\u307F\u304C\u6DF7\u3056\u308A\u5408\u3046\u3001\u672A\u6765\u7684\u306A\u97FF\u304D\u3002",
-    melody: "Lead 8 (bass + lead)",
-    submelody: "Lead 5 (charang)",
-    bass: "Synth Bass 2",
-    chord: "Pad 8 (sweep)"
-  },
-  rock: {
-    displayName: "\u30CF\u30FC\u30C9\u30ED\u30C3\u30AF",
-    description: "\u6B6A\u307F\u30AE\u30BF\u30FC\u3068\u91CD\u539A\u306A\u30D9\u30FC\u30B9\u3067\u3001\u30D1\u30EF\u30FC\u3092\u524D\u9762\u306B\u3002",
-    melody: "Distortion Guitar",
-    submelody: "Rock Organ",
-    bass: "Electric Bass (pick)",
-    chord: "Overdriven Guitar"
-  },
-  // --- WORLD & CLASSIC: 特定のジャンル・地域 ---
-  orchestra: {
-    displayName: "\u30AA\u30FC\u30B1\u30B9\u30C8\u30E9",
-    description: "\u58EE\u5927\u306A\u7269\u8A9E\u3092\u4E88\u611F\u3055\u305B\u308B\u3001\u7BA1\u5F26\u697D\u5668\u306E\u91CD\u539A\u306A\u97FF\u304D\u3002",
-    melody: "French Horn",
-    submelody: "Pizzicato Strings",
-    bass: "Cello",
-    chord: "Tremolo Strings"
-  },
-  japanese_wa: {
-    displayName: "\u548C\u98A8\u30FB\u96C5",
-    description: "\u7434\u3068\u4E09\u5473\u7DDA\u306E\u7E4A\u7D30\u306A\u8ABF\u3079\u306B\u3001\u5C3A\u516B\u306E\u60C5\u7DD2\u3092\u6DFB\u3048\u3066\u3002",
-    melody: "Koto",
-    submelody: "Shamisen",
-    bass: "Taiko Drum",
-    chord: "Shakuhachi"
-  },
-  arabic_exotic: {
-    displayName: "\u30A8\u30AD\u30BE\u30C1\u30C3\u30AF",
-    description: "\u30B7\u30BF\u30FC\u30EB\u3084\u30D0\u30B0\u30D1\u30A4\u30D7\u306B\u3088\u308B\u3001\u7570\u56FD\u60C5\u7DD2\u6EA2\u308C\u308B\u30B5\u30A6\u30F3\u30C9\u3002",
-    melody: "Sitar",
-    submelody: "Bagpipe",
-    bass: "Fretless Bass",
-    chord: "Kalimba"
-  },
-  // --- FANTASY & ATMOSPHERE: 雰囲気と余韻 ---
-  fantasy_rpg: {
-    displayName: "\u30D5\u30A1\u30F3\u30BF\u30B8\u30FCRPG",
-    description: "\u30AA\u30AB\u30EA\u30CA\u3068\u30CF\u30FC\u30D7\u304C\u7D21\u3050\u3001\u5192\u967A\u3068\u9B54\u6CD5\u306E\u4E16\u754C\u89B3\u3002",
-    melody: "Ocarina",
-    submelody: "Celesta",
-    bass: "Timpani",
-    chord: "Orchestral Harp"
-  },
-  ambient_cloud: {
-    displayName: "\u30A2\u30F3\u30D3\u30A8\u30F3\u30C8",
-    description: "\u8F2A\u90ED\u3092\u307C\u304B\u3057\u305F\u97F3\u8272\u3067\u3001\u6DF1\u3044\u6CA1\u5165\u611F\u3068\u4F59\u97FB\u3092\u6F14\u51FA\u3002",
-    melody: "Lead 6 (voice)",
-    submelody: "Music Box",
-    bass: "Synth Bass 1",
-    chord: "Pad 7 (halo)"
-  },
-  retro_game: {
-    displayName: "8-bit \u30EC\u30C8\u30ED",
-    description: "\u77E9\u5F62\u6CE2\u3092\u60F3\u8D77\u3055\u305B\u308B\u3001\u521D\u671F\u30B2\u30FC\u30E0\u6A5F\u306E\u3088\u3046\u306A\u61D0\u304B\u3057\u3044\u97FF\u304D\u3002",
-    melody: "Lead 1 (square)",
-    submelody: "Lead 2 (sawtooth)",
-    bass: "Synth Bass 1",
-    chord: "Clavinet"
-  }
-};
-
 // src/headless-player.ts
 var STEPS_PER_BAR2 = 192;
 var playMML = (mml, options = {}) => {
@@ -8471,7 +9101,7 @@ var playMML = (mml, options = {}) => {
     },
     onTick: () => {
     },
-    onEnd: () => finish(),
+    onEnd: (interrupted) => finish(),
     stepsPerBar: STEPS_PER_BAR2
   });
   const finish = () => {
@@ -9292,11 +9922,13 @@ var createDtmStudio = async (options = {}) => {
   const mountedPlayers = [];
   const mountedModeSwitches = [];
   const mountEditor = (target, opts = {}) => {
-    const { preset, presetUI, ...dawOverrides } = opts;
+    const { preset, presetUI, onInstrumentChange, ...dawOverrides } = opts;
     const tracks = dawOverrides.tracks ?? TRACKS_SIMPLE;
     const trackIds = tracks.map((t) => t.id);
     const presetKey = preset && INSTRUMENT_PRESETS[preset] ? preset : defaultPreset;
-    let editorPreset = presetKey;
+    const meta = opts.initialMML ? parseMmlMeta(opts.initialMML) : {};
+    const initialPreset = meta.instrument && INSTRUMENT_PRESETS[meta.instrument] ? meta.instrument : presetKey;
+    let editorPreset = initialPreset;
     const isAdvancedMode = dawOverrides.mode === "advanced";
     const playNote = (e) => {
       const sf = resolveSoundFont(
@@ -9314,6 +9946,14 @@ var createDtmStudio = async (options = {}) => {
         duration: e.duration
       });
     };
+    let presetSelect = null;
+    const handleInstrumentChange = (key) => {
+      editorPreset = key;
+      if (presetSelect) {
+        presetSelect.setValue(key);
+      }
+      onInstrumentChange?.(key);
+    };
     const base = {
       getAudioTime: () => audioCtx.currentTime,
       onResumeAudio: resumeAudio,
@@ -9322,19 +9962,19 @@ var createDtmStudio = async (options = {}) => {
       singingVoices,
       parseMidi,
       onToggleRecord,
+      onInstrumentChange: handleInstrumentChange,
       ...dawOverrides
     };
     const daw = mountDAW(target, base);
     mountedEditors.push(daw);
     const wantPresetUI = presetUI ?? features.presetUI;
-    let presetSelect = null;
     if (wantPresetUI) {
       editorPresetSelects.get(target)?.destroy();
       const rollEl = target.querySelector('[data-dtm="roll"]');
       presetSelect = mountPresetSelect(target, {
         getDaw: () => daw,
         getTrackIds: () => trackIds,
-        value: presetKey,
+        value: initialPreset,
         loadingTarget: rollEl ?? target,
         position: "prepend",
         // 楽器変更時、このエディタの発音解決が使うプリセットも追従させる。
@@ -9344,10 +9984,10 @@ var createDtmStudio = async (options = {}) => {
       });
       editorPresetSelects.set(target, presetSelect);
     }
-    daw.setInstrument(presetKey);
+    daw.setInstrument(initialPreset);
     daw.setLoading?.(true);
     void loadPreset(
-      presetKey,
+      initialPreset,
       trackIds,
       isAdvancedMode ? "advanced" : "simple"
     ).finally(() => {
@@ -9361,7 +10001,17 @@ var createDtmStudio = async (options = {}) => {
       const i = mountedEditors.indexOf(daw);
       if (i >= 0) mountedEditors.splice(i, 1);
     };
-    return { ...daw, destroy };
+    return {
+      ...daw,
+      setInstrument: (name) => {
+        daw.setInstrument(name);
+        editorPreset = name;
+        if (presetSelect) {
+          presetSelect.setValue(name);
+        }
+      },
+      destroy
+    };
   };
   const mountModeSwitch = (target, opts) => {
     const doc = target.ownerDocument;