@onjmin/dtm 0.1.94 → 0.1.96

package/dist/index.mjs

@@ -1418,13 +1418,21 @@ var createChannelStrip = (ctx, destination, options = {}) => {
     );
   };
   setWidth(options.width ?? 100);
+  const panner = typeof ctx.createStereoPanner === "function" ? ctx.createStereoPanner() : null;
+  if (panner) panner.pan.value = clamp(options.pan ?? 0, -1, 1);
+  const panOut = panner ?? merger;
   eqHigh.connect(compressor);
   compressor.connect(splitter);
-  merger.connect(destination);
+  if (panner) merger.connect(panner);
+  panOut.connect(destination);
   const reverbSendGain = ctx.createGain();
   reverbSendGain.gain.value = clamp(options.reverbSend ?? 0, 0, 100) / 100;
-  merger.connect(reverbSendGain);
+  panOut.connect(reverbSendGain);
   if (options.reverbBus) reverbSendGain.connect(options.reverbBus);
+  const delaySendGain = ctx.createGain();
+  delaySendGain.gain.value = clamp(options.delaySend ?? 0, 0, 100) / 100;
+  panOut.connect(delaySendGain);
+  if (options.delayBus) delaySendGain.connect(options.delayBus);
   return {
     input,
     setEqLow: (db) => {
@@ -1457,6 +1465,17 @@ var createChannelStrip = (ctx, destination, options = {}) => {
         0.02
       );
     },
+    setDelaySend: (amount) => {
+      delaySendGain.gain.setTargetAtTime(
+        clamp(amount, 0, 100) / 100,
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setPan: (pan) => {
+      if (!panner) return;
+      panner.pan.setTargetAtTime(clamp(pan, -1, 1), ctx.currentTime, 0.02);
+    },
     dispose: () => {
       input.disconnect();
       eqLow.disconnect();
@@ -1473,7 +1492,9 @@ var createChannelStrip = (ctx, destination, options = {}) => {
       outL.disconnect();
       outR.disconnect();
       merger.disconnect();
+      panner?.disconnect();
       reverbSendGain.disconnect();
+      delaySendGain.disconnect();
     }
   };
 };
@@ -3405,7 +3426,7 @@ var PITCH_MAP = {
   b: 11
 };
 var clamp3 = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
-var META_DIRECTIVE = /#(inst|drum|drumfont|volume|drumvolume|reverb|reverbdecay|reverbpredelay|delay|delaydiv|fadein|fadeout|mode)=([\w-]+)/gi;
+var META_DIRECTIVE = /#(inst|drum|drumfont|volume|drumvolume|reverb|reverbdecay|reverbpredelay|delay|delaydiv|mastercomp|fadein|fadeout|mode)=([\w-]+)/gi;
 var TRACK_INST_DIRECTIVE = /#t(\d+)inst=([^#;\r\n]+)/gi;
 var TRACK_COMP_DIRECTIVE = /#t(\d+)comp=(\d+)/gi;
 var TRACK_WIDTH_DIRECTIVE = /#t(\d+)width=(\d+)/gi;
@@ -3413,6 +3434,8 @@ var TRACK_REVERBSEND_DIRECTIVE = /#t(\d+)rev=(\d+)/gi;
 var TRACK_EQLOW_DIRECTIVE = /#t(\d+)eqlo=(-?\d+)/gi;
 var TRACK_EQMID_DIRECTIVE = /#t(\d+)eqmid=(-?\d+)/gi;
 var TRACK_EQHIGH_DIRECTIVE = /#t(\d+)eqhi=(-?\d+)/gi;
+var TRACK_PAN_DIRECTIVE = /#t(\d+)pan=(\d+)/gi;
+var TRACK_DELAYSEND_DIRECTIVE = /#t(\d+)dly=(\d+)/gi;
 var parseMmlMeta = (mml) => {
   const meta = {};
   for (const m of mml.matchAll(META_DIRECTIVE)) {
@@ -3440,6 +3463,9 @@ var parseMmlMeta = (mml) => {
       if (!Number.isNaN(dv)) meta.delay = clamp3(dv, 0, 100);
     } else if (key === "delaydiv") {
       if (["4", "8", "8d", "16"].includes(m[2])) meta.delayDivision = m[2];
+    } else if (key === "mastercomp") {
+      const mc = Number.parseInt(m[2], 10);
+      if (!Number.isNaN(mc)) meta.masterCompression = clamp3(mc, 0, 100);
     } else if (key === "fadein") {
       const fi = Number.parseInt(m[2], 10);
       if (!Number.isNaN(fi)) meta.fadeIn = clamp3(fi, 0, 100);
@@ -3508,9 +3534,25 @@ var parseMmlMeta = (mml) => {
       meta.trackEqHigh[idx] = val;
     }
   }
+  for (const m of mml.matchAll(TRACK_PAN_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp3(Number.parseInt(m[2], 10), 0, 127);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackPan ??= {};
+      meta.trackPan[idx] = val;
+    }
+  }
+  for (const m of mml.matchAll(TRACK_DELAYSEND_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp3(Number.parseInt(m[2], 10), 0, 100);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackDelaySend ??= {};
+      meta.trackDelaySend[idx] = val;
+    }
+  }
   return meta;
 };
-var stripMmlMeta = (mml) => mml.replace(META_DIRECTIVE, "").replace(TRACK_INST_DIRECTIVE, "").replace(TRACK_COMP_DIRECTIVE, "").replace(TRACK_WIDTH_DIRECTIVE, "").replace(TRACK_REVERBSEND_DIRECTIVE, "").replace(TRACK_EQLOW_DIRECTIVE, "").replace(TRACK_EQMID_DIRECTIVE, "").replace(TRACK_EQHIGH_DIRECTIVE, "");
+var stripMmlMeta = (mml) => mml.replace(META_DIRECTIVE, "").replace(TRACK_INST_DIRECTIVE, "").replace(TRACK_COMP_DIRECTIVE, "").replace(TRACK_WIDTH_DIRECTIVE, "").replace(TRACK_REVERBSEND_DIRECTIVE, "").replace(TRACK_EQLOW_DIRECTIVE, "").replace(TRACK_EQMID_DIRECTIVE, "").replace(TRACK_EQHIGH_DIRECTIVE, "").replace(TRACK_PAN_DIRECTIVE, "").replace(TRACK_DELAYSEND_DIRECTIVE, "");
 var formatMmlMeta = (meta, space = "") => {
   const parts = [];
   if (meta.instrument) parts.push(`#inst=${meta.instrument}`);
@@ -3529,6 +3571,8 @@ var formatMmlMeta = (meta, space = "") => {
     parts.push(`#delay=${meta.delay}`);
   if (meta.delayDivision && meta.delayDivision !== "8")
     parts.push(`#delaydiv=${meta.delayDivision}`);
+  if (meta.masterCompression !== void 0 && meta.masterCompression !== 0)
+    parts.push(`#mastercomp=${meta.masterCompression}`);
   if (meta.fadeIn !== void 0 && meta.fadeIn !== 0)
     parts.push(`#fadein=${meta.fadeIn}`);
   if (meta.fadeOut !== void 0 && meta.fadeOut !== 0)
@@ -3569,6 +3613,16 @@ var formatMmlMeta = (meta, space = "") => {
       if (val !== 0) parts.push(`#t${idx}eqhi=${val}`);
     }
   }
+  if (meta.trackPan) {
+    for (const [idx, val] of Object.entries(meta.trackPan)) {
+      if (val !== 64) parts.push(`#t${idx}pan=${val}`);
+    }
+  }
+  if (meta.trackDelaySend) {
+    for (const [idx, val] of Object.entries(meta.trackDelaySend)) {
+      if (val !== 0) parts.push(`#t${idx}dly=${val}`);
+    }
+  }
   return parts.join(space);
 };
 var parseMML = (mml, options = {}) => {
@@ -11403,7 +11457,13 @@ var buildUI = (target, options) => {
         <span class="dtm-label" data-dtm="master-volume-label">50%</span>
       </div>
       <div class="dtm-row">
-        <button class="dtm-btn dtm-btn--ghost dtm-btn--xs" data-dtm="auto-master" title="\u97F3\u5727\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\u30FB\u30EA\u30D0\u30FC\u30D6\u3092\u5546\u696D\u66F2\u5BC4\u308A\u306E\u5024\u306B\u4E00\u62EC\u8A2D\u5B9A\u3057\u307E\u3059">\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0</button>
+        <span class="dtm-label">\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="master-comp" value="0" min="0" max="100" aria-label="\u30DE\u30B9\u30BF\u30D0\u30B9\u306E\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\uFF08\u5168\u30C8\u30E9\u30C3\u30AF\u3092\u307E\u3068\u3081\u3066\u8EFD\u304F\u5727\u7E2E\u3057\u3001\u4E00\u4F53\u611F\u3092\u51FA\u3059\uFF09">
+        <span class="dtm-label" data-dtm="master-comp-label">0%</span>
+        <button class="dtm-infobtn" data-dtm="master-comp-info" title="\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+      </div>
+      <div class="dtm-row">
+        <button class="dtm-btn dtm-btn--ghost dtm-btn--xs" data-dtm="auto-master" title="\u97F3\u5727\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\u30FB\u30EA\u30D0\u30FC\u30D6\u306B\u52A0\u3048\u3001\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u697D\u5668\u30FB\u97F3\u91CF\u3082\u81EA\u52D5\u63A8\u5B9A\u3057\u3066\u4E00\u62EC\u8A2D\u5B9A\u3057\u307E\u3059">\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0</button>
         <button class="dtm-infobtn" data-dtm="auto-master-info" title="\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         <span class="dtm-grow"></span>
       </div>
@@ -11657,6 +11717,9 @@ var buildUI = (target, options) => {
     hScrollThumb: sel("hscroll-thumb"),
     masterVolume: sel("master-volume"),
     masterVolumeLabel: sel("master-volume-label"),
+    masterComp: sel("master-comp"),
+    masterCompLabel: sel("master-comp-label"),
+    masterCompInfoBtn: sel("master-comp-info"),
     reverbAmount: sel("reverb-amount"),
     reverbAmountLabel: sel("reverb-amount-label"),
     reverbAmountInfoBtn: sel("reverb-amount-info"),
@@ -13502,6 +13565,16 @@ var TRACK_WIDTH_INFO_HTML = `
   <p>\u30B9\u30DE\u30DB\u306E\u30B9\u30D4\u30FC\u30AB\u30FC1\u500B\u306A\u3069\u3001\u30E2\u30CE\u30E9\u30EB\u306B\u8FD1\u3044\u74B0\u5883\u3067\u518D\u751F\u3059\u308B\u3068\u97F3\u304C\u8584\u304F/\u4F4D\u76F8\u304C\u4E71\u308C\u3066\u805E\u3053\u3048\u308B\u3053\u3068\u304C\u3042\u308A\u307E\u3059\uFF08\u5DE6\u53F3\u306E\u5DEE\u5206\u3092\u8A87\u5F35\u3057\u3066\u3044\u308B\u305F\u3081\u3001\u8DB3\u3057\u5408\u308F\u305B\u308B\u3068\u6253\u3061\u6D88\u3057\u5408\u3046\u6210\u5206\u304C\u5897\u3048\u308B\uFF09\u3002\u4E3B\u65CB\u5F8B\u3084\u30DC\u30FC\u30AB\u30EB\u306F\u4E2D\u592E\u4ED8\u8FD1\u3067\u72ED\u3081\u3001\u30D1\u30C3\u30C9\u3084\u30B7\u30F3\u30BB\u306E\u88C5\u98FE\u30D1\u30FC\u30C8\u306F\u5E83\u3052\u308B\u3001\u3068\u3044\u3046\u306E\u304C\u30DF\u30C3\u30AF\u30B9\u306E\u5B9A\u77F3\u3067\u3059\u3002</p>
 </div>
 `;
+var TRACK_PAN_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u3092\u5DE6\u53F3\u306E\u3069\u3053\u306B\u7F6E\u304F\u304B\u3092\u6C7A\u3081\u307E\u3059\u300264\u304C\u4E2D\u592E\u30010\u3067\u5DE6\u3044\u3063\u3071\u3044\u3001127\u3067\u53F3\u3044\u3063\u3071\u3044\u3067\u3059\u3002\u6B4C\u8A5E\u30C8\u30E9\u30C3\u30AF\u306E\u5834\u5408\u3001\u3053\u3053\u306F\u697D\u5668\u3068\u3057\u3066\u306E\u30C8\u30E9\u30C3\u30AF\u5168\u4F53\u306E\u5B9A\u4F4D\u3067\u3001\u6B4C\u5531\u305D\u306E\u3082\u306E\u306E\u5B9A\u4F4D\uFF08\u4E0B\u306E\u300C\u5B9A\u4F4D\u300D\u6B04\u30FBvocalPan\uFF09\u3068\u306F\u5225\u306B\u50CD\u304D\u3001\u4E21\u65B9\u304C\u91CD\u306A\u3063\u3066\u6700\u7D42\u7684\u306A\u4F4D\u7F6E\u306B\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u300C\u30B9\u30C6\u30EC\u30AA\u5E45\u300D\u3068\u306E\u9055\u3044</h4>
+  <p>\u5B9A\u4F4D\u306F\u300C\u97F3\u3092\u3069\u3053\u306B\u7F6E\u304F\u304B\u300D\uFF08\u5DE6\u5BC4\u308A/\u4E2D\u592E/\u53F3\u5BC4\u308A\uFF09\u3001\u30B9\u30C6\u30EC\u30AA\u5E45\u306F\u300C\u305D\u306E\u97F3\u81EA\u4F53\u304C\u3069\u308C\u3060\u3051\u5E83\u304C\u3063\u3066\u805E\u3053\u3048\u308B\u304B\u300D\u3067\u3001\u5F79\u5272\u304C\u7570\u306A\u308A\u307E\u3059\u3002\u4E21\u65B9\u3092\u5F37\u304F\u4F7F\u3046\u3068\u5B9A\u4F4D\u304C\u307C\u3084\u3051\u3066\u66D6\u6627\u306B\u306A\u308A\u304C\u3061\u3067\u3059\u3002</p>
+  <h4>\u30DF\u30C3\u30AF\u30B9\u306E\u5B9A\u77F3</h4>
+  <p>\u4E3B\u65CB\u5F8B\u30FB\u30DC\u30FC\u30AB\u30EB\u30FB\u30D9\u30FC\u30B9\u306A\u3069\u66F2\u306E\u8EF8\u306B\u306A\u308B\u30D1\u30FC\u30C8\u306F\u4E2D\u592E\u4ED8\u8FD1\u306B\u7F6E\u304D\u3001\u30CF\u30E2\u30EA\u30FB\u30AB\u30A6\u30F3\u30BF\u30FC\u30E1\u30ED\u30C7\u30A3\u30FB\u4F34\u594F\uFF08\u30B3\u30FC\u30C9/\u30D1\u30C3\u30C9\uFF09\u306A\u3069\u5F69\u308A\u306E\u30D1\u30FC\u30C8\u3092\u5DE6\u53F3\u3078\u632F\u308A\u5206\u3051\u308B\u3068\u3001\u5404\u30D1\u30FC\u30C8\u306E\u5C45\u5834\u6240\u304C\u5206\u304B\u308C\u3066\u805E\u304D\u53D6\u308A\u3084\u3059\u304F\u306A\u308A\u307E\u3059\uFF08\u7279\u306B\u4F4E\u57DF\u306F\u4E2D\u592E\u306B\u96C6\u3081\u308B\u306E\u304C\u5B9A\u77F3\u3067\u3059 \u2014 \u5DE6\u53F3\u306B\u632F\u308B\u3068\u4F4D\u76F8\u5E72\u6E09\u3067\u30E2\u30CE\u30E9\u30EB\u518D\u751F\u6642\u306B\u4F4E\u97F3\u304C\u75E9\u305B\u308B\u3053\u3068\u304C\u3042\u308A\u307E\u3059\uFF09\u3002</p>
+</div>
+`;
 var TRACK_REVERBSEND_INFO_HTML = `
 <div class="dtm-modal-body-content">
   <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
@@ -13512,25 +13585,58 @@ var TRACK_REVERBSEND_INFO_HTML = `
   <p>Mix\u306F\u300C\u9001\u3089\u308C\u3066\u304D\u305F\u97F3\u3092\u3069\u308C\u3060\u3051\u8FD4\u3059\u304B\u300D\u3068\u3044\u3046\u5168\u4F53\u306E\u8FD4\u308A\u91CF\u3067\u3059\u3002\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u9001\u308A\u91CF\u304C0\u306A\u3089\u3001Mix\u3092\u4E0A\u3052\u3066\u3082\u4F55\u3082\u8FD4\u3063\u3066\u304D\u307E\u305B\u3093\u3002\u307E\u305A\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u9001\u308A\u91CF\u3092\u6C7A\u3081\u3066\u304B\u3089\u3001Mix\u3067\u5168\u4F53\u306E\u639B\u304B\u308A\u5177\u5408\u3092\u5FAE\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002</p>
 </div>
 `;
+var TRACK_DELAYSEND_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u97F3\u3092\u3001\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\uFF08[delay]\u30D1\u30CD\u30EB\uFF09\u3078\u3069\u308C\u3060\u3051\u9001\u308B\u304B\u3092 0-100% \u3067\u6C7A\u3081\u307E\u3059\u30020\u306A\u3089\u9001\u3089\u306A\u3044\uFF1D\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306B\u306F\u30C7\u30A3\u30EC\u30A4\u304C\u639B\u304B\u308A\u307E\u305B\u3093\u3002</p>
+  <h4>\u300C\u4F4E\u57DF\u306B\u306F\u639B\u3051\u306A\u3044\u300D\u304C\u5B9A\u77F3</h4>
+  <p>\u30C7\u30A3\u30EC\u30A4\uFF08\u3084\u307E\u3073\u3053\u306E\u3088\u3046\u306A\u7E70\u308A\u8FD4\u3057\uFF09\u3092\u4F4E\u57DF\u306B\u639B\u3051\u308B\u3068\u3001\u7E70\u308A\u8FD4\u3057\u304C\u91CD\u306A\u3063\u3066\u30EA\u30BA\u30E0\u304C\u6FC1\u308A\u3084\u3059\u3044\u305F\u3081\u3001\u30D9\u30FC\u30B9\u306A\u3069\u4F4E\u97F3\u30D1\u30FC\u30C8\u306F\u9001\u3089\u306A\u3044\uFF080\u306E\u307E\u307E\uFF09\u306E\u304C\u5B9A\u77F3\u3067\u3059\u3002\u30EA\u30FC\u30C9\u697D\u5668\u30FB\u30DC\u30FC\u30AB\u30EB\u306E\u8A9E\u5C3E\u306A\u3069\u3001\u805E\u304B\u305B\u305F\u3044\u30EF\u30F3\u30DD\u30A4\u30F3\u30C8\u3060\u3051\u306B\u9001\u308B\u306E\u304C\u52B9\u679C\u7684\u3067\u3059\u3002</p>
+  <h4>[delay]\u30D1\u30CD\u30EB\u306EMix\u3068\u306E\u95A2\u4FC2</h4>
+  <p>[delay]\u30D1\u30CD\u30EB\u306E\u639B\u304B\u308A\u5177\u5408\u304C0%\u3060\u3068\u3001\u3053\u3053\u3092\u3044\u304F\u3089\u4E0A\u3052\u3066\u3082\u7121\u97F3\u306E\u307E\u307E\u3067\u3059\u3002\u300C\u9001\u308A\u91CF\uFF08\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304C\u3069\u308C\u3060\u3051\u63D0\u4F9B\u3059\u308B\u304B\uFF09\u300D\u3068\u300C\u30DE\u30B9\u30BF\u306E\u30C7\u30A3\u30EC\u30A4\u8A2D\u5B9A\uFF08\u5B9F\u969B\u306B\u3069\u3093\u306A\u7E70\u308A\u8FD4\u3057\u304C\u639B\u304B\u308B\u304B\uFF09\u300D\u306E\u4E8C\u6BB5\u69CB\u3048\u306B\u306A\u3063\u3066\u3044\u308B\u305F\u3081\u3067\u3059\u3002\u4E21\u65B9\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002</p>
+</div>
+`;
+var MASTER_COMP_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u5168\u30C8\u30E9\u30C3\u30AF\u304C\u5408\u6D41\u3057\u305F\u5F8C\uFF08\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u30FB\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u306E\u623B\u308A\u3082\u542B\u3080\uFF09\u306B\u307E\u3068\u3081\u3066\u8EFD\u304F\u639B\u3051\u308B\u3001\u30DE\u30B9\u30BF\u30D0\u30B9\u306E\u300C\u30B0\u30EB\u30FC\uFF08\u63A5\u7740\u5264\uFF09\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\u300D\u3067\u3059\u30020%\u3067\u7121\u52B9\u3001\u4E0A\u3052\u308B\u307B\u3069\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u97F3\u91CF\u5DEE\u304C\u5747\u3055\u308C\u3001\u30D0\u30E9\u30D0\u30E9\u306B\u9CF4\u3063\u3066\u3044\u305F\u30D1\u30FC\u30C8\u304C\u3072\u3068\u307E\u3068\u307E\u308A\u306E\u300C\u30D0\u30F3\u30C9\u611F\u300D\u300C\u4E00\u4F53\u611F\u300D\u3092\u6301\u3063\u3066\u805E\u3053\u3048\u308B\u3088\u3046\u306B\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u5E38\u6642ON\u306E\u300C\u5B89\u5168\u30EA\u30DF\u30C3\u30BF\u30FC\u300D\u3068\u306E\u9055\u3044</h4>
+  <p>\u97F3\u5272\u308C\u691C\u77E5\u30D0\u30C3\u30B8\u3068\u9023\u52D5\u3059\u308B\u5B89\u5168\u30EA\u30DF\u30C3\u30BF\u30FC\u306F\u3001\u5E38\u306BON\u3067\u97F3\u5272\u308C\u3092\u9632\u3050\u305F\u3081\u306E\u4FDD\u967A\u3067\u3059\u3002\u3053\u3061\u3089\u306E\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u306F\u65E2\u5B9A0\uFF08\u30AA\u30D5\uFF09\u3067\u3001\u97F3\u3092\u826F\u304F\u3059\u308B\u305F\u3081\u306E\u8868\u73FE\u76EE\u7684\u306E\u51E6\u7406\u3067\u3059\u3002\u639B\u304B\u308B\u9806\u5E8F\u306F\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u2192\u5B89\u5168\u30EA\u30DF\u30C3\u30BF\u30FC\u3067\u3001\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u901A\u904E\u5F8C\u306E\u4FE1\u53F7\u3092\u5B89\u5168\u30EA\u30DF\u30C3\u30BF\u30FC\u30FB\u97F3\u5272\u308C\u691C\u77E5\u30E1\u30FC\u30BF\u30FC\u304C\u76E3\u8996\u3057\u307E\u3059\u3002</p>
+  <h4>\u30C8\u30E9\u30C3\u30AF\u5358\u4F4D\u306E\u300C\u97F3\u5727\u5F37\u5316\u300D\u3068\u306E\u9055\u3044</h4>
+  <p>\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u300C\u97F3\u5727\u5F37\u5316\u300D\uFF08\u30C1\u30E3\u30F3\u30CD\u30EB\u30B9\u30C8\u30EA\u30C3\u30D7\u306E\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\uFF09\u306F\u3001\u305D\u306E\u30C8\u30E9\u30C3\u30AF\u5358\u4F53\u306E\u7C92\u7ACB\u3061\u3092\u63C3\u3048\u308B\u305F\u3081\u306E\u3082\u306E\u3067\u3059\u3002\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u306F\u305D\u308C\u3068\u306F\u5225\u306B\u3001\u5168\u30C8\u30E9\u30C3\u30AF\u304C\u6DF7\u3056\u3063\u305F\u5F8C\u306E\u300C\u5408\u594F\u300D\u5168\u4F53\u306B\u5BFE\u3057\u3066\u639B\u304B\u308A\u307E\u3059\u3002\u4E21\u65B9\u3092\u5F37\u304F\u639B\u3051\u3059\u304E\u308B\u3068\u30C0\u30A4\u30CA\u30DF\u30AF\u30B9\uFF08\u5F37\u5F31\u306E\u8868\u60C5\uFF09\u304C\u5931\u308F\u308C\u3066\u5358\u8ABF\u306B\u306A\u308A\u3084\u3059\u3044\u305F\u3081\u3001\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u306F\u63A7\u3048\u3081\uFF0820\u301C40%\u7A0B\u5EA6\uFF09\u304C\u51FA\u767A\u70B9\u306E\u76EE\u5B89\u3067\u3059\u3002</p>
+</div>
+`;
 var AUTO_MASTER_INFO_HTML = `
 <div class="dtm-modal-body-content">
   <h4>\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0\u3068\u306F</h4>
   <p>\u5E02\u8CA9\u66F2\u3067\u3088\u304F\u4F7F\u308F\u308C\u308B\u5024\u3092\u76EE\u5B89\u306B\u3001\u4EE5\u4E0B\u3092\u307E\u3068\u3081\u3066\u8A2D\u5B9A\u3059\u308B\u30DC\u30BF\u30F3\u3067\u3059\u3002\u66F2\u306EBPM\u3092\u898B\u3066\u4E00\u90E8\u306E\u5024\u3092\u81EA\u52D5\u8ABF\u6574\u3057\u307E\u3059\u3002</p>
+  <h4>\u30B2\u30A4\u30F3\u30B9\u30C6\u30FC\u30B8\u30F3\u30B0\uFF08\u5B9F\u6E2C\u30D9\u30FC\u30B9\u306E\u97F3\u91CF\u8ABF\u6574\uFF09</h4>
+  <p>\u518D\u751F\u3057\u3066\u3044\u308B\u9593\u3001\u88CF\u3067\u30DE\u30B9\u30BF\u306E\u30D4\u30FC\u30AF\u30EC\u30D9\u30EB\uFF08\u97F3\u5272\u308C\u691C\u77E5\u30D0\u30C3\u30B8\u3068\u540C\u3058\u5B9F\u6E2C\u5024\uFF09\u3092\u7D99\u7D9A\u7684\u306B\u53CE\u96C6\u3057\u3066\u3044\u307E\u3059\u3002\u5408\u8A082\u79D2\u4EE5\u4E0A\u306E\u518D\u751F\u5B9F\u7E3E\u304C\u6E9C\u307E\u3063\u3066\u3044\u308C\u3070\u3001\u300C\u304A\u307E\u304B\u305B\u300D\u5B9F\u884C\u6642\u306B\u305D\u306E\u5B9F\u6E2C\u30D4\u30FC\u30AF\u3092\u76EE\u6A19\u30D8\u30C3\u30C9\u30EB\u30FC\u30E0\uFF08-6dBFS\u4ED8\u8FD1\uFF09\u306B\u53CE\u307E\u308B\u3088\u3046\u9006\u7B97\u3057\u3066\u3001\u30DE\u30B9\u30BF\u97F3\u91CF\u3092\u81EA\u52D5\u8ABF\u6574\u3057\u307E\u3059\u3002</p>
+  <p style="margin-top:4px;"><small>\u30CE\u30FC\u30C8\u306E\u30D9\u30ED\u30B7\u30C6\u30A3\u306A\u3069\u9759\u7684\u306A\u60C5\u5831\u3060\u3051\u3067\u306F\u3001\u8907\u6570\u30C8\u30E9\u30C3\u30AF\u304C\u91CD\u306A\u3063\u3066\u5B9F\u969B\u306B\u3069\u308C\u3060\u3051\u97F3\u5727\u304C\u7A4D\u307F\u4E0A\u304C\u308B\u304B\uFF08\u30C8\u30E9\u30C3\u30AF\u5358\u4F4D\u306E\u5727\u7E2E\u30FBEQ\u5F8C\u306E\u5024\u3082\u542B\u3080\uFF09\u306F\u5206\u304B\u308A\u307E\u305B\u3093\u3002\u5B9F\u969B\u306B\u9CF4\u3089\u3057\u305F\u97F3\u3092\u6E2C\u308B\u306E\u304C\u6700\u3082\u78BA\u5B9F\u306A\u305F\u3081\u3001\u3053\u306E\u30DC\u30BF\u30F3\u3092\u62BC\u3059\u305F\u3073\u306B\u4F7F\u3046\u306E\u3067\u306F\u306A\u304F\u3001\u3042\u308B\u7A0B\u5EA6\u7DE8\u96C6\u3057\u3066\u4E00\u5EA6\u3067\u3082\u518D\u751F\u3057\u305F\u5F8C\u306B\u62BC\u3059\u3068\u52B9\u679C\u3092\u767A\u63EE\u3057\u307E\u3059\u3002\u4E00\u5EA6\u3082\u518D\u751F\u3057\u3066\u3044\u306A\u3044\u30FB\u518D\u751F\u6642\u9593\u304C\u77ED\u3059\u304E\u308B\u5834\u5408\u306F\u5224\u65AD\u6750\u6599\u304C\u7121\u3044\u305F\u3081\u3001\u3053\u306E\u9805\u76EE\u306F\u30B9\u30AD\u30C3\u30D7\u3055\u308C\u4ED6\u306E\u5024\u3060\u3051\u304C\u9069\u7528\u3055\u308C\u307E\u3059\u3002</small></p>
   <ul>
-    <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6 Mix: 20%</li>
+    <li>\u30DE\u30B9\u30BF\u30D0\u30B9 \u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC: 25%\uFF08\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u982D\u3092\u8EFD\u304F\u5747\u3057\u3066\u4E00\u4F53\u611F\u3092\u51FA\u3059\u3001\u63A7\u3048\u3081\u306A\u91CF\uFF09</li>
+    <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6 Mix: <strong>\u30A2\u30EC\u30F3\u30B8\u306E\u5BC6\u5EA6\uFF08\u97F3\u306E\u5165\u3063\u3066\u3044\u308B\u30C8\u30E9\u30C3\u30AF\u6570\uFF09\u306B\u5FDC\u3058\u3066\u81EA\u52D5\u8A08\u7B97</strong>\uFF082\u30C8\u30E9\u30C3\u30AF\u4EE5\u4E0B\u306728%\u30018\u30C8\u30E9\u30C3\u30AF\u4EE5\u4E0A\u306712%\u3001\u305D\u306E\u9593\u306F\u7DDA\u5F62\u88DC\u9593\uFF09</li>
     <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6 Decay: <strong>\u73FE\u5728\u306EBPM\u306B\u5FDC\u3058\u3066\u81EA\u52D5\u8A08\u7B97</strong>\uFF08\u901F\u3044\u66F2\u307B\u3069\u77ED\u304F0.9\u79D2\u5BC4\u308A\u3001\u9045\u3044\u66F2\u307B\u3069\u9577\u304F3.0\u79D2\u5BC4\u308A\uFF09</li>
     <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6 Pre Delay: 20ms\uFF08\u539F\u97F3\u306E\u8F2A\u90ED\u3092\u4FDD\u3063\u305F\u307E\u307E\u5965\u884C\u304D\u3092\u8DB3\u3059\u5B9A\u756A\u5024\uFF09</li>
-    <li>\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u97F3\u5727\u5F37\u5316: \u697D\u566835%\u30FB\u6B4C\u8A5E\u306E\u3042\u308B\u30C8\u30E9\u30C3\u30AF\u306F25%\uFF08\u5F37\u304F\u6F70\u3059\u3068\u8868\u60C5\u304C\u5931\u308F\u308C\u308B\u305F\u3081\u63A7\u3048\u3081\u306B\uFF09</li>
-    <li>\u5168\u30C8\u30E9\u30C3\u30AF\u306E\u30B9\u30C6\u30EC\u30AA\u5E45: 115%\uFF08\u308F\u305A\u304B\u306B\u5E83\u3052\u308B\uFF09</li>
+    <li>\u30D5\u30A7\u30FC\u30C9\u30A2\u30A6\u30C8: \u672A\u8A2D\u5B9A\uFF080\u79D2\uFF09\u306E\u3068\u304D\u3060\u30511.5\u79D2\u3092\u88DC\u3046\uFF08\u66F2\u306E\u7D42\u308F\u308A\u3092\u3076\u3064\u5207\u308A\u306B\u3057\u306A\u3044\uFF09\u3002\u65E2\u306B0\u79D2\u4EE5\u5916\u306E\u5024\u304C\u8A2D\u5B9A\u6E08\u307F\u306A\u3089\u4E0A\u66F8\u304D\u3057\u306A\u3044</li>
     <li>\u6B4C\u8A5E\u306E\u3042\u308B\u30C8\u30E9\u30C3\u30AF: \u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8ON</li>
   </ul>
+  <p style="margin-top:4px;"><small>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6Mix\u3092\u5BC6\u5EA6\u3067\u6C7A\u3081\u308B\u306E\u306F\u3001\u300C\u97F3\u6570\u306E\u591A\u3044\u539A\u3044\u30A2\u30EC\u30F3\u30B8\u306B\u6B8B\u97FF\u3092\u91CD\u306D\u3059\u304E\u308B\u3068\u6FC1\u308B\u3001\u97F3\u6570\u306E\u5C11\u306A\u3044\u9699\u9593\u306E\u591A\u3044\u7DE8\u6210\u306B\u306F\u6B8B\u97FF\u3067\u7A7A\u9593\u3092\u57CB\u3081\u308B\u3068\u5FC3\u5730\u3088\u3044\u300D\u3068\u3044\u3046\u30DF\u30AD\u30B7\u30F3\u30B0\u306E\u5B9A\u77F3\u306B\u57FA\u3065\u304D\u307E\u3059\u3002</small></p>
+  <h4>\u697D\u5668\u30FB\u97F3\u91CF\u30FB\u5F79\u5272\u3054\u3068\u306E\u30DF\u30C3\u30AF\u30B9\u306E\u81EA\u52D5\u5272\u308A\u5F53\u3066</h4>
+  <p>\u6B4C\u8A5E\u306E\u306A\u3044\u30C8\u30E9\u30C3\u30AF\u306F\u3001\u7F6E\u304B\u308C\u3066\u3044\u308B\u30CE\u30FC\u30C8\u306E\u97F3\u9AD8\u30FB\u30BF\u30A4\u30DF\u30F3\u30B0\u30FB\u548C\u97F3\u306E\u539A\u307F\u304B\u3089\u5F79\u5272\uFF08\u30E1\u30ED\u30C7\u30A3/\u30B5\u30D6\u30E1\u30ED/\u30D9\u30FC\u30B9/\u4F34\u594F\uFF09\u3092\u63A8\u5B9A\u3057\u3001\u697D\u5668\u30FB\u97F3\u91CF\u306B\u52A0\u3048\u3066\u97F3\u5727\u5F37\u5316\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\u30FB\u5B9A\u4F4D\u30FB\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u30FB\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u30FBEQ\u3092\u307E\u3068\u3081\u3066\u5F79\u5272\u76F8\u5FDC\u306E\u5024\u3078\u8A2D\u5B9A\u3057\u307E\u3059\u3002</p>
+  <ul>
+    <li><strong>\u4F4E\u97F3\u57DF\uFF08C3\u672A\u6E80\uFF09\u304C\u4E2D\u5FC3</strong> \u2192 \u30D9\u30FC\u30B9\u3002\u57FA\u6E96\u97F3\u91CF85\uFF08\u4F4E\u3044\u307B\u3069\u5E95\u4E0A\u3052\u3001\u6700\u5927+12\uFF09\u3001\u97F3\u5727\u5F37\u531640%\uFF08\u7C92\u7ACB\u3061\u3092\u63C3\u3048\u308B\uFF09\u3001\u30B9\u30C6\u30EC\u30AA\u5E45100%\uFF08\u5E83\u3052\u306A\u3044\uFF09\u3001\u5B9A\u4F4D\u306F\u4E2D\u592E\u56FA\u5B9A\u3001\u30EA\u30D0\u30FC\u30D6\u9001\u308A5%\uFF08\u6FC1\u308A\u9632\u6B62\uFF09\u3001\u30C7\u30A3\u30EC\u30A4\u9001\u308A0%\uFF08\u4F4E\u57DF\u306B\u306F\u639B\u3051\u306A\u3044\uFF09\u3001EQ\u4F4E\u57DF+2dB\uFF0F\u9AD8\u57DF-3dB\u3002</li>
+    <li><strong>\u548C\u97F3\uFF08\u540C\u6642\u767A\u97F3\uFF09\u304C\u591A\u304F\u97F3\u4FA1\u3082\u9577\u3044</strong> \u2192 \u4F34\u594F\uFF08\u30B3\u30FC\u30C9/\u30D1\u30C3\u30C9\uFF09\u3002\u57FA\u6E96\u97F3\u91CF72\uFF08\u91CD\u306A\u308A\u306E\u539A\u307F\u3076\u3093\u3055\u3089\u306B\u4E0B\u3052\u308B\uFF09\u3001\u97F3\u5727\u5F37\u531625%\uFF08\u81EA\u7136\u306A\u5F37\u5F31\u3092\u6B8B\u3059\uFF09\u3001\u30B9\u30C6\u30EC\u30AA\u5E45118%\uFF08\u7A7A\u9593\u3092\u57CB\u3081\u308B\uFF09\u3001\u5B9A\u4F4D\u306F\u5DE6\u53F3\u3078\u5E83\u3081\u306B\u632F\u308A\u5206\u3051\u3001\u30EA\u30D0\u30FC\u30D6\u9001\u308A22%\u3001\u30C7\u30A3\u30EC\u30A4\u9001\u308A0%\u3001EQ\u4F4E\u57DF-4dB\uFF08\u30D9\u30FC\u30B9\u306E\u5E2F\u57DF\u3092\u7A7A\u3051\u308B\uFF09\u3002</li>
+    <li><strong>\u5358\u97F3\u3067\u97F3\u6570\u304C\u5C11\u306A\u304F\u97F3\u4FA1\u304C\u9577\u3044</strong> \u2192 \u30B5\u30D6\u30E1\u30ED\uFF08\u30AA\u30D6\u30EA\u30AC\u30FC\u30C8\u5BC4\u308A\uFF09\u3002\u57FA\u6E96\u97F3\u91CF92\u3001\u97F3\u5727\u5F37\u531632%\u3001\u5B9A\u4F4D\u306F\u5DE6\u53F3\u3078\u3084\u3084\u632F\u308A\u5206\u3051\u3001\u30EA\u30D0\u30FC\u30D6\u9001\u308A15%\uFF08\u30E1\u30ED\u30C7\u30A3\u306E\u4E00\u6B69\u5F8C\u308D\u3078\uFF09\u3001\u30C7\u30A3\u30EC\u30A4\u9001\u308A8%\u3001EQ\u4F4E\u57DF-3dB\uFF0F\u9AD8\u57DF+1dB\u3002</li>
+    <li><strong>\u305D\u308C\u4EE5\u5916\uFF08\u5358\u97F3\u3067\u52D5\u304D\u304C\u591A\u3044\uFF09</strong> \u2192 \u30E1\u30ED\u30C7\u30A3\u3002\u57FA\u6E96\u97F3\u91CF100\u3001\u97F3\u5727\u5F37\u531635%\u3001\u5B9A\u4F4D\u306F\u4E2D\u592E\u56FA\u5B9A\u3001\u30EA\u30D0\u30FC\u30D6\u9001\u308A12%\uFF08\u524D\u306B\u51FA\u3059\uFF09\u3001\u30C7\u30A3\u30EC\u30A4\u9001\u308A15%\uFF08\u805E\u304B\u305B\u3069\u3053\u308D\u306B\u8584\u304F\uFF09\u3001EQ\u4F4E\u57DF-2dB\uFF0F\u9AD8\u57DF+2dB\uFF08\u629C\u3051\u30FB\u30D7\u30EC\u30BC\u30F3\u30B9\uFF09\u3002</li>
+  </ul>
+  <p style="margin-top:4px;"><small>\u3044\u305A\u308C\u3082\u4E00\u822C\u7684\u306A\u30DF\u30AD\u30B7\u30F3\u30B0\u306E\u7D4C\u9A13\u5247\u3067\u3059\u3002\u4F4E\u57DF\u306F\u30E2\u30CE\u30E9\u30EB\u306B\u5BC4\u305B\u308B\uFF08\u30D9\u30FC\u30B9\u306E\u30B9\u30C6\u30EC\u30AA\u5E45\u30FB\u5B9A\u4F4D\u3092\u4E2D\u592E\u56FA\u5B9A\u306B\u3059\u308B\uFF09\u3053\u3068\u3067\u4F4D\u76F8\u5E72\u6E09\u306B\u3088\u308B\u30E2\u30CE\u30E9\u30EB\u518D\u751F\u6642\u306E\u75E9\u305B\u3092\u9632\u304E\u3001\u4ED6\u30D1\u30FC\u30C8\u306FEQ\u3067\u4F4E\u57DF\u3092\u8EFD\u304F\u524A\u3063\u3066\u5468\u6CE2\u6570\u5E2F\u57DF\u3092\u30D9\u30FC\u30B9\u3068\u4F4F\u307F\u5206\u3051\u307E\u3059\uFF08frequency slotting\uFF09\u3002\u66F2\u306E\u8EF8\u306B\u306A\u308B\u30E1\u30ED\u30C7\u30A3\u30FB\u30D9\u30FC\u30B9\u306F\u4E2D\u592E\u3001\u5F69\u308A\u306E\u30B5\u30D6\u30E1\u30ED\u30FB\u4F34\u594F\u306F\u5DE6\u53F3\u3078\u6563\u3089\u3057\u3066\u5404\u30D1\u30FC\u30C8\u306E\u5C45\u5834\u6240\u3092\u5206\u3051\u307E\u3059\uFF08\u540C\u3058\u5F79\u5272\u306E\u30C8\u30E9\u30C3\u30AF\u304C\u8907\u6570\u3042\u308B\u3068\u304D\u306F\u5DE6\u53F3\u3092\u4EA4\u4E92\u306B\u632F\u308A\u5206\u3051\u307E\u3059\uFF09\u3002\u30C7\u30A3\u30EC\u30A4\u306F\u4F4E\u57DF\u306B\u639B\u3051\u308B\u3068\u7E70\u308A\u8FD4\u3057\u304C\u91CD\u306A\u308A\u30EA\u30BA\u30E0\u304C\u6FC1\u308B\u305F\u3081\u3001\u30D9\u30FC\u30B9\u30FB\u4F34\u594F\u306B\u306F\u9001\u308A\u307E\u305B\u3093\uFF08[delay]\u30D1\u30CD\u30EB\u306E\u639B\u304B\u308A\u5177\u5408\u304C\u65E2\u5B9A0%\uFF1D\u30AA\u30D5\u306A\u306E\u3067\u3001\u6709\u52B9\u5316\u3059\u308B\u307E\u3067\u306F\u7121\u97F3\uFF09\u3002\u697D\u5668\u540D\u306F\u73FE\u5728\u9078\u629E\u4E2D\u306E\u697D\u5668\u30D7\u30EA\u30BB\u30C3\u30C8\uFF08\u672A\u9078\u629E\u306A\u3089\u30B0\u30E9\u30F3\u30C9\u30D4\u30A2\u30CE\uFF09\u304B\u3089\u5F79\u5272\u306B\u5BFE\u5FDC\u3059\u308B\u3082\u306E\u3092\u5F15\u304D\u307E\u3059\u3002\u97F3\u306E\u7121\u3044\u30C8\u30E9\u30C3\u30AF\u306F\u5224\u5B9A\u3067\u304D\u306A\u3044\u305F\u3081\u5BFE\u8C61\u5916\u3067\u3059\u3002\u3042\u304F\u307E\u3067\u81EA\u52D5\u63A8\u5B9A\u306A\u306E\u3067\u3001\u610F\u56F3\u3068\u9055\u3046\u5834\u5408\u306F\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u8A2D\u5B9A\u6B04\u304B\u3089\u500B\u5225\u306B\u9078\u3073\u76F4\u3057\u3066\u304F\u3060\u3055\u3044\u3002</small></p>
   <h4>\u30E1\u30A4\u30F3\u30DC\u30FC\u30AB\u30EB\u306E\u81EA\u52D5\u5224\u5B9A</h4>
   <p>\u6B4C\u8A5E\u306E\u3042\u308B\u30C8\u30E9\u30C3\u30AF\u304C\u8907\u6570\u3042\u308B\u5834\u5408\uFF08\u30CF\u30E2\u30EA\u30FB\u30B3\u30FC\u30E9\u30B9\u30FB\u639B\u3051\u58F0\u7B49\uFF09\u3001\u767A\u97F3\u6642\u9593\u304C\u6700\u3082\u9577\u3044\u30C8\u30E9\u30C3\u30AF\u3092\u300C\u30E1\u30A4\u30F3\u30DC\u30FC\u30AB\u30EB\u300D\u3068\u307F\u306A\u3057\u3001\u4ED6\u3068\u306F\u9055\u3046\u6271\u3044\u306B\u3057\u307E\u3059\u3002</p>
   <ul>
-    <li>\u30E1\u30A4\u30F3\u30DC\u30FC\u30AB\u30EB: \u97F3\u5727\u5F37\u531630%\u30FB\u30EA\u30D0\u30FC\u30D6\u9001\u308A15%\uFF08\u524D\u306B\u51FA\u3059\uFF09</li>
-    <li>\u305D\u308C\u4EE5\u5916\u306E\u30DC\u30FC\u30AB\u30EB: \u97F3\u5727\u5F37\u531625%\u30FB\u30EA\u30D0\u30FC\u30D6\u9001\u308A30%\uFF08\u5965\u3078\u99B4\u67D3\u307E\u305B\u308B\uFF09</li>
+    <li>\u30E1\u30A4\u30F3\u30DC\u30FC\u30AB\u30EB: \u97F3\u5727\u5F37\u531630%\u30FB\u30EA\u30D0\u30FC\u30D6\u9001\u308A15%\uFF08\u524D\u306B\u51FA\u3059\uFF09\u30FB\u5B9A\u4F4D\u306F\u4E2D\u592E\u56FA\u5B9A</li>
+    <li>\u305D\u308C\u4EE5\u5916\u306E\u30DC\u30FC\u30AB\u30EB: \u97F3\u5727\u5F37\u531625%\u30FB\u30EA\u30D0\u30FC\u30D6\u9001\u308A30%\uFF08\u5965\u3078\u99B4\u67D3\u307E\u305B\u308B\uFF09\u30FB\u5B9A\u4F4D\u306F\u5DE6\u53F3\u3078\u4EA4\u4E92\u306B\u632F\u3063\u3066\u30C0\u30D6\u30EA\u30F3\u30B0\u611F\u3092\u51FA\u3059</li>
   </ul>
-  <p style="margin-top:4px;"><small>\u300C\u524D\u306B\u51FA\u3057\u305F\u3044\u97F3\u306F\u30EA\u30D0\u30FC\u30D6\u5C11\u306A\u3081\u3001\u5965\u306B\u7F6E\u304D\u305F\u3044\u97F3\u306F\u30EA\u30D0\u30FC\u30D6\u591A\u3081\u300D\u3068\u3044\u3046\u5B9A\u77F3\u306B\u57FA\u3065\u3044\u3066\u3044\u307E\u3059\u3002EQ\u306F\u66F2\u30FB\u30D1\u30FC\u30C8\u3054\u3068\u306B\u4F55\u304C\u6FC1\u3063\u3066\u3044\u308B\u304B\u6B21\u7B2C\u3067\u81EA\u52D5\u5316\u306B\u5411\u304B\u306A\u3044\u305F\u3081\u5BFE\u8C61\u5916\u3067\u3059\u3002\u300C\u3044\u3044\u611F\u3058\u306E\u521D\u671F\u5024\u300D\u3092\u4E00\u62EC\u3067\u5F53\u3066\u308B\u3060\u3051\u3067\u3001\u66F2\u3084\u597D\u307F\u306B\u5FDC\u3058\u305F\u5FAE\u8ABF\u6574\u307E\u3067\u306F\u884C\u3044\u307E\u305B\u3093\u3002\u65E2\u5B58\u306E\u8A2D\u5B9A\u306F\u4E0A\u66F8\u304D\u3055\u308C\u308B\u306E\u3067\u3001\u6C17\u306B\u5165\u3089\u306A\u3051\u308C\u3070\u5404\u30B9\u30E9\u30A4\u30C0\u30FC\u304B\u3089\u500B\u5225\u306B\u623B\u3057\u3066\u304F\u3060\u3055\u3044\u3002</small></p>
+  <p style="margin-top:4px;"><small>\u300C\u524D\u306B\u51FA\u3057\u305F\u3044\u97F3\u306F\u30EA\u30D0\u30FC\u30D6\u5C11\u306A\u3081\u3001\u5965\u306B\u7F6E\u304D\u305F\u3044\u97F3\u306F\u30EA\u30D0\u30FC\u30D6\u591A\u3081\u300D\u3068\u3044\u3046\u5B9A\u77F3\u306B\u57FA\u3065\u3044\u3066\u3044\u307E\u3059\u3002\u300C\u3044\u3044\u611F\u3058\u306E\u521D\u671F\u5024\u300D\u3092\u4E00\u62EC\u3067\u5F53\u3066\u308B\u3060\u3051\u3067\u3001\u66F2\u3084\u597D\u307F\u306B\u5FDC\u3058\u305F\u5FAE\u8ABF\u6574\u307E\u3067\u306F\u884C\u3044\u307E\u305B\u3093\u3002\u65E2\u5B58\u306E\u8A2D\u5B9A\u306F\u4E0A\u66F8\u304D\u3055\u308C\u308B\u306E\u3067\u3001\u6C17\u306B\u5165\u3089\u306A\u3051\u308C\u3070\u5404\u30B9\u30E9\u30A4\u30C0\u30FC\u304B\u3089\u500B\u5225\u306B\u623B\u3057\u3066\u304F\u3060\u3055\u3044\u3002</small></p>
 </div>
 `;
 var MIDI_INFO_HTML = `
@@ -13774,6 +13880,80 @@ var normalizeInstrumentName = (name) => {
     (n) => n.replace(/\s+/g, "").toLowerCase() === stripped
   ) ?? name;
 };
+var AUTO_ROLE_STEPS_PER_BEAT = 48;
+var AUTO_ROLE_BASE_VOLUME = {
+  melody: 100,
+  submelody: 92,
+  bass: 85,
+  chord: 72
+};
+var computeAutoRoleStats = (notes) => {
+  const avgPitch = notes.reduce((s, n) => s + n.pitch, 0) / notes.length;
+  const avgDur = notes.reduce((s, n) => s + n.durationSteps, 0) / notes.length;
+  const byStart = /* @__PURE__ */ new Map();
+  for (const n of notes)
+    byStart.set(n.startStep, (byStart.get(n.startStep) ?? 0) + 1);
+  let maxPoly = 0;
+  for (const c of byStart.values()) if (c > maxPoly) maxPoly = c;
+  const avgPoly = notes.length / byStart.size;
+  const minStart = Math.min(...notes.map((n) => n.startStep));
+  const maxEnd = Math.max(...notes.map((n) => n.startStep + n.durationSteps));
+  const spanBeats = Math.max(1, (maxEnd - minStart) / AUTO_ROLE_STEPS_PER_BEAT);
+  const notesPerBeat = notes.length / spanBeats;
+  return { avgPitch, avgDur, avgPoly, maxPoly, notesPerBeat };
+};
+var classifyTrackRole = (stats) => {
+  if (stats.avgPitch < 48) return "bass";
+  if (stats.maxPoly >= 2 && stats.avgDur >= AUTO_ROLE_STEPS_PER_BEAT)
+    return "chord";
+  if (stats.notesPerBeat < 1.2 && stats.avgDur >= AUTO_ROLE_STEPS_PER_BEAT * 1.5)
+    return "submelody";
+  return "melody";
+};
+var computeAutoRoleVolume = (role, stats) => {
+  let vol = AUTO_ROLE_BASE_VOLUME[role];
+  if (role === "chord" && stats.avgPoly > 1) {
+    vol /= Math.sqrt(stats.avgPoly);
+  } else if (role === "bass") {
+    const depthSemitones = Math.max(0, 48 - stats.avgPitch);
+    vol += Math.min(12, depthSemitones * 0.5);
+  }
+  return clamp5(Math.round(vol), 1, 127);
+};
+var AUTO_ROLE_MIX = {
+  melody: {
+    compression: 35,
+    width: 115,
+    reverbSend: 12,
+    delaySend: 15,
+    eqLow: -2,
+    eqHigh: 2
+  },
+  submelody: {
+    compression: 32,
+    width: 115,
+    reverbSend: 15,
+    delaySend: 8,
+    eqLow: -3,
+    eqHigh: 1
+  },
+  chord: {
+    compression: 25,
+    width: 118,
+    reverbSend: 22,
+    delaySend: 0,
+    eqLow: -4,
+    eqHigh: 0
+  },
+  bass: {
+    compression: 40,
+    width: 100,
+    reverbSend: 5,
+    delaySend: 0,
+    eqLow: 2,
+    eqHigh: -3
+  }
+};
 var mountDAW = (target, options = {}) => {
   injectStyles();
   const getAudioTime = options.getAudioTime ?? (() => performance.now() / 1e3);
@@ -13804,6 +13984,8 @@ var mountDAW = (target, options = {}) => {
   });
   refs.masterVolume.value = String(options.masterVolume ?? 50);
   refs.masterVolumeLabel.textContent = `${options.masterVolume ?? 50}%`;
+  refs.masterComp.value = String(options.masterCompression ?? 0);
+  refs.masterCompLabel.textContent = `${options.masterCompression ?? 0}%`;
   refs.reverbAmount.value = String(options.reverbAmount ?? 0);
   refs.reverbAmountLabel.textContent = `${options.reverbAmount ?? 0}%`;
   {
@@ -13841,14 +14023,38 @@ var mountDAW = (target, options = {}) => {
   let reverbPreDelay = options.reverbPreDelay ?? DEFAULT_REVERB_PREDELAY_MS;
   let delayAmount = options.delayAmount ?? 0;
   let delayDivision = options.delayDivision ?? "8";
+  let masterCompression = options.masterCompression ?? 0;
   let fadeInSec = options.fadeInSec ?? 0;
   let fadeOutSec = options.fadeOutSec ?? 0;
   let unsubscribeClip;
+  let observedPeakMax = 0;
+  let observedPlayMs = 0;
+  let peakSampleRafId = null;
+  let peakSampleLastTs = 0;
+  const PEAK_SAMPLE_MIN_PLAY_MS = 2e3;
+  const samplePeakTick = (ts) => {
+    if (peakSampleLastTs) observedPlayMs += ts - peakSampleLastTs;
+    peakSampleLastTs = ts;
+    const peak = options.clipMeter?.getPeakLevel() ?? 0;
+    if (peak > observedPeakMax) observedPeakMax = peak;
+    peakSampleRafId = requestAnimationFrame(samplePeakTick);
+  };
+  const startPeakSampling = () => {
+    if (peakSampleRafId !== null || !options.clipMeter) return;
+    peakSampleLastTs = 0;
+    peakSampleRafId = requestAnimationFrame(samplePeakTick);
+  };
+  const stopPeakSampling = () => {
+    if (peakSampleRafId !== null) cancelAnimationFrame(peakSampleRafId);
+    peakSampleRafId = null;
+    peakSampleLastTs = 0;
+  };
   options.onReverbChange?.(reverbAmount);
   options.onReverbDecayChange?.(reverbDecay);
   options.onReverbPreDelayChange?.(reverbPreDelay);
   options.onDelayChange?.(delayAmount);
   options.onDelayDivisionChange?.(delayDivision);
+  options.onMasterCompressionChange?.(masterCompression);
   let drumVolume = options.drumVolume ?? 80;
   let currentDrumPattern = refs.drumSelect.value;
   let currentDrumFont = options.drumFont ?? "FluidR3_GM_sf2_file:0";
@@ -14008,7 +14214,9 @@ var mountDAW = (target, options = {}) => {
         trackReverbSend: 0,
         trackEqLow: 0,
         trackEqMid: 0,
-        trackEqHigh: 0
+        trackEqHigh: 0,
+        trackPan: 64,
+        trackDelaySend: 0
       };
     });
   };
@@ -14881,6 +15089,7 @@ var mountDAW = (target, options = {}) => {
     }
     playbackState = "playing";
     sequencer.start(fromStep);
+    startPeakSampling();
     {
       const anchor = sequencer.getStartTime();
       const secondsPerStepFade = 60 / bpm / 48;
@@ -14923,6 +15132,7 @@ var mountDAW = (target, options = {}) => {
     clearSoundTimers();
     options.onScheduleFade?.(null);
     playbackState = "paused";
+    stopPeakSampling();
     updateTransport();
   };
   const reloadVoicesForModel = (model) => {
@@ -14938,6 +15148,7 @@ var mountDAW = (target, options = {}) => {
     options.onScheduleFade?.(null);
     playbackState = "stopped";
     currentPlayStep = 0;
+    stopPeakSampling();
     updateTransport();
     redrawAll();
   };
@@ -15006,12 +15217,24 @@ var mountDAW = (target, options = {}) => {
           <span class="dtm-label" data-dtm="track-width-label"></span>
           <button class="dtm-infobtn" data-dtm="track-width-info" title="\u30B9\u30C6\u30EC\u30AA\u5E45\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         </div>
+        <div class="dtm-row">
+          <span class="dtm-label">\u5B9A\u4F4D</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-pan" min="0" max="127" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u5DE6\u53F3\u306E\u5B9A\u4F4D\uFF0864=\u4E2D\u592E\u30010=\u5DE6\u3044\u3063\u3071\u3044\u3001127=\u53F3\u3044\u3063\u3071\u3044\uFF09">
+          <span class="dtm-label" data-dtm="track-pan-label"></span>
+          <button class="dtm-infobtn" data-dtm="track-pan-info" title="\u5B9A\u4F4D\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+        </div>
         <div class="dtm-row">
           <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6\u9001\u308A</span>
           <input type="range" class="dtm-range dtm-grow" data-dtm="track-reverb-send" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u306E\u9001\u308A\u91CF\uFF080=\u639B\u304B\u3089\u306A\u3044\uFF09">
           <span class="dtm-label" data-dtm="track-reverb-send-label"></span>
           <button class="dtm-infobtn" data-dtm="track-reverb-send-info" title="\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         </div>
+        <div class="dtm-row">
+          <span class="dtm-label">\u30C7\u30A3\u30EC\u30A4\u9001\u308A</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-delay-send" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u3078\u306E\u9001\u308A\u91CF\uFF080=\u639B\u304B\u3089\u306A\u3044\uFF09">
+          <span class="dtm-label" data-dtm="track-delay-send-label"></span>
+          <button class="dtm-infobtn" data-dtm="track-delay-send-info" title="\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+        </div>
       </details>`;
     refs.trackBody.querySelector(
       '[data-dtm="track-fx-advanced"]'
@@ -15121,6 +15344,26 @@ var mountDAW = (target, options = {}) => {
     trackWidthInfo.addEventListener("click", () => {
       showModal("\u30B9\u30C6\u30EC\u30AA\u5E45\u306E\u89E3\u8AAC", TRACK_WIDTH_INFO_HTML);
     });
+    const trackPanInput = refs.trackBody.querySelector(
+      '[data-dtm="track-pan"]'
+    );
+    const trackPanLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-pan-label"]'
+    );
+    const trackPanInfo = refs.trackBody.querySelector(
+      '[data-dtm="track-pan-info"]'
+    );
+    const fmtTrackPan = (pan) => pan === 64 ? "C" : pan < 64 ? `L${64 - pan}` : `R${pan - 64}`;
+    trackPanInput.value = String(active.trackPan);
+    trackPanLabel.textContent = fmtTrackPan(active.trackPan);
+    trackPanInput.addEventListener("input", () => {
+      active.trackPan = Number.parseInt(trackPanInput.value, 10);
+      trackPanLabel.textContent = fmtTrackPan(active.trackPan);
+      options.onTrackPanChange?.(active.config.id, active.trackPan);
+    });
+    trackPanInfo.addEventListener("click", () => {
+      showModal("\u5B9A\u4F4D\u306E\u89E3\u8AAC", TRACK_PAN_INFO_HTML);
+    });
     const trackReverbSendInput = refs.trackBody.querySelector(
       '[data-dtm="track-reverb-send"]'
     );
@@ -15143,6 +15386,25 @@ var mountDAW = (target, options = {}) => {
     trackReverbSendInfo.addEventListener("click", () => {
       showModal("\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC", TRACK_REVERBSEND_INFO_HTML);
     });
+    const trackDelaySendInput = refs.trackBody.querySelector(
+      '[data-dtm="track-delay-send"]'
+    );
+    const trackDelaySendLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-delay-send-label"]'
+    );
+    const trackDelaySendInfo = refs.trackBody.querySelector(
+      '[data-dtm="track-delay-send-info"]'
+    );
+    trackDelaySendInput.value = String(active.trackDelaySend);
+    trackDelaySendLabel.textContent = `${active.trackDelaySend}%`;
+    trackDelaySendInput.addEventListener("input", () => {
+      active.trackDelaySend = Number.parseInt(trackDelaySendInput.value, 10);
+      trackDelaySendLabel.textContent = `${active.trackDelaySend}%`;
+      options.onTrackDelaySendChange?.(active.config.id, active.trackDelaySend);
+    });
+    trackDelaySendInfo.addEventListener("click", () => {
+      showModal("\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u306E\u89E3\u8AAC", TRACK_DELAYSEND_INFO_HTML);
+    });
     const instRow = document.createElement("div");
     instRow.className = "dtm-row";
     instRow.innerHTML = `<span class="dtm-label">\u697D\u5668</span>`;
@@ -15746,6 +16008,8 @@ var mountDAW = (target, options = {}) => {
     const trackEqLowForMeta = {};
     const trackEqMidForMeta = {};
     const trackEqHighForMeta = {};
+    const trackPanForMeta = {};
+    const trackDelaySendForMeta = {};
     trackStates.forEach((t, i2) => {
       if (t.trackInstrument) trackInstrumentsForMeta[i2] = t.trackInstrument;
       if (t.trackCompression !== 0)
@@ -15756,6 +16020,8 @@ var mountDAW = (target, options = {}) => {
       if (t.trackEqLow !== 0) trackEqLowForMeta[i2] = t.trackEqLow;
       if (t.trackEqMid !== 0) trackEqMidForMeta[i2] = t.trackEqMid;
       if (t.trackEqHigh !== 0) trackEqHighForMeta[i2] = t.trackEqHigh;
+      if (t.trackPan !== 64) trackPanForMeta[i2] = t.trackPan;
+      if (t.trackDelaySend !== 0) trackDelaySendForMeta[i2] = t.trackDelaySend;
     });
     const trackInstMeta = Object.keys(trackInstrumentsForMeta).length > 0 ? trackInstrumentsForMeta : void 0;
     const trackCompMeta = Object.keys(trackCompressionForMeta).length > 0 ? trackCompressionForMeta : void 0;
@@ -15764,6 +16030,8 @@ var mountDAW = (target, options = {}) => {
     const trackEqLowMeta = Object.keys(trackEqLowForMeta).length > 0 ? trackEqLowForMeta : void 0;
     const trackEqMidMeta = Object.keys(trackEqMidForMeta).length > 0 ? trackEqMidForMeta : void 0;
     const trackEqHighMeta = Object.keys(trackEqHighForMeta).length > 0 ? trackEqHighForMeta : void 0;
+    const trackPanMeta = Object.keys(trackPanForMeta).length > 0 ? trackPanForMeta : void 0;
+    const trackDelaySendMeta = Object.keys(trackDelaySendForMeta).length > 0 ? trackDelaySendForMeta : void 0;
     const metaLineFull = formatMmlMeta(
       {
         instrument: currentInstrument || void 0,
@@ -15775,6 +16043,7 @@ var mountDAW = (target, options = {}) => {
         reverbPreDelay,
         delay: delayAmount,
         delayDivision,
+        masterCompression,
         fadeIn: Math.round(fadeInSec * 10),
         fadeOut: Math.round(fadeOutSec * 10),
         mode,
@@ -15784,7 +16053,9 @@ var mountDAW = (target, options = {}) => {
         trackReverbSend: trackReverbSendMeta,
         trackEqLow: trackEqLowMeta,
         trackEqMid: trackEqMidMeta,
-        trackEqHigh: trackEqHighMeta
+        trackEqHigh: trackEqHighMeta,
+        trackPan: trackPanMeta,
+        trackDelaySend: trackDelaySendMeta
       },
       " "
     );
@@ -15799,6 +16070,7 @@ var mountDAW = (target, options = {}) => {
         reverbPreDelay,
         delay: delayAmount,
         delayDivision,
+        masterCompression,
         fadeIn: Math.round(fadeInSec * 10),
         fadeOut: Math.round(fadeOutSec * 10),
         mode,
@@ -15808,7 +16080,9 @@ var mountDAW = (target, options = {}) => {
         trackReverbSend: trackReverbSendMeta,
         trackEqLow: trackEqLowMeta,
         trackEqMid: trackEqMidMeta,
-        trackEqHigh: trackEqHighMeta
+        trackEqHigh: trackEqHighMeta,
+        trackPan: trackPanMeta,
+        trackDelaySend: trackDelaySendMeta
       },
       ""
     );
@@ -16046,6 +16320,12 @@ var mountDAW = (target, options = {}) => {
         refs.delayDivision.value = delayDivision;
         options.onDelayDivisionChange?.(delayDivision);
       }
+      if (meta.masterCompression !== void 0) {
+        masterCompression = meta.masterCompression;
+        refs.masterComp.value = String(meta.masterCompression);
+        refs.masterCompLabel.textContent = `${meta.masterCompression}%`;
+        options.onMasterCompressionChange?.(meta.masterCompression);
+      }
       if (meta.fadeIn !== void 0) {
         fadeInSec = meta.fadeIn / 10;
         refs.fadeIn.value = String(fadeInSec);
@@ -16097,6 +16377,16 @@ var mountDAW = (target, options = {}) => {
         t.trackEqHigh = eqHigh;
         options.onTrackEqHighChange?.(t.config.id, eqHigh);
       }
+      const pan = meta.trackPan?.[i2] ?? 64;
+      if (t.trackPan !== pan) {
+        t.trackPan = pan;
+        options.onTrackPanChange?.(t.config.id, pan);
+      }
+      const delaySend = meta.trackDelaySend?.[i2] ?? 0;
+      if (t.trackDelaySend !== delaySend) {
+        t.trackDelaySend = delaySend;
+        options.onTrackDelaySendChange?.(t.config.id, delaySend);
+      }
     });
     trackStates.forEach((t, i2) => {
       if (applyActiveOnly && i2 !== activeTrackIndex) return;
@@ -16474,6 +16764,14 @@ var mountDAW = (target, options = {}) => {
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     });
+    refs.masterComp.addEventListener("input", () => {
+      masterCompression = Number.parseInt(refs.masterComp.value, 10) || 0;
+      refs.masterCompLabel.textContent = `${masterCompression}%`;
+      options.onMasterCompressionChange?.(masterCompression);
+    });
+    refs.masterCompInfoBtn.addEventListener("click", () => {
+      showModal("\u30B0\u30EB\u30FC\u30B3\u30F3\u30D7\u306E\u89E3\u8AAC", MASTER_COMP_INFO_HTML);
+    });
     refs.reverbAmount.addEventListener("input", () => {
       reverbAmount = Number.parseInt(refs.reverbAmount.value, 10) || 0;
       refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
@@ -16523,10 +16821,31 @@ var mountDAW = (target, options = {}) => {
       showModal("\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0\u89E3\u8AAC", AUTO_MASTER_INFO_HTML);
     });
     refs.autoMasterBtn.addEventListener("click", () => {
-      reverbAmount = 20;
-      refs.reverbAmount.value = "20";
-      refs.reverbAmountLabel.textContent = "20%";
-      options.onReverbChange?.(20);
+      if (observedPlayMs >= PEAK_SAMPLE_MIN_PLAY_MS && observedPeakMax > 0) {
+        const targetPeak = 0.5;
+        const scale = targetPeak / observedPeakMax;
+        const suggested = clamp5(Math.round(masterVolume * scale), 10, 100);
+        if (suggested !== masterVolume) {
+          masterVolume = suggested;
+          refs.masterVolume.value = String(masterVolume);
+          refs.masterVolumeLabel.textContent = `${masterVolume}%`;
+          options.singingVoices?.setVolume(masterVolume / 100);
+        }
+        observedPeakMax = 0;
+        observedPlayMs = 0;
+      }
+      masterCompression = 25;
+      refs.masterComp.value = "25";
+      refs.masterCompLabel.textContent = "25%";
+      options.onMasterCompressionChange?.(25);
+      const activeTrackCount = trackStates.filter(
+        (t) => t.core.getNotes().length > 0
+      ).length;
+      const densityT = clamp5((activeTrackCount - 2) / (8 - 2), 0, 1);
+      reverbAmount = Math.round(28 - densityT * (28 - 12));
+      refs.reverbAmount.value = String(reverbAmount);
+      refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
+      options.onReverbChange?.(reverbAmount);
       const bpmT = clamp5((bpm - 60) / (180 - 60), 0, 1);
       reverbDecay = clamp5(
         3 - bpmT * (3 - 0.9),
@@ -16540,6 +16859,11 @@ var mountDAW = (target, options = {}) => {
       refs.reverbPreDelay.value = "20";
       refs.reverbPreDelayLabel.textContent = "20ms";
       options.onReverbPreDelayChange?.(20);
+      if (fadeOutSec === 0) {
+        fadeOutSec = 1.5;
+        refs.fadeOut.value = "1.5";
+        refs.fadeOutLabel.textContent = "1.5s";
+      }
       let mainVocalId = null;
       let mainVocalScore = -1;
       for (const t of trackStates) {
@@ -16550,16 +16874,65 @@ var mountDAW = (target, options = {}) => {
           mainVocalId = t.config.id;
         }
       }
+      const autoPreset = INSTRUMENT_PRESETS[currentInstrument] ?? INSTRUMENT_PRESETS.piano;
+      const roleByTrackId = /* @__PURE__ */ new Map();
+      for (const t of trackStates) {
+        if (t.lyricModel) continue;
+        const notes = t.core.getNotes();
+        if (notes.length === 0) continue;
+        const stats = computeAutoRoleStats(notes);
+        const role = classifyTrackRole(stats);
+        roleByTrackId.set(t.config.id, role);
+        const instName = autoPreset[role];
+        t.trackInstrument = instName;
+        const trackIndex = trackStates.indexOf(t);
+        options.onTrackInstrumentChange?.(trackIndex, instName);
+        const vol = computeAutoRoleVolume(role, stats);
+        t.volume = vol;
+        t.core.setVolume(vol);
+      }
+      const AUTO_PAN_OFFSETS = {
+        melody: [0],
+        bass: [0],
+        submelody: [18, -18, 30, -30],
+        chord: [36, -36, 48, -48]
+      };
+      const panRoleCounter = /* @__PURE__ */ new Map();
+      let vocalSideCounter = 0;
       for (const t of trackStates) {
         const isMainVocal = !!t.lyricModel && t.config.id === mainVocalId;
-        const comp = !t.lyricModel ? 35 : isMainVocal ? 30 : 25;
+        const role = roleByTrackId.get(t.config.id);
+        const roleMix = role ? AUTO_ROLE_MIX[role] : void 0;
+        let pan = 64;
+        if (t.lyricModel) {
+          pan = isMainVocal ? 64 : clamp5(64 + (vocalSideCounter++ % 2 === 0 ? 22 : -22), 0, 127);
+        } else if (role) {
+          const offsets = AUTO_PAN_OFFSETS[role];
+          const n = panRoleCounter.get(role) ?? 0;
+          panRoleCounter.set(role, n + 1);
+          pan = clamp5(64 + offsets[n % offsets.length], 0, 127);
+        }
+        t.trackPan = pan;
+        options.onTrackPanChange?.(t.config.id, pan);
+        const comp = t.lyricModel ? isMainVocal ? 30 : 25 : roleMix?.compression ?? 35;
+        const width = t.lyricModel ? 115 : roleMix?.width ?? 115;
         t.trackCompression = comp;
-        t.trackWidth = 115;
+        t.trackWidth = width;
         options.onTrackCompressionChange?.(t.config.id, comp);
-        options.onTrackWidthChange?.(t.config.id, 115);
+        options.onTrackWidthChange?.(t.config.id, width);
         if (!t.lyricModel) {
-          t.trackReverbSend = 15;
-          options.onTrackReverbSendChange?.(t.config.id, 15);
+          const reverbSend = roleMix?.reverbSend ?? 15;
+          t.trackReverbSend = reverbSend;
+          options.onTrackReverbSendChange?.(t.config.id, reverbSend);
+          const eqLow = roleMix?.eqLow ?? 0;
+          const eqHigh = roleMix?.eqHigh ?? 0;
+          t.trackEqLow = eqLow;
+          t.trackEqHigh = eqHigh;
+          options.onTrackEqLowChange?.(t.config.id, eqLow);
+          options.onTrackEqHighChange?.(t.config.id, eqHigh);
+          const delaySend = roleMix?.delaySend ?? 0;
+          t.trackDelaySend = delaySend;
+          options.onTrackDelaySendChange?.(t.config.id, delaySend);
         }
         if (t.lyricModel) {
           t.vocalVibrato = true;
@@ -17649,6 +18022,7 @@ var mountDAW = (target, options = {}) => {
       sequencer.stop();
       options.singingVoices?.stopStream();
       unsubscribeClip?.();
+      stopPeakSampling();
       resizeObserver.disconnect();
       document.removeEventListener("pointermove", onPointerMove);
       document.removeEventListener("pointerup", onPointerUp);
@@ -18606,13 +18980,39 @@ var createDtmStudio = async (options = {}) => {
     division: options.delayDivision ?? "8"
   });
   const setDelayAmount = (amount) => delayBus.setAmount(amount);
+  const glueComp = audioCtx.createDynamicsCompressor();
+  glueComp.knee.value = 6;
+  const glueMakeup = audioCtx.createGain();
+  finalMix.connect(glueComp);
+  glueComp.connect(glueMakeup);
+  const glueCompressionParams = (amount) => {
+    const t = Math.max(0, Math.min(100, amount)) / 100;
+    return {
+      threshold: 0 + (-18 - 0) * t,
+      ratio: 1 + (4 - 1) * t,
+      attack: 0.03 + (0.01 - 0.03) * t,
+      release: 0.3 + (0.15 - 0.3) * t,
+      makeupDb: 2.5 * t
+    };
+  };
+  const applyGlueCompression = (amount) => {
+    const p = glueCompressionParams(amount);
+    const now = audioCtx.currentTime;
+    glueComp.threshold.setValueAtTime(p.threshold, now);
+    glueComp.ratio.setValueAtTime(p.ratio, now);
+    glueComp.attack.setValueAtTime(p.attack, now);
+    glueComp.release.setValueAtTime(p.release, now);
+    glueMakeup.gain.setTargetAtTime(10 ** (p.makeupDb / 20), now, 0.02);
+  };
+  applyGlueCompression(options.masterCompression ?? 0);
+  const setMasterCompression = (amount) => applyGlueCompression(amount);
   const safetyLimiter = audioCtx.createDynamicsCompressor();
   safetyLimiter.threshold.value = -1;
   safetyLimiter.knee.value = 0;
   safetyLimiter.ratio.value = 20;
   safetyLimiter.attack.value = 1e-3;
   safetyLimiter.release.value = 0.1;
-  finalMix.connect(safetyLimiter);
+  glueMakeup.connect(safetyLimiter);
   const fadeGain = audioCtx.createGain();
   fadeGain.gain.value = 1;
   safetyLimiter.connect(fadeGain);
@@ -18635,13 +19035,14 @@ var createDtmStudio = async (options = {}) => {
       fadeGain.gain.linearRampToValueAtTime(0, fadeOutEndAt);
     }
   };
-  const clipMeter = createClipMeter(audioCtx, finalMix);
+  const clipMeter = createClipMeter(audioCtx, glueMakeup);
   const channelStrips = /* @__PURE__ */ new Map();
   const getChannelStrip = (trackId) => {
     let strip = channelStrips.get(trackId);
     if (!strip) {
       strip = createChannelStrip(audioCtx, masterGain, {
-        reverbBus: reverbPreDelay
+        reverbBus: reverbPreDelay,
+        delayBus: delayBus.input
       });
       channelStrips.set(trackId, strip);
     }
@@ -18972,6 +19373,8 @@ var createDtmStudio = async (options = {}) => {
       onDelayChange: setDelayAmount,
       delayDivision: options.delayDivision,
       onDelayDivisionChange: (division) => delayBus.setDivision(division),
+      masterCompression: options.masterCompression,
+      onMasterCompressionChange: setMasterCompression,
       onBpmChange: (bpm) => delayBus.setBpm(bpm),
       fadeInSec: options.fadeInSec,
       fadeOutSec: options.fadeOutSec,
@@ -18979,9 +19382,11 @@ var createDtmStudio = async (options = {}) => {
       onTrackCompressionChange: (trackId, amount) => getChannelStrip(trackId).setCompression(amount),
       onTrackWidthChange: (trackId, width) => getChannelStrip(trackId).setWidth(width),
       onTrackReverbSendChange: (trackId, amount) => getChannelStrip(trackId).setReverbSend(amount),
+      onTrackDelaySendChange: (trackId, amount) => getChannelStrip(trackId).setDelaySend(amount),
       onTrackEqLowChange: (trackId, db) => getChannelStrip(trackId).setEqLow(db),
       onTrackEqMidChange: (trackId, db) => getChannelStrip(trackId).setEqMid(db),
       onTrackEqHighChange: (trackId, db) => getChannelStrip(trackId).setEqHigh(db),
+      onTrackPanChange: (trackId, pan) => getChannelStrip(trackId).setPan(panToStereo(pan)),
       clipMeter,
       ...dawOverrides,
       // dawOverrides で上書きされないよう、スプレッドの後に配置して合成する
@@ -19563,6 +19968,7 @@ var createDtmStudio = async (options = {}) => {
     setReverbDecay,
     setReverbPreDelay,
     setDelayAmount,
+    setMasterCompression,
     dispose
   };
 };