@onjmin/dtm 0.1.84 → 0.1.86

package/dist/index.js

@@ -2316,8 +2316,11 @@ var parseLyrics = (mml) => {
     let octave = 0;
     let vibrato = false;
     let reverb = 0;
+    let delay = 0;
+    let gender = 50;
+    let breathiness = 50;
     const modelMatch = rest.match(
-      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpobr]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
+      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpobrghe]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
     );
     let model = "";
     const metaTokens = [];
@@ -2372,6 +2375,27 @@ var parseLyrics = (mml) => {
         rest = rest.substring(rMatch[0].length).trim();
         continue;
       }
+      const gMatch = rest.match(/^g(\d+)/i);
+      if (gMatch) {
+        gender = clamp(Number.parseInt(gMatch[1], 10), 0, 100);
+        metaTokens.push(gMatch[0]);
+        rest = rest.substring(gMatch[0].length).trim();
+        continue;
+      }
+      const hMatch = rest.match(/^h(\d+)/i);
+      if (hMatch) {
+        breathiness = clamp(Number.parseInt(hMatch[1], 10), 0, 100);
+        metaTokens.push(hMatch[0]);
+        rest = rest.substring(hMatch[0].length).trim();
+        continue;
+      }
+      const eMatch = rest.match(/^e(\d+)/i);
+      if (eMatch) {
+        delay = clamp(Number.parseInt(eMatch[1], 10), 0, 100);
+        metaTokens.push(eMatch[0]);
+        rest = rest.substring(eMatch[0].length).trim();
+        continue;
+      }
       break;
     }
     const lyricLines = [rest];
@@ -2388,6 +2412,9 @@ var parseLyrics = (mml) => {
       octave,
       vibrato,
       reverb,
+      delay,
+      gender,
+      breathiness,
       syllables,
       metaText: metaTokens.join(" "),
       ...lineBreaks.length > 0 ? { lineBreaks } : {}
@@ -2473,7 +2500,7 @@ var FORMANTS = {
   N: [250, 1e3]
 };
 var midiToFreq = (m) => 440 * 2 ** ((m - 69) / 12);
-var createKlattVoice = (ctx, destination, reverbBus) => {
+var createKlattVoice = (ctx, destination, reverbBus, delayBus) => {
   const active = /* @__PURE__ */ new Set();
   const voice = (syllable, e) => {
     const t0 = ctx.currentTime + e.when;
@@ -2483,19 +2510,26 @@ var createKlattVoice = (ctx, destination, reverbBus) => {
     const attack = 0.02;
     const release = 0.06;
     const sustainEnd = t0 + Math.max(attack + 0.02, e.duration);
+    const dest = e.destination ?? destination;
     let panner = null;
-    let out = destination;
+    let out = dest;
     if (typeof ctx.createStereoPanner === "function") {
       panner = ctx.createStereoPanner();
       panner.pan.value = Math.max(-1, Math.min(1, e.pan ?? 0));
-      panner.connect(destination);
+      panner.connect(dest);
       out = panner;
     }
-    let sendGain = null;
+    let reverbSendGain = null;
     if (reverbBus && e.reverbSend && e.reverbSend > 0 && panner) {
-      sendGain = ctx.createGain();
-      sendGain.gain.value = Math.max(0, Math.min(1, e.reverbSend));
-      panner.connect(sendGain).connect(reverbBus);
+      reverbSendGain = ctx.createGain();
+      reverbSendGain.gain.value = Math.max(0, Math.min(1, e.reverbSend));
+      panner.connect(reverbSendGain).connect(reverbBus);
+    }
+    let delaySendGain = null;
+    if (delayBus && e.delaySend && e.delaySend > 0 && panner) {
+      delaySendGain = ctx.createGain();
+      delaySendGain.gain.value = Math.max(0, Math.min(1, e.delaySend));
+      panner.connect(delaySendGain).connect(delayBus);
     }
     const osc = ctx.createOscillator();
     osc.type = "sawtooth";
@@ -2552,7 +2586,8 @@ var createKlattVoice = (ctx, destination, reverbBus) => {
       active.delete(osc);
       osc.disconnect();
       panner?.disconnect();
-      sendGain?.disconnect();
+      reverbSendGain?.disconnect();
+      delaySendGain?.disconnect();
     };
   };
   voice.stopAll = () => {
@@ -2716,7 +2751,7 @@ var createLocalBackend = async (options) => {
     }
     return p;
   };
-  const renderAlias = async (alias, pitch, durationMs, vibrato) => {
+  const renderAlias = async (alias, pitch, durationMs, vibrato, expr) => {
     const pcm = await getPcm(alias);
     if (!pcm || pcm.length === 0) return null;
     const entry = bank.manifest.phonemes[alias];
@@ -2727,7 +2762,9 @@ var createLocalBackend = async (options) => {
         pcm,
         pitch: vibrato ? vibratoPitchCurve(targetHz, lead.preMs) : targetHz,
         durationMs,
-        ...lead
+        ...lead,
+        gender: expr?.gender,
+        breathiness: expr?.breathiness
       });
       if (audio) return { pcm: audio, preSec: lead.preMs / 1e3, rate: 1 };
     }
@@ -2792,7 +2829,7 @@ var createWorkerBackend = async (workerUrl, options) => {
   });
   onReady = null;
   onFail = null;
-  const renderAlias = (alias, pitch, durationMs, vibrato) => new Promise((resolve) => {
+  const renderAlias = (alias, pitch, durationMs, vibrato, expr) => new Promise((resolve) => {
     const id = ++reqId;
     pending.set(
       id,
@@ -2806,7 +2843,9 @@ var createWorkerBackend = async (workerUrl, options) => {
       alias,
       pitch,
       durationMs,
-      vibrato
+      vibrato,
+      gender: expr?.gender,
+      breathiness: expr?.breathiness
     });
   });
   return {
@@ -2835,15 +2874,21 @@ var createKoeVoice = async (ctx, destination, options) => {
   const inflight = /* @__PURE__ */ new Map();
   const active = /* @__PURE__ */ new Set();
   let prevVowel = "";
-  const keyOf = (alias, pitch, durationMs, vibrato) => `${alias}|${pitch}|${Math.round(durationMs / 10) * 10}${vibrato ? "|vib" : ""}`;
-  const renderInto = (alias, pitch, durationMs, vibrato) => {
-    const key = keyOf(alias, pitch, durationMs, vibrato);
+  const keyOf = (alias, pitch, durationMs, vibrato, expr) => `${alias}|${pitch}|${Math.round(durationMs / 10) * 10}${vibrato ? "|vib" : ""}${expr?.gender !== void 0 ? `|g${Math.round(expr.gender * 100)}` : ""}${expr?.breathiness !== void 0 ? `|h${Math.round(expr.breathiness * 100)}` : ""}`;
+  const renderInto = (alias, pitch, durationMs, vibrato, expr) => {
+    const key = keyOf(alias, pitch, durationMs, vibrato, expr);
     const existing = renderCache.get(key);
     if (existing !== void 0) return Promise.resolve(existing);
     const flying = inflight.get(key);
     if (flying) return flying;
     const p = (async () => {
-      const out = await backend.renderAlias(alias, pitch, durationMs, vibrato);
+      const out = await backend.renderAlias(
+        alias,
+        pitch,
+        durationMs,
+        vibrato,
+        expr
+      );
       let rendered = null;
       if (out) {
         const buf = ctx.createBuffer(1, out.pcm.length, KOE_SAMPLE_RATE);
@@ -2858,20 +2903,27 @@ var createKoeVoice = async (ctx, destination, options) => {
     return p;
   };
   const LEADCAP_S = 0.09;
-  const schedule = (r, t0, peak, pan, reverbSend = 0) => {
-    let out = destination;
+  const schedule = (r, t0, peak, pan, reverbSend = 0, delaySend = 0, destOverride) => {
+    const dest = destOverride ?? destination;
+    let out = dest;
     let panner = null;
     if (typeof ctx.createStereoPanner === "function") {
       panner = ctx.createStereoPanner();
       panner.pan.value = Math.max(-1, Math.min(1, pan));
-      panner.connect(destination);
+      panner.connect(dest);
       out = panner;
     }
-    let sendGain = null;
+    let reverbSendGain = null;
     if (options.reverbBus && reverbSend > 0 && panner) {
-      sendGain = ctx.createGain();
-      sendGain.gain.value = Math.max(0, Math.min(1, reverbSend));
-      panner.connect(sendGain).connect(options.reverbBus);
+      reverbSendGain = ctx.createGain();
+      reverbSendGain.gain.value = Math.max(0, Math.min(1, reverbSend));
+      panner.connect(reverbSendGain).connect(options.reverbBus);
+    }
+    let delaySendGain = null;
+    if (options.delayBus && delaySend > 0 && panner) {
+      delaySendGain = ctx.createGain();
+      delaySendGain.gain.value = Math.max(0, Math.min(1, delaySend));
+      panner.connect(delaySendGain).connect(options.delayBus);
     }
     const src = ctx.createBufferSource();
     src.buffer = r.audio;
@@ -2898,7 +2950,8 @@ var createKoeVoice = async (ctx, destination, options) => {
       src.disconnect();
       env.disconnect();
       panner?.disconnect();
-      sendGain?.disconnect();
+      reverbSendGain?.disconnect();
+      delaySendGain?.disconnect();
     };
   };
   const model = (syllable, e) => {
@@ -2917,10 +2970,11 @@ var createKoeVoice = async (ctx, destination, options) => {
     const pan = e.pan ?? 0;
     const durationMs = Math.max(60, e.duration * 1e3);
     void renderInto(alias, e.pitch, durationMs).then((r) => {
-      if (r) schedule(r, t0, peak, pan, e.reverbSend);
+      if (r)
+        schedule(r, t0, peak, pan, e.reverbSend, e.delaySend, e.destination);
     });
   };
-  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs, vibrato) => {
+  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs, vibrato, expr) => {
     if (syllable.consonant === "Q" || syllable.vowel === "") return null;
     const alias = resolveKoeAlias(
       backend.hasAlias,
@@ -2932,12 +2986,12 @@ var createKoeVoice = async (ctx, destination, options) => {
     if (!alias) return null;
     const dMs = Math.max(60, durationMs);
     const vib = !!vibrato && dMs / 1e3 >= VIBRATO_MIN_SEC;
-    const r = await renderInto(alias, pitch, dMs, vib);
-    return r ? keyOf(alias, pitch, dMs, vib) : null;
+    const r = await renderInto(alias, pitch, dMs, vib, expr);
+    return r ? keyOf(alias, pitch, dMs, vib, expr) : null;
   };
-  model.scheduleCached = (key, t0, peak, pan, reverbSend) => {
+  model.scheduleCached = (key, t0, peak, pan, reverbSend, delaySend, dest) => {
     const r = renderCache.get(key);
-    if (r) schedule(r, t0, peak, pan, reverbSend);
+    if (r) schedule(r, t0, peak, pan, reverbSend, delaySend, dest);
   };
   model.stopAll = () => {
     for (const src of active) {
@@ -2967,8 +3021,12 @@ var createSingingVoices = (ctx, destination, options = {}) => {
   let streamSession = 0;
   const masterGain = ctx.createGain();
   masterGain.connect(destination);
+  let masterVolumeScalar = 1;
   const loaded = /* @__PURE__ */ new Map([
-    [FALLBACK_MODEL, createKlattVoice(ctx, masterGain, options.reverbBus)]
+    [
+      FALLBACK_MODEL,
+      createKlattVoice(ctx, masterGain, options.reverbBus, options.delayBus)
+    ]
   ]);
   const loading = /* @__PURE__ */ new Map();
   const load2 = (model) => {
@@ -2989,7 +3047,8 @@ var createSingingVoices = (ctx, destination, options = {}) => {
         worldlineScriptUrl: options.worldlineScriptUrl,
         lightweight: options.lightweight,
         voiceWorkerUrl: options.voiceWorkerUrl,
-        reverbBus: options.reverbBus
+        reverbBus: options.reverbBus,
+        delayBus: options.delayBus
       })
     ))().then((v) => {
       loaded.set(m, v);
@@ -3031,10 +3090,14 @@ var createSingingVoices = (ctx, destination, options = {}) => {
       const m = loaded.get(track.model.toLowerCase());
       if (!m?.renderToCache) continue;
       let n = 0;
+      const expr = {
+        gender: track.gender,
+        breathiness: track.breathiness
+      };
       forEachSungNote(track, (note, prevVowel) => {
         if (n >= count && note.startSec >= STREAM_LOOKAHEAD_SEC) return;
         n++;
-        tasks.push({ model: m, note, prevVowel, vibrato: track.vibrato });
+        tasks.push({ model: m, note, prevVowel, vibrato: track.vibrato, expr });
       });
     }
     const total = tasks.length;
@@ -3050,7 +3113,8 @@ var createSingingVoices = (ctx, destination, options = {}) => {
         task.prevVowel,
         task.note.pitch,
         task.note.durationSec * 1e3,
-        task.vibrato
+        task.vibrato,
+        task.expr
       ) ?? Promise.resolve(null));
       done++;
       onProgress?.(done, total);
@@ -3096,13 +3160,24 @@ var createSingingVoices = (ctx, destination, options = {}) => {
                 prevVowel,
                 note.pitch,
                 note.durationSec * 1e3,
-                track.vibrato
+                track.vibrato,
+                { gender: track.gender, breathiness: track.breathiness }
               );
               if (session !== streamSession) return;
               if (key) {
                 const delay = ctx.currentTime - t0;
                 if (delay < 0.05) {
-                  scheduleCached(key, t0, peak, track.pan, track.reverbSend);
+                  const dest = options.getTrackDestination?.(track.id ?? "");
+                  const effPeak = dest ? peak * masterVolumeScalar : peak;
+                  scheduleCached(
+                    key,
+                    t0,
+                    effPeak,
+                    track.pan,
+                    track.reverbSend,
+                    track.delaySend,
+                    dest
+                  );
                   opts?.onScheduled?.(track, note, t0);
                 } else {
                   console.warn(
@@ -3114,15 +3189,19 @@ var createSingingVoices = (ctx, destination, options = {}) => {
             })();
           } else {
             const when = t0 - ctx.currentTime;
+            const dest = options.getTrackDestination?.(track.id ?? "");
+            const effPeak = dest ? peak * masterVolumeScalar : peak;
             model(note.syllable, {
-              trackId: "",
+              trackId: track.id ?? "",
               pitch: note.pitch,
               velocity: 100,
-              volume: peak,
+              volume: effPeak,
               when,
               duration: note.durationSec,
               pan: track.pan,
-              reverbSend: track.reverbSend
+              reverbSend: track.reverbSend,
+              delaySend: track.delaySend,
+              destination: dest
             });
             opts?.onScheduled?.(track, note, t0);
             await new Promise((resolve) => setTimeout(resolve, 0));
@@ -3147,7 +3226,9 @@ var createSingingVoices = (ctx, destination, options = {}) => {
     for (const v of loaded.values()) v.reset?.();
   };
   const setVolume = (gain) => {
-    masterGain.gain.value = Math.max(0, gain);
+    const g = Math.max(0, gain);
+    masterGain.gain.value = g;
+    masterVolumeScalar = g;
   };
   return {
     loadModels,
@@ -3181,8 +3262,13 @@ var PITCH_MAP = {
   b: 11
 };
 var clamp2 = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
-var META_DIRECTIVE = /#(inst|drum|drumfont|volume|drumvolume|mode)=([\w-]+)/gi;
+var META_DIRECTIVE = /#(inst|drum|drumfont|volume|drumvolume|reverb|reverbdecay|reverbpredelay|delay|delaydiv|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;
+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 parseMmlMeta = (mml) => {
   const meta = {};
   for (const m of mml.matchAll(META_DIRECTIVE)) {
@@ -3196,6 +3282,20 @@ var parseMmlMeta = (mml) => {
     } else if (key === "drumvolume") {
       const dv = Number.parseInt(m[2], 10);
       if (!Number.isNaN(dv)) meta.drumVolume = dv;
+    } else if (key === "reverb") {
+      const rv = Number.parseInt(m[2], 10);
+      if (!Number.isNaN(rv)) meta.reverb = clamp2(rv, 0, 100);
+    } else if (key === "reverbdecay") {
+      const rd = Number.parseInt(m[2], 10);
+      if (!Number.isNaN(rd)) meta.reverbDecay = clamp2(rd, 3, 40);
+    } else if (key === "reverbpredelay") {
+      const rp = Number.parseInt(m[2], 10);
+      if (!Number.isNaN(rp)) meta.reverbPreDelay = clamp2(rp, 0, 150);
+    } else if (key === "delay") {
+      const dv = Number.parseInt(m[2], 10);
+      if (!Number.isNaN(dv)) meta.delay = clamp2(dv, 0, 100);
+    } else if (key === "delaydiv") {
+      if (["4", "8", "8d", "16"].includes(m[2])) meta.delayDivision = m[2];
     } else if (key === "mode") {
       if (m[2] === "simple" || m[2] === "advanced") {
         meta.mode = m[2];
@@ -3210,9 +3310,49 @@ var parseMmlMeta = (mml) => {
       meta.trackInstruments[idx] = name;
     }
   }
+  for (const m of mml.matchAll(TRACK_COMP_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp2(Number.parseInt(m[2], 10), 0, 100);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackCompression ??= {};
+      meta.trackCompression[idx] = val;
+    }
+  }
+  for (const m of mml.matchAll(TRACK_WIDTH_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp2(Number.parseInt(m[2], 10), 0, 200);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackWidth ??= {};
+      meta.trackWidth[idx] = val;
+    }
+  }
+  for (const m of mml.matchAll(TRACK_EQLOW_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackEqLow ??= {};
+      meta.trackEqLow[idx] = val;
+    }
+  }
+  for (const m of mml.matchAll(TRACK_EQMID_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackEqMid ??= {};
+      meta.trackEqMid[idx] = val;
+    }
+  }
+  for (const m of mml.matchAll(TRACK_EQHIGH_DIRECTIVE)) {
+    const idx = Number.parseInt(m[1], 10);
+    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    if (!Number.isNaN(idx) && !Number.isNaN(val)) {
+      meta.trackEqHigh ??= {};
+      meta.trackEqHigh[idx] = val;
+    }
+  }
   return meta;
 };
-var stripMmlMeta = (mml) => mml.replace(META_DIRECTIVE, "").replace(TRACK_INST_DIRECTIVE, "");
+var stripMmlMeta = (mml) => mml.replace(META_DIRECTIVE, "").replace(TRACK_INST_DIRECTIVE, "").replace(TRACK_COMP_DIRECTIVE, "").replace(TRACK_WIDTH_DIRECTIVE, "").replace(TRACK_EQLOW_DIRECTIVE, "").replace(TRACK_EQMID_DIRECTIVE, "").replace(TRACK_EQHIGH_DIRECTIVE, "");
 var formatMmlMeta = (meta, space = "") => {
   const parts = [];
   if (meta.instrument) parts.push(`#inst=${meta.instrument}`);
@@ -3221,12 +3361,47 @@ var formatMmlMeta = (meta, space = "") => {
   if (meta.volume !== void 0) parts.push(`#volume=${meta.volume}`);
   if (meta.drumVolume !== void 0)
     parts.push(`#drumvolume=${meta.drumVolume}`);
+  if (meta.reverb !== void 0 && meta.reverb !== 0)
+    parts.push(`#reverb=${meta.reverb}`);
+  if (meta.reverbDecay !== void 0 && meta.reverbDecay !== 22)
+    parts.push(`#reverbdecay=${meta.reverbDecay}`);
+  if (meta.reverbPreDelay !== void 0 && meta.reverbPreDelay !== 0)
+    parts.push(`#reverbpredelay=${meta.reverbPreDelay}`);
+  if (meta.delay !== void 0 && meta.delay !== 0)
+    parts.push(`#delay=${meta.delay}`);
+  if (meta.delayDivision && meta.delayDivision !== "8")
+    parts.push(`#delaydiv=${meta.delayDivision}`);
   if (meta.mode) parts.push(`#mode=${meta.mode}`);
   if (meta.trackInstruments) {
     for (const [idx, name] of Object.entries(meta.trackInstruments)) {
       if (name) parts.push(`#t${idx}inst=${name}`);
     }
   }
+  if (meta.trackCompression) {
+    for (const [idx, val] of Object.entries(meta.trackCompression)) {
+      if (val !== 0) parts.push(`#t${idx}comp=${val}`);
+    }
+  }
+  if (meta.trackWidth) {
+    for (const [idx, val] of Object.entries(meta.trackWidth)) {
+      if (val !== 100) parts.push(`#t${idx}width=${val}`);
+    }
+  }
+  if (meta.trackEqLow) {
+    for (const [idx, val] of Object.entries(meta.trackEqLow)) {
+      if (val !== 0) parts.push(`#t${idx}eqlo=${val}`);
+    }
+  }
+  if (meta.trackEqMid) {
+    for (const [idx, val] of Object.entries(meta.trackEqMid)) {
+      if (val !== 0) parts.push(`#t${idx}eqmid=${val}`);
+    }
+  }
+  if (meta.trackEqHigh) {
+    for (const [idx, val] of Object.entries(meta.trackEqHigh)) {
+      if (val !== 0) parts.push(`#t${idx}eqhi=${val}`);
+    }
+  }
   return parts.join(space);
 };
 var parseMML = (mml, options = {}) => {
@@ -6968,6 +7143,23 @@ var DAW_CSS = `
 @keyframes dtm-blink { 0%,100%{opacity:1} 50%{opacity:0} }
 .dtm-blink { animation: dtm-blink 1s steps(1) infinite; }
 
+/* \u2500\u2500\u2500 \u97F3\u5272\u308C\u691C\u77E5\u30D0\u30C3\u30B8 \u2500\u2500\u2500 \u30AF\u30EA\u30C3\u30D7\u767A\u751F\u4E2D\u3060\u3051\u8868\u793A\u3055\u308C\u308B\u8B66\u544A\u30DC\u30BF\u30F3\u3002\u30AF\u30EA\u30C3\u30AF\u3067\u6D88\u305B\u308B\u3002 */
+.dtm-clip-badge {
+  flex: 0 0 auto;
+  min-height: 24px;
+  padding: 0 8px;
+  border: 2px solid var(--c-black);
+  background: var(--dtm-danger);
+  color: var(--c-white);
+  font-family: var(--dtm-font);
+  font-size: 10px;
+  letter-spacing: .1em;
+  cursor: pointer;
+  box-shadow: 0 0 0 2px var(--dtm-danger), 2px 2px 0 var(--c-black);
+  animation: dtm-blink .5s steps(1) infinite;
+}
+.dtm-clip-badge:active { transform: translate(2px,2px); box-shadow: none; }
+
 /* \u2500\u2500\u2500 \u30A4\u30F3\u30D5\u30A9\u30DC\u30BF\u30F3 \u2500\u2500\u2500 */
 .dtm-infobtn {
   display: inline-flex;
@@ -7243,6 +7435,37 @@ var DAW_CSS = `
   object-fit: cover;
   image-rendering: pixelated;
 }
+/* \u6B4C\u8A5E\u30C8\u30E9\u30C3\u30AF\u306E\u300C\u8A73\u7D30\u8A2D\u5B9A\u300D\u2014 \u5E38\u7528\u3057\u306A\u3044\u30D1\u30E9\u30E1\u30FC\u30BF\uFF08\u30AA\u30AF\u30BF\u30FC\u30D6/\u5B9A\u4F4D/\u30EA\u30D0\u30FC\u30D6\u9001\u308A/
+   \u30B8\u30A7\u30F3\u30C0\u30FC/\u30D6\u30EC\u30B7\u30CD\u30B9/\u30D3\u30D6\u30E9\u30FC\u30C8\uFF09\u3092\u7573\u3093\u3067\u304A\u304F\u8EFD\u91CF\u306A details\u3002dtm-panel \u307B\u3069
+   \u4EF0\u3005\u3057\u304F\u305B\u305A\u3001\u63A7\u3048\u3081\u306A\u4ED5\u5207\u308A\u7DDA\uFF0B\u5C0F\u3055\u3044\u25B6\u30DE\u30FC\u30AB\u30FC\u3060\u3051\u4ED8\u3051\u308B\u3002 */
+.dtm-advanced {
+  border-top: 1px dashed var(--dtm-border2);
+  padding-top: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dtm-advanced > summary {
+  list-style: none;
+  cursor: pointer;
+  font-size: 11px;
+  letter-spacing: .08em;
+  color: var(--dtm-text);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  padding: 0 8px;
+  border: 2px solid var(--dtm-border2);
+  background: var(--dtm-deep);
+  box-shadow: 2px 2px 0 var(--c-black);
+  width: fit-content;
+}
+.dtm-advanced > summary:active { transform: translate(2px,2px); box-shadow: none; }
+.dtm-advanced > summary::-webkit-details-marker { display: none; }
+.dtm-advanced > summary::before { content: "\u25B6"; font-size: 9px; color: var(--dtm-accent); }
+.dtm-advanced[open] > summary::before { content: "\u25BC"; }
+.dtm-advanced[open] > summary { border-color: var(--dtm-primary); color: var(--dtm-primary); }
 
 /* \u2500\u2500\u2500 \u5E83\u5E45\u62E1\u5F35 \u2500\u2500\u2500 */
 @media (min-width: 768px) {
@@ -9014,6 +9237,9 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       pan: panToStereo(lt.pan ?? DEFAULT_PAN),
       vibrato: lt.vibrato,
       reverbSend: (lt.reverb ?? 0) / 100,
+      delaySend: (lt.delay ?? 0) / 100,
+      gender: (lt.gender ?? 50) / 100,
+      breathiness: (lt.breathiness ?? 50) / 100,
       notes
     };
   });
@@ -10691,6 +10917,71 @@ var mountChordPlayer = (target, chords, options = {}) => {
   };
 };
 
+// src/delay.ts
+var DELAY_DIVISIONS = [
+  { value: "4", label: "4\u5206", beats: 1 },
+  { value: "8", label: "8\u5206", beats: 0.5 },
+  { value: "8d", label: "\u4ED8\u70B98\u5206", beats: 0.75 },
+  { value: "16", label: "16\u5206", beats: 0.25 }
+];
+var clamp3 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var divisionToSeconds = (division, bpm) => {
+  const beats = DELAY_DIVISIONS.find((d) => d.value === division)?.beats ?? 0.5;
+  const safeBpm = bpm > 0 ? bpm : 120;
+  return 60 / safeBpm * beats;
+};
+var DELAY_MAX_WET = 0.45;
+var delayAmountToGain = (amount) => clamp3(amount, 0, 100) / 100 * DELAY_MAX_WET;
+var FEEDBACK_GAIN = 0.3;
+var MAX_DELAY_SEC = 2;
+var createDelayBus = (ctx, destination, options = {}) => {
+  const input = ctx.createGain();
+  const delayNode = ctx.createDelay(MAX_DELAY_SEC);
+  const feedback = ctx.createGain();
+  feedback.gain.value = FEEDBACK_GAIN;
+  const wetGain = ctx.createGain();
+  wetGain.gain.value = delayAmountToGain(options.amount ?? 0);
+  input.connect(delayNode);
+  delayNode.connect(feedback);
+  feedback.connect(delayNode);
+  delayNode.connect(wetGain);
+  wetGain.connect(destination);
+  let bpm = options.bpm ?? 120;
+  let division = options.division ?? "8";
+  const applyTime = () => {
+    delayNode.delayTime.setTargetAtTime(
+      divisionToSeconds(division, bpm),
+      ctx.currentTime,
+      0.05
+    );
+  };
+  applyTime();
+  return {
+    input,
+    setAmount: (amount) => {
+      wetGain.gain.setTargetAtTime(
+        delayAmountToGain(amount),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setDivision: (d) => {
+      division = d;
+      applyTime();
+    },
+    setBpm: (b) => {
+      bpm = b;
+      applyTime();
+    },
+    dispose: () => {
+      input.disconnect();
+      delayNode.disconnect();
+      feedback.disconnect();
+      wetGain.disconnect();
+    }
+  };
+};
+
 // src/daw-ui.ts
 var q = (root, sel) => root.querySelector(sel);
 var buildUI = (target, options) => {
@@ -10715,6 +11006,7 @@ var buildUI = (target, options) => {
       <button class="dtm-iconbtn" data-dtm="next-bar" title="1\u5C0F\u7BC0\u5F8C">${icon("chevronRight")}</button>
       <label class="dtm-toggle"><input type="checkbox" data-dtm="solo"><span>\u30BD\u30ED</span></label>
       <span class="dtm-topbar-loading dtm-blink" data-dtm="topbar-loading">... LOADING ...</span>
+      <button class="dtm-clip-badge dtm-hidden" data-dtm="clip-badge" title="\u97F3\u5272\u308C\u691C\u77E5\uFF08\u30AF\u30EA\u30C3\u30AF\u3067\u6D88\u3059\uFF09">CLIP</button>
       <span class="dtm-grow"></span>
       <span class="dtm-label">BPM</span>
       <input type="number" class="dtm-input dtm-input--num" data-dtm="bpm" value="${defaultBpm}" min="20" max="300">
@@ -10752,18 +11044,8 @@ var buildUI = (target, options) => {
   <div class="dtm-hscroll" data-dtm="hscroll"><div class="dtm-hscroll-thumb" data-dtm="hscroll-thumb"></div></div>
 
   <details class="dtm-panel" open>
-    <summary>\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A</summary>
+    <summary>\u500B\u5225\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A</summary>
     <div class="dtm-panel-body">
-      <div class="dtm-row">
-        <span class="dtm-label">\u5168\u4F53\u97F3\u91CF</span>
-        <input type="range" class="dtm-range dtm-grow" data-dtm="master-volume" value="50" min="0" max="100">
-        <span class="dtm-label" data-dtm="master-volume-label">50%</span>
-      </div>
-      <div class="dtm-row">
-        <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6</span>
-        <input type="range" class="dtm-range dtm-grow" data-dtm="reverb-amount" value="0" min="0" max="100" aria-label="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\uFF08\u5168\u30C8\u30E9\u30C3\u30AF\u3078\u4E00\u5F8B\u306B\u639B\u304B\u308B\u6B8B\u97FF\uFF09" title="\u30EA\u30D0\u30FC\u30D6">
-        <span class="dtm-label" data-dtm="reverb-amount-label">0%</span>
-      </div>
       <div class="dtm-track-body" data-dtm="track-body"></div>
     </div>
   </details>
@@ -10796,6 +11078,48 @@ var buildUI = (target, options) => {
     </div>
   </details>
 
+  <details class="dtm-panel" open>
+    <summary>\u5168\u4F53\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A</summary>
+    <div class="dtm-panel-body">
+      <div data-dtm="preset-select-slot"></div>
+      <div class="dtm-row">
+        <span class="dtm-label">\u5168\u4F53\u97F3\u91CF</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="master-volume" value="50" min="0" max="100">
+        <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>
+        <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>
+      <div class="dtm-row">
+        <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="reverb-amount" value="0" min="0" max="100" aria-label="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\uFF08\u5168\u30C8\u30E9\u30C3\u30AF\u3078\u4E00\u5F8B\u306B\u639B\u304B\u308B\u6B8B\u97FF\uFF09">
+        <span class="dtm-label" data-dtm="reverb-amount-label">0%</span>
+        <button class="dtm-infobtn" data-dtm="reverb-amount-info" title="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+      </div>
+      <div class="dtm-row">
+        <span class="dtm-label">Decay</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="reverb-decay" value="22" min="3" max="40" step="1" aria-label="\u30EA\u30D0\u30FC\u30D6\u306EDecay\uFF08\u6B8B\u97FF\u306E\u9577\u3055\u3001\u79D2\uFF09">
+        <span class="dtm-label" data-dtm="reverb-decay-label">2.2s</span>
+      </div>
+      <div class="dtm-row">
+        <span class="dtm-label">Pre Delay</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="reverb-predelay" value="0" min="0" max="150" step="5" aria-label="\u30EA\u30D0\u30FC\u30D6\u306EPre Delay\uFF08\u539F\u97F3\u304B\u3089\u6B8B\u97FF\u304C\u7ACB\u3061\u4E0A\u304C\u308B\u307E\u3067\u306E\u9045\u5EF6\u3001ms\uFF09">
+        <span class="dtm-label" data-dtm="reverb-predelay-label">0ms</span>
+      </div>
+      <div class="dtm-row">
+        <span class="dtm-label">\u30C7\u30A3\u30EC\u30A4</span>
+        <input type="range" class="dtm-range dtm-grow" data-dtm="delay-amount" value="0" min="0" max="100" aria-label="\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\uFF08\u30C6\u30F3\u30DD\u540C\u671F\u3057\u305F\u30A8\u30B3\u30FC\uFF09">
+        <span class="dtm-label" data-dtm="delay-amount-label">0%</span>
+        <select class="dtm-select" data-dtm="delay-division" aria-label="\u30C7\u30A3\u30EC\u30A4\u306E\u97F3\u4FA1\uFF08\u30C6\u30F3\u30DD\u306B\u540C\u671F\uFF09">
+          ${DELAY_DIVISIONS.map((d) => `<option value="${d.value}">${d.label}</option>`).join("")}
+        </select>
+        <button class="dtm-infobtn" data-dtm="delay-amount-info" title="\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+      </div>
+    </div>
+  </details>
+
   <details class="dtm-panel">
     <summary>\u30C9\u30E9\u30E0\u8A2D\u5B9A</summary>
     <div class="dtm-panel-body">
@@ -10961,6 +11285,7 @@ var buildUI = (target, options) => {
     prevBarBtn: sel("prev-bar"),
     nextBarBtn: sel("next-bar"),
     soloCheckbox: sel("solo"),
+    clipBadge: sel("clip-badge"),
     toolPen: sel("tool-pen"),
     toolSelect: sel("tool-select"),
     toolEraser: sel("tool-eraser"),
@@ -10989,6 +11314,17 @@ var buildUI = (target, options) => {
     masterVolumeLabel: sel("master-volume-label"),
     reverbAmount: sel("reverb-amount"),
     reverbAmountLabel: sel("reverb-amount-label"),
+    reverbAmountInfoBtn: sel("reverb-amount-info"),
+    reverbDecay: sel("reverb-decay"),
+    reverbDecayLabel: sel("reverb-decay-label"),
+    reverbPreDelay: sel("reverb-predelay"),
+    reverbPreDelayLabel: sel("reverb-predelay-label"),
+    delayAmount: sel("delay-amount"),
+    delayAmountLabel: sel("delay-amount-label"),
+    delayAmountInfoBtn: sel("delay-amount-info"),
+    delayDivision: sel("delay-division"),
+    autoMasterBtn: sel("auto-master"),
+    autoMasterInfoBtn: sel("auto-master-info"),
     trackTabs: sel("track-tabs"),
     trackBody: sel("track-body"),
     drumSelect: sel("drum-select"),
@@ -12620,6 +12956,38 @@ var isChordHeavyTrack = (notes, threshold = 0.6) => {
   return chordNotes / notes.length >= threshold;
 };
 
+// src/reverb.ts
+var DEFAULT_REVERB_DECAY_SEC = 2.2;
+var MIN_REVERB_DECAY_SEC = 0.3;
+var MAX_REVERB_DECAY_SEC = 4;
+var IMPULSE_DECAY_CURVE = 2.5;
+var DEFAULT_REVERB_PREDELAY_MS = 0;
+var MIN_REVERB_PREDELAY_MS = 0;
+var MAX_REVERB_PREDELAY_MS = 150;
+var createReverbImpulse = (ctx, decaySec = DEFAULT_REVERB_DECAY_SEC) => {
+  const rate = ctx.sampleRate;
+  const length = Math.max(
+    1,
+    Math.floor(
+      rate * Math.max(
+        MIN_REVERB_DECAY_SEC,
+        Math.min(MAX_REVERB_DECAY_SEC, decaySec)
+      )
+    )
+  );
+  const impulse = ctx.createBuffer(2, length, rate);
+  for (let ch = 0; ch < impulse.numberOfChannels; ch++) {
+    const data = impulse.getChannelData(ch);
+    for (let i2 = 0; i2 < length; i2++) {
+      const envelope = (1 - i2 / length) ** IMPULSE_DECAY_CURVE;
+      data[i2] = (Math.random() * 2 - 1) * envelope;
+    }
+  }
+  return impulse;
+};
+var REVERB_MAX_WET = 0.6;
+var reverbAmountToGain = (amount) => Math.max(0, Math.min(100, amount)) / 100 * REVERB_MAX_WET;
+
 // src/daw.ts
 var CHORD_INFO_HTML2 = `
 <div class="dtm-modal-body-content">
@@ -12653,10 +13021,125 @@ var CHORD_INFO_HTML2 = `
 `;
 var VIBRATO_INFO_HTML = `
 <div class="dtm-modal-body-content">
-  <h4>\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u306F</h4>
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
   <p>ON\u306B\u3059\u308B\u3068\u3001\u4E00\u5B9A\u306E\u9577\u3055\uFF08\u7D040.35\u79D2\uFF09\u4EE5\u4E0A\u306E\u97F3\u7B26\uFF08\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\uFF09\u306B\u3060\u3051\u3001\u81EA\u52D5\u3067\u30D4\u30C3\u30C1\u304C\u5C0F\u523B\u307F\u306B\u63FA\u308C\u308B\u6B4C\u5531\u8868\u73FE\uFF08\u30D3\u30D6\u30E9\u30FC\u30C8\uFF09\u304C\u639B\u304B\u308A\u307E\u3059\u3002</p>
-  <p style="margin-top:4px;"><small>\u77ED\u3044\u97F3\u7B26\u306B\u306F\u639B\u304B\u308A\u307E\u305B\u3093\u30021\u5468\u671F\u3082\u63FA\u308C\u304D\u3089\u306A\u3044\u3046\u3061\u306B\u6B21\u306E\u97F3\u3078\u79FB\u3063\u3066\u3057\u307E\u3044\u3001\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u3044\u3046\u3088\u308A\u5358\u306A\u308B\u97F3\u7A0B\u306E\u30D6\u30EC\u3068\u3057\u3066\u4E0D\u81EA\u7136\u306B\u805E\u3053\u3048\u308B\u305F\u3081\u3067\u3059\u3002</small></p>
-  <p style="margin-top:4px;"><small>\u901F\u3055\u30FB\u6DF1\u3055\u306F\u8ABF\u6574\u3067\u304D\u307E\u305B\u3093\uFF08\u6B4C\u3068\u3057\u3066\u7834\u7DBB\u3057\u306B\u304F\u3044\u63A7\u3048\u3081\u306A\u91CF\u306B\u56FA\u5B9A\u3057\u3066\u3044\u307E\u3059\uFF09\u3002\u66F2\u3084\u7B87\u6240\u3054\u3068\u306B\u639B\u3051\u305F\u3044/\u639B\u3051\u305F\u304F\u306A\u3044\u304C\u3042\u308B\u5834\u5408\u306F\u3001\u30C8\u30E9\u30C3\u30AF\u3092\u5206\u3051\u3066\u6B4C\u8A5E\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044\u3002</small></p>
+  <h4>\u77ED\u3044\u97F3\u7B26\u306B\u639B\u304B\u3089\u306A\u3044\u7406\u7531</h4>
+  <p>1\u5468\u671F\u3082\u63FA\u308C\u304D\u3089\u306A\u3044\u3046\u3061\u306B\u6B21\u306E\u97F3\u3078\u79FB\u3063\u3066\u3057\u307E\u3044\u3001\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u3044\u3046\u3088\u308A\u5358\u306A\u308B\u97F3\u7A0B\u306E\u30D6\u30EC\u3068\u3057\u3066\u4E0D\u81EA\u7136\u306B\u805E\u3053\u3048\u308B\u305F\u3081\u3067\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u30D4\u30C3\u30C1\u3092\u63FA\u3089\u3059\u52B9\u679C\u306A\u306E\u3067\u3001\u58F0\u8CEA\u305D\u306E\u3082\u306E\u3092\u5909\u3048\u308B\u30B8\u30A7\u30F3\u30C0\u30FC/\u30D6\u30EC\u30B7\u30CD\u30B9\u3068\u306F\u72EC\u7ACB\u3057\u3066\u7D44\u307F\u5408\u308F\u305B\u3089\u308C\u307E\u3059\u3002\u901F\u3055\u30FB\u6DF1\u3055\u306F\u8ABF\u6574\u3067\u304D\u307E\u305B\u3093\uFF08\u6B4C\u3068\u3057\u3066\u7834\u7DBB\u3057\u306B\u304F\u3044\u63A7\u3048\u3081\u306A\u91CF\u306B\u56FA\u5B9A\uFF09\u3002\u66F2\u3084\u7B87\u6240\u3054\u3068\u306B\u639B\u3051\u305F\u3044/\u639B\u3051\u305F\u304F\u306A\u3044\u304C\u3042\u308B\u5834\u5408\u306F\u3001\u30C8\u30E9\u30C3\u30AF\u3092\u5206\u3051\u3066\u6B4C\u8A5E\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044\u3002</p>
+</div>
+`;
+var GENDER_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u30D4\u30C3\u30C1\uFF08\u97F3\u306E\u9AD8\u3055\uFF09\u306F\u305D\u306E\u307E\u307E\u306B\u3001\u58F0\u306E\u592A\u3055/\u7D30\u3055\uFF08\u30D5\u30A9\u30EB\u30DE\u30F3\u30C8\uFF1D\u58F0\u9053\u306E\u5171\u9CF4\u3001\u5E74\u9F62\u30FB\u6027\u5225\u611F\u306E\u5370\u8C61\uFF09\u3060\u3051\u3092\u52D5\u304B\u3057\u307E\u3059\u300250\u304C\u7121\u5909\u5316\u300150\u672A\u6E80\u3067\u4F4E\u3081/\u592A\u3081\uFF08\u5927\u4EBA\u3073\u308B\uFF09\u300150\u8D85\u3067\u9AD8\u3081/\u7D30\u3081\uFF08\u82E5\u304F/\u660E\u308B\u304F\uFF09\u306B\u5BC4\u308A\u307E\u3059\u3002</p>
+  <h4>\u30AA\u30AF\u30BF\u30FC\u30D6\u30B7\u30D5\u30C8\u3068\u306E\u9055\u3044</h4>
+  <p>\u30AA\u30AF\u30BF\u30FC\u30D6\u306F\u97F3\u7A0B\u305D\u306E\u3082\u306E\u3092\u4E0A\u4E0B\u3055\u305B\u307E\u3059\u304C\u3001\u30B8\u30A7\u30F3\u30C0\u30FC\u306F\u97F3\u7A0B\u3092\u5909\u3048\u305A\u306B\u58F0\u8272\u3060\u3051\u3092\u52D5\u304B\u3057\u307E\u3059\u3002\u300C\u9AD8\u3044\u58F0\u306E\u307E\u307E\u5927\u4EBA\u3073\u3055\u305B\u308B\u300D\u300C\u4F4E\u3044\u58F0\u306E\u307E\u307E\u82E5\u3005\u3057\u304F\u3059\u308B\u300D\u3068\u3044\u3063\u305F\u3001\u97F3\u7A0B\u3068\u58F0\u8CEA\u3092\u5225\u3005\u306B\u8ABF\u6574\u3057\u305F\u3044\u3068\u304D\u306B\u4F7F\u3044\u307E\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u30D6\u30EC\u30B7\u30CD\u30B9\u3068\u7D44\u307F\u5408\u308F\u305B\u3066\u58F0\u306E\u30AD\u30E3\u30E9\u30AF\u30BF\u30FC\u3092\u4F5C\u308A\u307E\u3059\uFF08\u4F8B: \u4F4E\u3081+\u606F\u591A\u3081\u3067\u6E0B\u3044/\u5927\u4EBA\u3063\u307D\u3044\u5370\u8C61\u3001\u9AD8\u3081+\u606F\u5C11\u306A\u3081\u3067\u5143\u6C17/\u82E5\u3005\u3057\u3044\u5370\u8C61\uFF09\u3002koe\u97F3\u6E90\uFF08UTAU\u7531\u6765\u306E.koe\u97F3\u6E90\uFF09\u9650\u5B9A\u306E\u52B9\u679C\u3067\u3001klatt\uFF08\u5185\u8535\u306E\u7C21\u6613\u5408\u6210\uFF09\u3067\u306F\u5909\u5316\u3057\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var BREATHINESS_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u606F\u6210\u5206\u306E\u91CF\u3067\u3059\u300250\u304C\u7121\u5909\u5316\u3001\u5927\u304D\u3044\u307B\u3069\u606F\u3063\u307D\u304F\uFF08\u3055\u3055\u3084\u304D\u5BC4\u308A\uFF09\u3001\u5C0F\u3055\u3044\u307B\u3069\u82AF\u306E\u3042\u308B\u58F0\u306B\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u4E0A\u3052\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\u3067\u97F3\u7A0B\u611F\u304C\u8584\u308C\u3066\u805E\u3053\u3048\u307E\u3059\uFF08\u606F\u306E\u97F3\u304C\u30D4\u30C3\u30C1\u611F\u3092\u96A0\u3059\u305F\u3081\uFF09\u3002\u56C1\u304F\u3088\u3046\u306A\u30D0\u30E9\u30FC\u30C9\u8868\u73FE\u306B\u306F\u52B9\u679C\u7684\u3067\u3059\u304C\u3001\u4E0A\u3052\u3059\u304E\u308B\u3068\u30E1\u30ED\u30C7\u30A3\u304C\u4F1D\u308F\u308A\u306B\u304F\u304F\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u7D44\u307F\u5408\u308F\u305B\u308B\u3068\u3001\u63FA\u308C\u306A\u304C\u3089\u606F\u3063\u307D\u3044\u3001\u3088\u308A\u30A8\u30E2\u30FC\u30B7\u30E7\u30CA\u30EB\u306A\u8868\u73FE\u306B\u306A\u308A\u3084\u3059\u3044\u3067\u3059\u3002koe\u97F3\u6E90\uFF08UTAU\u7531\u6765\u306E.koe\u97F3\u6E90\uFF09\u9650\u5B9A\u306E\u52B9\u679C\u3067\u3001klatt\uFF08\u5185\u8535\u306E\u7C21\u6613\u5408\u6210\uFF09\u3067\u306F\u5909\u5316\u3057\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var LYRIC_REVERB_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30DC\u30FC\u30AB\u30EB\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u3001\u66F2\u5168\u4F53\u306B\u639B\u304B\u308B\u300C\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u300D\u3078\u3069\u308C\u3060\u3051\u97F3\u3092\u9001\u308B\u304B\u3092\u6C7A\u3081\u307E\u3059\uFF080\u3067\u9001\u3089\u306A\u3044\uFF1D\u30C9\u30E9\u30A4\u3001100\u3067\u76EE\u4E00\u676F\u9001\u308B\uFF09\u3002</p>
+  <h4>\u30DE\u30B9\u30BF\u306E\u300C\u30EA\u30D0\u30FC\u30D6\u300D\u3064\u307E\u307F\u3068\u306E\u95A2\u4FC2\uFF08\u91CD\u8981\uFF09</h4>
+  <p>\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A\u30D1\u30CD\u30EB\u306B\u3042\u308B\u30DE\u30B9\u30BF\u306E\u300C\u30EA\u30D0\u30FC\u30D6\u300D\u3064\u307E\u307F\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\u6B8B\u97FF\u8A2D\u5B9A\uFF08\u5B9F\u969B\u306B\u3069\u3093\u306A\u97FF\u304D\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>
+  <h4>\u639B\u3051\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\u6B8B\u97FF\u3067\u97F3\u304C\u6EF2\u307F\u3001\u6B4C\u8A5E\u304C\u805E\u304D\u53D6\u308A\u306B\u304F\u304F\u306A\u308A\u307E\u3059\u3002\u30C9\u30E9\u30A4\u306A\u30DC\u30FC\u30AB\u30EB\u306F\u300C\u8FD1\u3044\u300D\u300C\u524D\u306B\u51FA\u308B\u300D\u5370\u8C61\u3001\u30EA\u30D0\u30FC\u30D6\u305F\u3063\u3077\u308A\u306E\u30DC\u30FC\u30AB\u30EB\u306F\u300C\u5965\u884C\u304D\u304C\u3042\u308B\u300D\u300C\u5E7B\u60F3\u7684\u300D\u306A\u5370\u8C61\u306B\u306A\u308A\u307E\u3059\u3002\u8868\u73FE\u3057\u305F\u3044\u8DDD\u96E2\u611F\u306B\u5408\u308F\u305B\u3066\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002</p>
+</div>
+`;
+var LYRIC_DELAY_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30DC\u30FC\u30AB\u30EB\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u3001\u66F2\u5168\u4F53\u306B\u639B\u304B\u308B\u300C\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u300D\u3078\u3069\u308C\u3060\u3051\u97F3\u3092\u9001\u308B\u304B\u3092\u6C7A\u3081\u307E\u3059\uFF080\u3067\u9001\u3089\u306A\u3044\u3001100\u3067\u76EE\u4E00\u676F\u9001\u308B\uFF09\u3002</p>
+  <h4>\u30DE\u30B9\u30BF\u306E\u300C\u30C7\u30A3\u30EC\u30A4\u300D\u3064\u307E\u307F\u3068\u306E\u95A2\u4FC2\uFF08\u91CD\u8981\uFF09</h4>
+  <p>\u30DE\u30B9\u30BF\u306E\u300C\u30C7\u30A3\u30EC\u30A4\u300D\u3064\u307E\u307F\u304C0%\u3060\u3068\u3001\u3053\u3053\u3092\u3044\u304F\u3089\u4E0A\u3052\u3066\u3082\u7121\u97F3\u306E\u307E\u307E\u3067\u3059\u3002\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u3068\u540C\u3058\u4E8C\u6BB5\u69CB\u3048\u3067\u3059\u3002</p>
+  <h4>\u4F7F\u3044\u3069\u3053\u308D</h4>
+  <p>\u66F2\u5168\u4F53\u306B\u3046\u3063\u3059\u3089\u639B\u3051\u308B\u30EA\u30D0\u30FC\u30D6\u3068\u9055\u3044\u3001\u30C7\u30A3\u30EC\u30A4\u306F\u30CF\u30C3\u30AD\u30EA\u805E\u3053\u3048\u308B\u7E70\u308A\u8FD4\u3057\u306A\u306E\u3067\u3001A\u30E1\u30ED\u306F0%\u30FB\u30B5\u30D3\u306E\u8A9E\u5C3E\u3060\u3051\u9001\u308A\u91CF\u3092\u4E0A\u3052\u308B\u3001\u3068\u3044\u3063\u305F\u30E1\u30EA\u30CF\u30EA\u306E\u3042\u308B\u4F7F\u3044\u65B9\u304C\u52B9\u679C\u7684\u3067\u3059\u3002\u30D0\u30C3\u30AD\u30F3\u30B0\u5168\u4F53\u306B\u5F37\u304F\u639B\u3051\u308B\u3068\u30EA\u30BA\u30E0\u304C\u6FC1\u308A\u307E\u3059\u3002</p>
+</div>
+`;
+var MASTER_REVERB_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u30EA\u30D0\u30FC\u30D6\uFF08Mix\uFF09</h4>
+  <p>\u66F2\u5168\u4F53\u306B\u4E00\u5F8B\u3067\u639B\u304B\u308B\u6B8B\u97FF\uFF08\u90E8\u5C4B\u9CF4\u308A\u30FB\u7A7A\u9593\u306E\u97FF\u304D\uFF09\u306E\u91CF\u3067\u3059\u30020%\u3067\u5B8C\u5168\u306B\u30C9\u30E9\u30A4\uFF08\u97FF\u304D\u306A\u3057\uFF09\u3001\u4E0A\u3052\u308B\u307B\u3069\u5E83\u3044\u7A7A\u9593\u3067\u9CF4\u3063\u3066\u3044\u308B\u3088\u3046\u306A\u5965\u884C\u304D\u304C\u51FA\u307E\u3059\u3002\u639B\u3051\u3059\u304E\u308B\u3068\u30DF\u30C3\u30AF\u30B9\u5168\u4F53\u306E\u8F2A\u90ED\u304C\u307C\u3084\u3051\u3001\u9060\u304F\u30FB\u3053\u3082\u3063\u305F\u5370\u8C61\u306B\u306A\u308A\u307E\u3059\u300210\u301C30%\u7A0B\u5EA6\u304C\u51FA\u767A\u70B9\u306E\u76EE\u5B89\u3067\u3059\u3002</p>
+  <h4>Decay\uFF08\u6B8B\u97FF\u306E\u9577\u3055\uFF09</h4>
+  <p>\u30EA\u30D0\u30FC\u30D6\u304C\u9CF4\u308A\u7D9A\u3051\u308B\u9577\u3055\u3067\u3059\u3002\u9577\u3044\u307B\u3069\u5E83\u3044\u30DB\u30FC\u30EB\u306E\u3088\u3046\u306A\u7A7A\u9593\u306E\u5370\u8C61\u306B\u306A\u308A\u3001\u77ED\u3044\u3068\u72ED\u3044\u90E8\u5C4B\u306E\u3088\u3046\u306A\u5BC6\u7740\u611F\u306B\u306A\u308A\u307E\u3059\u3002\u76EE\u5B89\u3068\u3057\u3066\u3001\u901F\u3044\u66F2\u3067\u306F0.6\u301C1.4\u79D2\u3001\u9045\u3044\u66F2\u30FB\u30D0\u30E9\u30FC\u30C9\u3067\u306F1.8\u301C4.0\u79D2\u7A0B\u5EA6\u304C\u3088\u304F\u4F7F\u308F\u308C\u307E\u3059\u3002</p>
+  <h4>Pre Delay\uFF08\u539F\u97F3\u3068\u30EA\u30D0\u30FC\u30D6\u306E\u9593\u9694\uFF09</h4>
+  <p>\u539F\u97F3\u304C\u9CF4\u3063\u3066\u304B\u3089\u6B8B\u97FF\u304C\u7ACB\u3061\u4E0A\u304C\u308B\u307E\u3067\u306E\u9045\u5EF6\u3067\u3059\u30020ms\u3060\u3068\u539F\u97F3\u3068\u6B8B\u97FF\u304C\u540C\u6642\u306B\u59CB\u307E\u308A\u97F3\u50CF\u304C\u307C\u3084\u3051\u304C\u3061\u3067\u3059\u304C\u3001\u5C11\u3057\uFF08\u6570\u5341ms\u7A0B\u5EA6\uFF09\u5165\u308C\u308B\u3068\u539F\u97F3\u306E\u8F2A\u90ED\u30FB\u30A2\u30BF\u30C3\u30AF\u611F\u3092\u4FDD\u3063\u305F\u307E\u307E\u5965\u884C\u304D\u3092\u8DB3\u305B\u307E\u3059\u3002\u7279\u306B\u30DC\u30FC\u30AB\u30EB\u3067\u52B9\u679C\u7684\u3067\u3059\u3002</p>
+  <h4>\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u300C\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u300D\u3068\u306E\u95A2\u4FC2\uFF08\u91CD\u8981\uFF09</h4>
+  <p>\u6B4C\u8A5E\u30C8\u30E9\u30C3\u30AF\u306B\u306F\u305D\u308C\u305E\u308C\u300C\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u300D\u3068\u3044\u3046\u500B\u5225\u306E\u3064\u307E\u307F\u304C\u3042\u308A\u3001\u305D\u3061\u3089\u304C0%\u306E\u30C8\u30E9\u30C3\u30AF\u306F\u3053\u306E\u30DE\u30B9\u30BF\u306E\u5024\u3092\u3044\u304F\u3089\u4E0A\u3052\u3066\u3082\u7121\u97F3\u306E\u307E\u307E\u3067\u3059\u3002\u9006\u306B\u3053\u306E\u30DE\u30B9\u30BF\u306EMix\u304C0%\u306A\u3089\u3001\u3069\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u9001\u308A\u91CF\u3092\u4E0A\u3052\u3066\u3082\u52B9\u679C\u304C\u51FA\u307E\u305B\u3093\u3002\u300C\u30DE\u30B9\u30BF\uFF1D\u6B8B\u97FF\u306E\u8CEA\u30FB\u91CF\u30FB\u30BF\u30A4\u30DF\u30F3\u30B0\u305D\u306E\u3082\u306E\u300D\u300C\u30C8\u30E9\u30C3\u30AF\u9001\u308A\uFF1D\u305D\u306E\u30C8\u30E9\u30C3\u30AF\u3092\u3069\u308C\u3060\u3051\u6DF7\u305C\u308B\u304B\u300D\u3068\u3044\u3046\u4E8C\u6BB5\u69CB\u3048\u3067\u3059\u3002\u697D\u5668\u30C8\u30E9\u30C3\u30AF\u306B\u306F\u73FE\u72B6\u30BB\u30F3\u30C9\u6A5F\u80FD\u304C\u7121\u3044\u305F\u3081\u3001\u5E38\u306B\u4E00\u5F8B\u3067\u639B\u304B\u308A\u307E\u3059\u3002</p>
+</div>
+`;
+var MASTER_DELAY_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u96E2\u6563\u3057\u305F\u30A8\u30B3\u30FC\uFF08\u97F3\u306E\u7E70\u308A\u8FD4\u3057\uFF09\u3092\u4ED8\u52A0\u3057\u307E\u3059\u3002\u66F2\u306EBPM\u306B\u81EA\u52D5\u540C\u671F\u3059\u308B\u97F3\u4FA1\uFF088\u5206\u30FB\u4ED8\u70B98\u5206\u306A\u3069\uFF09\u3092\u9078\u3093\u3067\u4F7F\u3046\u306E\u304C\u57FA\u672C\u3067\u3001\u7121\u95A2\u4FC2\u306A\u79D2\u6570\u3067\u9CF4\u3089\u3059\u3068\u30EA\u30BA\u30E0\u304C\u5D29\u308C\u3066\u805E\u3053\u3048\u307E\u3059\u3002</p>
+  <h4>\u30EA\u30D0\u30FC\u30D6\u3068\u306E\u9055\u3044</h4>
+  <p>\u30EA\u30D0\u30FC\u30D6\u306F\u62E1\u6563\u3057\u305F\u6B8B\u97FF\u3067\u7A7A\u9593\u5168\u4F53\u306B\u8584\u304F\u639B\u3051\u308B\u306E\u304C\u57FA\u672C\u3067\u3059\u304C\u3001\u30C7\u30A3\u30EC\u30A4\u306F\u30CF\u30C3\u30AD\u30EA\u805E\u3053\u3048\u308B\u7E70\u308A\u8FD4\u3057\u306A\u306E\u3067\u300C\u3053\u3053\u305E\u300D\u3068\u3044\u3046\u5834\u9762\uFF08\u30EA\u30FC\u30C9\u30DC\u30FC\u30AB\u30EB\u306E\u8A9E\u5C3E\u3001\u30AE\u30BF\u30FC\u30BD\u30ED\u3001\u30B7\u30F3\u30BB\u306E\u30D5\u30EC\u30FC\u30BA\u7B49\uFF09\u306B\u30EF\u30F3\u30DD\u30A4\u30F3\u30C8\u3067\u4F7F\u3046\u306E\u304C\u5B9A\u756A\u3067\u3059\u3002\u30D0\u30C3\u30AD\u30F3\u30B0\u5168\u4F53\u306B\u5F37\u304F\u639B\u3051\u308B\u3068\u30EA\u30BA\u30E0\u304C\u6FC1\u308A\u307E\u3059\u3002</p>
+  <h4>\u5404\u30C8\u30E9\u30C3\u30AF\u306E\u300C\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u300D\u3068\u306E\u95A2\u4FC2</h4>
+  <p>\u30EA\u30D0\u30FC\u30D6\u3068\u540C\u3058\u4E8C\u6BB5\u69CB\u3048\u3067\u3059\u3002\u6B4C\u8A5E\u30C8\u30E9\u30C3\u30AF\u500B\u5225\u306E\u300C\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u300D\u304C0%\u306A\u3089\u3053\u306E\u30DE\u30B9\u30BF\u306E\u5024\u3092\u4E0A\u3052\u3066\u3082\u7121\u97F3\u3001\u9006\u306B\u3053\u306E\u30DE\u30B9\u30BF\u304C0%\u306A\u3089\u3069\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u9001\u308A\u91CF\u3092\u4E0A\u3052\u3066\u3082\u52B9\u679C\u304C\u51FA\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var TRACK_EQ_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\u5468\u6CE2\u6570\u5E2F\u57DF\u3054\u3068\u306E\u97F3\u91CF\u3092\u8ABF\u6574\u3057\u307E\u3059\u3002\u4F4E\u57DF\u30FB\u4E2D\u57DF\u30FB\u9AD8\u57DF\u306E3\u30D0\u30F3\u30C9\u3001\u305D\u308C\u305E\u308C-12dB\uFF08\u524A\u308B\uFF09\u301C+12dB\uFF08\u6301\u3061\u4E0A\u3052\u308B\uFF09\u30010dB\u304C\u7121\u5909\u5316\u3067\u3059\u3002</p>
+  <h4>\u4F7F\u3044\u3069\u3053\u308D\uFF08\u5E2F\u57DF\u306E\u68F2\u307F\u5206\u3051\uFF09</h4>
+  <p>\u8907\u6570\u306E\u97F3\u304C\u540C\u3058\u5E2F\u57DF\u3067\u9CF4\u3063\u3066\u3044\u308B\u3068\u6FC1\u3063\u3066\u805E\u3053\u3048\u307E\u3059\u3002\u4F8B\u3048\u3070\u3001\u30DC\u30FC\u30AB\u30EB\u3068\u30EA\u30FC\u30C9\u697D\u5668\u304C\u4E2D\u57DF\u3067\u3076\u3064\u304B\u308B\u306A\u3089\u7247\u65B9\u306E\u4E2D\u57DF\u3092\u8EFD\u304F\u524A\u308B\u3001\u30D9\u30FC\u30B9\u3068\u30D0\u30B9\u30C9\u30E9\u30E0\u306E\u4F4E\u57DF\u304C\u3076\u3064\u304B\u308B\u306A\u3089\u7247\u65B9\u3060\u3051\u4F4E\u57DF\u3092\u524A\u308B\u3001\u3068\u3044\u3063\u305F\u300C\u5E2F\u57DF\u306E\u4EA4\u901A\u6574\u7406\u300D\u304CEQ\u306E\u4E3B\u306A\u4ED5\u4E8B\u3067\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044\uFF08\u9806\u5E8F\u304C\u91CD\u8981\uFF09</h4>
+  <p>\u3053\u306E\u30C1\u30E3\u30F3\u30CD\u30EB\u30B9\u30C8\u30EA\u30C3\u30D7\u3067\u306F EQ \u2192 \u97F3\u5727\u5F37\u5316\uFF08\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\uFF09 \u2192 \u30B9\u30C6\u30EC\u30AA\u5E45 \u306E\u9806\u3067\u51E6\u7406\u3055\u308C\u307E\u3059\u3002\u3053\u308C\u306F\u4E00\u822C\u7684\u306A\u30DF\u30C3\u30AF\u30B9\u306E\u5B9A\u77F3\u3068\u540C\u3058\u3067\u3059\u3002\u4E0D\u8981\u306A\u5E2F\u57DF\uFF08\u4F4E\u57DF\u306E\u3053\u3082\u308A\u3001\u8033\u969C\u308A\u306A\u9AD8\u57DF\u7B49\uFF09\u3092\u5148\u306BEQ\u3067\u524A\u3063\u3066\u304B\u3089\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\u3092\u639B\u3051\u308B\u3068\u3001\u30B3\u30F3\u30D7\u304C\u672C\u5F53\u306B\u5FC5\u8981\u306A\u97F3\u3060\u3051\u306B\u53CD\u5FDC\u3059\u308B\u3088\u3046\u306B\u306A\u308A\u3001\u97F3\u5727\u5F37\u5316\u306E\u52B9\u304D\u304C\u826F\u304F\u306A\u308A\u307E\u3059\u3002\u9806\u5E8F\u3092\u5909\u3048\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var TRACK_COMPRESSION_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306B\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\u3092\u639B\u3051\u3001\u97F3\u91CF\u306E\u5927\u5C0F\u5DEE\u3092\u7E2E\u3081\u3066\u300C\u524D\u306B\u51FA\u308B\u300D\u300C\u805E\u3053\u3048\u3084\u3059\u3044\u300D\u97F3\u306B\u3057\u307E\u3059\u3002\u5E02\u8CA9\u66F2\u306E\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0\u3084\u30DF\u30C3\u30AF\u30B9\u3067\u5B9A\u756A\u306E\u51E6\u7406\u3067\u3059\u30020\u3067\u7121\u5727\u7E2E\u3001100\u306B\u8FD1\u3065\u304F\u307B\u3069\u5F37\u304F\u5727\u7E2E\u3055\u308C\u307E\u3059\u3002</p>
+  <h4>\u639B\u3051\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\u5F37\u5F31\u306E\u8868\u60C5\uFF08\u30C0\u30A4\u30CA\u30DF\u30AF\u30B9\uFF09\u304C\u5931\u308F\u308C\u3066\u5358\u8ABF\u306B\u805E\u3053\u3048\u307E\u3059\u3002\u30DC\u30FC\u30AB\u30EB\u3084\u30EA\u30FC\u30C9\u697D\u5668\u306F\u63A7\u3048\u3081\uFF0820\u301C40\u7A0B\u5EA6\uFF09\u3001\u30C9\u30E9\u30E0\u3084\u30D9\u30FC\u30B9\u306F\u3084\u3084\u5F37\u3081\u3001\u304C\u4E00\u822C\u7684\u306A\u76EE\u5B89\u3067\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u30DE\u30B9\u30BF\u306E\u300C\u5B89\u5168\u30EA\u30DF\u30C3\u30BF\u30FC\u300D\uFF08\u5E38\u6642ON\u3001[reverb]\u30D1\u30CD\u30EB\u306E\u5916\u5074\u3067\u81EA\u52D5\u7684\u306B\u50CD\u304F\u4FDD\u967A\uFF09\u3068\u306F\u5225\u7269\u3067\u3059\u3002\u3042\u3061\u3089\u306F\u97F3\u5272\u308C\u3092\u7269\u7406\u7684\u306B\u9632\u3050\u305F\u3081\u306E\u6700\u7D42\u9632\u885B\u30E9\u30A4\u30F3\u3067\u3001\u5E38\u306B\u63A7\u3048\u3081\u306B\u52D5\u3044\u3066\u3044\u307E\u3059\u3002\u3053\u3061\u3089\u306E\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\u306F\u97F3\u4F5C\u308A\uFF08\u8868\u73FE\uFF09\u306E\u305F\u3081\u306E\u51E6\u7406\u3067\u3001\u30C8\u30E9\u30C3\u30AF\u3054\u3068\u306B\u597D\u304D\u306A\u3060\u3051\u5F37\u304F/\u5F31\u304F\u639B\u3051\u3089\u308C\u307E\u3059\u3002\u300C\u304A\u307E\u304B\u305B\u30DE\u30B9\u30BF\u30EA\u30F3\u30B0\u300D\u306F\u5168\u30C8\u30E9\u30C3\u30AF\u4E00\u5F8B35%\u3092\u5F53\u3066\u308B\u3060\u3051\u306A\u306E\u3067\u3001\u30DC\u30FC\u30AB\u30EB\u306A\u3069\u76EE\u7ACB\u305F\u305B\u305F\u3044\u30D1\u30FC\u30C8\u306F\u5F8C\u3067\u500B\u5225\u306B\u4E0B\u3052\u308B\u3068\u8F2A\u90ED\u304C\u51FA\u3084\u3059\u304F\u306A\u308A\u307E\u3059\u3002</p>
+</div>
+`;
+var TRACK_WIDTH_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u5DE6\u53F3\u306E\u5E83\u304C\u308A\u3092\u8ABF\u6574\u3057\u307E\u3059\u3002100\u304C\u539F\u97F3\u306E\u307E\u307E\u30010\u3067\u5B8C\u5168\u30E2\u30CE\u30E9\u30EB\uFF08\u5DE6\u53F3\u304C\u540C\u3058\u97F3\uFF09\u3001100\u3092\u8D85\u3048\u308B\u3068\u5DE6\u53F3\u306E\u9055\u3044\u304C\u8A87\u5F35\u3055\u308C\u3066\u5E83\u304F\u805E\u3053\u3048\u307E\u3059\u3002</p>
+  <h4>\u300C\u5B9A\u4F4D\uFF08\u30D1\u30F3\uFF09\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>\u5E83\u3052\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <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 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>
+  <ul>
+    <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6 Mix: 20%</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>\u6B4C\u8A5E\u306E\u3042\u308B\u30C8\u30E9\u30C3\u30AF: \u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8ON</li>
+  </ul>
+  <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>
+  </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>
 </div>
 `;
 var MIDI_INFO_HTML = `
@@ -12892,7 +13375,7 @@ var deriveCustomVocalKeyFromUrl = (url2) => {
   if (name && /^[0-9]/.test(name)) name = `_${name}`;
   return CUSTOM_VOCAL_KEY_RE.test(name) ? name : "";
 };
-var clamp3 = (v, min, max) => Math.min(Math.max(v, min), max);
+var clamp4 = (v, min, max) => Math.min(Math.max(v, min), max);
 var normalizeInstrumentName = (name) => {
   if (!name) return "";
   const stripped = name.replace(/\s+/g, "").toLowerCase();
@@ -12932,6 +13415,17 @@ var mountDAW = (target, options = {}) => {
   refs.masterVolumeLabel.textContent = `${options.masterVolume ?? 50}%`;
   refs.reverbAmount.value = String(options.reverbAmount ?? 0);
   refs.reverbAmountLabel.textContent = `${options.reverbAmount ?? 0}%`;
+  {
+    const initDecay = options.reverbDecay ?? DEFAULT_REVERB_DECAY_SEC;
+    const initPreDelay = options.reverbPreDelay ?? DEFAULT_REVERB_PREDELAY_MS;
+    refs.reverbDecay.value = String(Math.round(initDecay * 10));
+    refs.reverbDecayLabel.textContent = `${initDecay.toFixed(1)}s`;
+    refs.reverbPreDelay.value = String(initPreDelay);
+    refs.reverbPreDelayLabel.textContent = `${initPreDelay}ms`;
+  }
+  refs.delayAmount.value = String(options.delayAmount ?? 0);
+  refs.delayAmountLabel.textContent = `${options.delayAmount ?? 0}%`;
+  refs.delayDivision.value = options.delayDivision ?? "8";
   refs.drumVolume.value = String(options.drumVolume ?? 80);
   refs.drumVolumeLabel.textContent = `${options.drumVolume ?? 80}%`;
   const renderConfig = {
@@ -12948,7 +13442,16 @@ var mountDAW = (target, options = {}) => {
   let masterVolume = options.masterVolume ?? 50;
   options.singingVoices?.setVolume(masterVolume / 100);
   let reverbAmount = options.reverbAmount ?? 0;
+  let reverbDecay = options.reverbDecay ?? DEFAULT_REVERB_DECAY_SEC;
+  let reverbPreDelay = options.reverbPreDelay ?? DEFAULT_REVERB_PREDELAY_MS;
+  let delayAmount = options.delayAmount ?? 0;
+  let delayDivision = options.delayDivision ?? "8";
+  let unsubscribeClip;
   options.onReverbChange?.(reverbAmount);
+  options.onReverbDecayChange?.(reverbDecay);
+  options.onReverbPreDelayChange?.(reverbPreDelay);
+  options.onDelayChange?.(delayAmount);
+  options.onDelayDivisionChange?.(delayDivision);
   let drumVolume = options.drumVolume ?? 80;
   let currentDrumPattern = refs.drumSelect.value;
   let currentDrumFont = options.drumFont ?? "FluidR3_GM_sf2_file:0";
@@ -13028,7 +13531,10 @@ var mountDAW = (target, options = {}) => {
       vocalPan: t.vocalPan,
       vocalOctave: t.vocalOctave,
       vocalVibrato: t.vocalVibrato,
-      vocalReverb: t.vocalReverb
+      vocalReverb: t.vocalReverb,
+      vocalDelay: t.vocalDelay,
+      vocalGender: t.vocalGender,
+      vocalBreathiness: t.vocalBreathiness
     };
     if (lyricsDebounceTimer) clearTimeout(lyricsDebounceTimer);
     lyricsDebounceTimer = setTimeout(() => {
@@ -13090,7 +13596,15 @@ var mountDAW = (target, options = {}) => {
         vocalOctave: 0,
         vocalVibrato: false,
         vocalReverb: 0,
-        trackInstrument: ""
+        vocalDelay: 0,
+        vocalGender: 50,
+        vocalBreathiness: 50,
+        trackInstrument: "",
+        trackCompression: 0,
+        trackWidth: 100,
+        trackEqLow: 0,
+        trackEqMid: 0,
+        trackEqHigh: 0
       };
     });
   };
@@ -13111,6 +13625,9 @@ var mountDAW = (target, options = {}) => {
         octave: t.vocalOctave,
         vibrato: t.vocalVibrato,
         reverb: t.vocalReverb,
+        delay: t.vocalDelay,
+        gender: t.vocalGender,
+        breathiness: t.vocalBreathiness,
         syllables
       });
     });
@@ -13231,7 +13748,7 @@ var mountDAW = (target, options = {}) => {
       const thumbW = Math.max(40, canvas.width / totalContentWidth * sbW);
       const ratio = currentOffsetX / maxOffsetX;
       refs.hScrollThumb.style.width = `${thumbW}px`;
-      refs.hScrollThumb.style.left = `${clamp3(ratio * (sbW - thumbW), 0, sbW - thumbW)}px`;
+      refs.hScrollThumb.style.left = `${clamp4(ratio * (sbW - thumbW), 0, sbW - thumbW)}px`;
     }
     const totalHeight = renderConfig.keyCount * renderConfig.keyHeight;
     const sbH = refs.vScroll.clientHeight;
@@ -13301,9 +13818,9 @@ var mountDAW = (target, options = {}) => {
       if (maxOffsetX <= 0) return;
       const rect = refs.hScroll.getBoundingClientRect();
       const thumbW = Number.parseFloat(refs.hScrollThumb.style.width) || 40;
-      const x2 = clamp3(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
+      const x2 = clamp4(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
       const ratio = x2 / (rect.width - thumbW);
-      currentOffsetX = clamp3(ratio * maxOffsetX, 0, maxOffsetX);
+      currentOffsetX = clamp4(ratio * maxOffsetX, 0, maxOffsetX);
       setDrawOffset(currentOffsetX, currentOffsetY);
       redrawAll();
     };
@@ -13312,9 +13829,9 @@ var mountDAW = (target, options = {}) => {
       if (maxOffset <= 0) return;
       const rect = refs.vScroll.getBoundingClientRect();
       const thumbH = Number.parseFloat(refs.vScrollThumb.style.height) || 40;
-      const y = clamp3(clientY - rect.top - thumbH / 2, 0, rect.height - thumbH);
+      const y = clamp4(clientY - rect.top - thumbH / 2, 0, rect.height - thumbH);
       const ratio = y / (rect.height - thumbH);
-      currentOffsetY = clamp3(ratio * maxOffset, 0, maxOffset);
+      currentOffsetY = clamp4(ratio * maxOffset, 0, maxOffset);
       setDrawOffset(currentOffsetX, currentOffsetY);
       redrawAll();
     };
@@ -13361,8 +13878,8 @@ var mountDAW = (target, options = {}) => {
     if (dx !== 0 || dy !== 0) {
       const maxOffsetX = getMaxOffsetX();
       const maxOffsetY = getMaxOffsetY();
-      currentOffsetX = clamp3(currentOffsetX + dx, 0, maxOffsetX);
-      currentOffsetY = clamp3(currentOffsetY + dy, 0, maxOffsetY);
+      currentOffsetX = clamp4(currentOffsetX + dx, 0, maxOffsetX);
+      currentOffsetY = clamp4(currentOffsetY + dy, 0, maxOffsetY);
       setDrawOffset(currentOffsetX, currentOffsetY);
       onPointerMove(lastMoveEvent);
     }
@@ -13752,12 +14269,12 @@ var mountDAW = (target, options = {}) => {
       "wheel",
       (event) => {
         event.preventDefault();
-        currentOffsetY = clamp3(
+        currentOffsetY = clamp4(
           currentOffsetY + event.deltaY,
           0,
           getMaxOffsetY()
         );
-        currentOffsetX = clamp3(
+        currentOffsetX = clamp4(
           currentOffsetX + event.deltaX,
           0,
           getMaxOffsetX()
@@ -13796,7 +14313,7 @@ var mountDAW = (target, options = {}) => {
     const centerStep = (currentOffsetX + canvas.width / 2) / renderConfig.stepWidth;
     renderConfig.stepWidth = BASE_STEP_WIDTH * (zoomX * 2) / 100;
     refs.zoomXLabel.textContent = `${zoomX}%`;
-    currentOffsetX = clamp3(
+    currentOffsetX = clamp4(
       centerStep * renderConfig.stepWidth - canvas.width / 2,
       0,
       getMaxOffsetX()
@@ -13809,7 +14326,7 @@ var mountDAW = (target, options = {}) => {
     const centerKey = (currentOffsetY + canvas.height / 2) / renderConfig.keyHeight;
     renderConfig.keyHeight = BASE_KEY_HEIGHT * zoomY / 100;
     refs.zoomYLabel.textContent = `${zoomY}%`;
-    currentOffsetY = clamp3(
+    currentOffsetY = clamp4(
       centerKey * renderConfig.keyHeight - canvas.height / 2,
       0,
       getMaxOffsetY()
@@ -13859,7 +14376,7 @@ var mountDAW = (target, options = {}) => {
       const threshold = currentOffsetX / renderConfig.stepWidth + visibleSteps - 4;
       if (currentPlayStep > threshold) {
         const visibleBars = Math.round(visibleSteps / renderConfig.stepsPerBar);
-        currentOffsetX = clamp3(
+        currentOffsetX = clamp4(
           currentOffsetX + visibleBars * renderConfig.stepsPerBar * renderConfig.stepWidth,
           0,
           getMaxOffsetX()
@@ -13915,6 +14432,9 @@ var mountDAW = (target, options = {}) => {
         pan: panToStereo(lt.pan ?? DEFAULT_PAN),
         vibrato: lt.vibrato,
         reverbSend: (lt.reverb ?? 0) / 100,
+        delaySend: (lt.delay ?? 0) / 100,
+        gender: (lt.gender ?? 50) / 100,
+        breathiness: (lt.breathiness ?? 50) / 100,
         notes
       };
     }) : [];
@@ -13942,7 +14462,7 @@ var mountDAW = (target, options = {}) => {
     }
     if (playbackState !== "paused") {
       const canvas = getGridCanvas();
-      currentOffsetX = clamp3(
+      currentOffsetX = clamp4(
         playStartStep * renderConfig.stepWidth - canvas.width * 0.5,
         0,
         getMaxOffsetX()
@@ -14020,7 +14540,38 @@ var mountDAW = (target, options = {}) => {
         <span class="dtm-label">\u30D9\u30ED\u30B7\u30C6\u30A3</span>
         <input type="range" class="dtm-range dtm-grow" data-dtm="track-vol" min="0" max="127" value="${active.volume}">
         <span class="dtm-label" data-dtm="track-vol-label">${active.volume}</span>
-      </div>`;
+      </div>
+      <details class="dtm-advanced" data-dtm="track-fx-advanced">
+        <summary>\u8A73\u7D30\u8A2D\u5B9A\uFF08EQ\u30FB\u97F3\u5727\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\uFF09</summary>
+        <div class="dtm-row">
+          <span class="dtm-label">EQ\u4F4E\u57DF</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-eq-low" min="-12" max="12" step="1" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306EEQ\u4F4E\u57DF\u30B2\u30A4\u30F3\uFF08dB\uFF09">
+          <span class="dtm-label" data-dtm="track-eq-low-label"></span>
+          <button class="dtm-infobtn" data-dtm="track-eq-info" title="EQ\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+        </div>
+        <div class="dtm-row">
+          <span class="dtm-label">EQ\u4E2D\u57DF</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-eq-mid" min="-12" max="12" step="1" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306EEQ\u4E2D\u57DF\u30B2\u30A4\u30F3\uFF08dB\uFF09">
+          <span class="dtm-label" data-dtm="track-eq-mid-label"></span>
+        </div>
+        <div class="dtm-row">
+          <span class="dtm-label">EQ\u9AD8\u57DF</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-eq-high" min="-12" max="12" step="1" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306EEQ\u9AD8\u57DF\u30B2\u30A4\u30F3\uFF08dB\uFF09">
+          <span class="dtm-label" data-dtm="track-eq-high-label"></span>
+        </div>
+        <div class="dtm-row">
+          <span class="dtm-label">\u97F3\u5727\u5F37\u5316</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-comp" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u30B3\u30F3\u30D7\u30EC\u30C3\u30B5\u30FC\u91CF\uFF08\u97F3\u5727\u5F37\u5316\uFF09">
+          <span class="dtm-label" data-dtm="track-comp-label"></span>
+          <button class="dtm-infobtn" data-dtm="track-comp-info" title="\u97F3\u5727\u5F37\u5316\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+        </div>
+        <div class="dtm-row">
+          <span class="dtm-label">\u30B9\u30C6\u30EC\u30AA\u5E45</span>
+          <input type="range" class="dtm-range dtm-grow" data-dtm="track-width" min="0" max="200" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u306E\u30B9\u30C6\u30EC\u30AA\u5E45\uFF08100=\u539F\u97F3\u30010=\u30E2\u30CE\u30E9\u30EB\uFF09">
+          <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>
+      </details>`;
     const volInput = refs.trackBody.querySelector(
       '[data-dtm="track-vol"]'
     );
@@ -14037,6 +14588,93 @@ var mountDAW = (target, options = {}) => {
       volInput.title = active.lyricModel ? "\u6B4C\u8A5E\u30E2\u30FC\u30C9\u306E\u3068\u304D\u306F\u30D9\u30ED\u30B7\u30C6\u30A3\u304C\u518D\u751F\u306B\u53CD\u6620\u3055\u308C\u307E\u305B\u3093\uFF08\u58F0\u91CF\u3067\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\uFF09" : "";
     };
     syncVelocityDisabled();
+    const trackEqLowInput = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-low"]'
+    );
+    const trackEqLowLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-low-label"]'
+    );
+    const trackEqMidInput = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-mid"]'
+    );
+    const trackEqMidLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-mid-label"]'
+    );
+    const trackEqHighInput = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-high"]'
+    );
+    const trackEqHighLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-high-label"]'
+    );
+    const trackEqInfo = refs.trackBody.querySelector(
+      '[data-dtm="track-eq-info"]'
+    );
+    const fmtDb = (db) => db > 0 ? `+${db}dB` : `${db}dB`;
+    trackEqLowInput.value = String(active.trackEqLow);
+    trackEqLowLabel.textContent = fmtDb(active.trackEqLow);
+    trackEqMidInput.value = String(active.trackEqMid);
+    trackEqMidLabel.textContent = fmtDb(active.trackEqMid);
+    trackEqHighInput.value = String(active.trackEqHigh);
+    trackEqHighLabel.textContent = fmtDb(active.trackEqHigh);
+    trackEqLowInput.addEventListener("input", () => {
+      active.trackEqLow = Number.parseInt(trackEqLowInput.value, 10);
+      trackEqLowLabel.textContent = fmtDb(active.trackEqLow);
+      options.onTrackEqLowChange?.(active.config.id, active.trackEqLow);
+    });
+    trackEqMidInput.addEventListener("input", () => {
+      active.trackEqMid = Number.parseInt(trackEqMidInput.value, 10);
+      trackEqMidLabel.textContent = fmtDb(active.trackEqMid);
+      options.onTrackEqMidChange?.(active.config.id, active.trackEqMid);
+    });
+    trackEqHighInput.addEventListener("input", () => {
+      active.trackEqHigh = Number.parseInt(trackEqHighInput.value, 10);
+      trackEqHighLabel.textContent = fmtDb(active.trackEqHigh);
+      options.onTrackEqHighChange?.(active.config.id, active.trackEqHigh);
+    });
+    trackEqInfo.addEventListener("click", () => {
+      showModal("EQ\uFF08\u30A4\u30B3\u30E9\u30A4\u30B6\u30FC\uFF09\u306E\u89E3\u8AAC", TRACK_EQ_INFO_HTML);
+    });
+    const trackCompInput = refs.trackBody.querySelector(
+      '[data-dtm="track-comp"]'
+    );
+    const trackCompLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-comp-label"]'
+    );
+    const trackWidthInput = refs.trackBody.querySelector(
+      '[data-dtm="track-width"]'
+    );
+    const trackWidthLabel = refs.trackBody.querySelector(
+      '[data-dtm="track-width-label"]'
+    );
+    const trackCompInfo = refs.trackBody.querySelector(
+      '[data-dtm="track-comp-info"]'
+    );
+    const trackWidthInfo = refs.trackBody.querySelector(
+      '[data-dtm="track-width-info"]'
+    );
+    trackCompInput.value = String(active.trackCompression);
+    trackCompLabel.textContent = `${active.trackCompression}%`;
+    trackWidthInput.value = String(active.trackWidth);
+    trackWidthLabel.textContent = `${active.trackWidth}%`;
+    trackCompInput.addEventListener("input", () => {
+      active.trackCompression = Number.parseInt(trackCompInput.value, 10);
+      trackCompLabel.textContent = `${active.trackCompression}%`;
+      options.onTrackCompressionChange?.(
+        active.config.id,
+        active.trackCompression
+      );
+    });
+    trackWidthInput.addEventListener("input", () => {
+      active.trackWidth = Number.parseInt(trackWidthInput.value, 10);
+      trackWidthLabel.textContent = `${active.trackWidth}%`;
+      options.onTrackWidthChange?.(active.config.id, active.trackWidth);
+    });
+    trackCompInfo.addEventListener("click", () => {
+      showModal("\u97F3\u5727\u5F37\u5316\u306E\u89E3\u8AAC", TRACK_COMPRESSION_INFO_HTML);
+    });
+    trackWidthInfo.addEventListener("click", () => {
+      showModal("\u30B9\u30C6\u30EC\u30AA\u5E45\u306E\u89E3\u8AAC", TRACK_WIDTH_INFO_HTML);
+    });
     const instRow = document.createElement("div");
     instRow.className = "dtm-row";
     instRow.innerHTML = `<span class="dtm-label">\u697D\u5668</span>`;
@@ -14100,17 +14738,6 @@ var mountDAW = (target, options = {}) => {
         <span class="dtm-label">\u266A UTAU</span>
         <select class="dtm-select" data-dtm="lyric-model" aria-label="\u6B4C\u5531\u30E2\u30C7\u30EB"></select>
         <img class="dtm-lyric-icon dtm-hidden" data-dtm="lyric-icon" width="20" height="20" alt="" draggable="false">
-        <select class="dtm-select" data-dtm="lyric-octave" aria-label="\u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u6E90\u306E\u5F97\u610F\u97F3\u57DF\u306B\u5408\u308F\u305B\u308B\uFF09" title="\u30AA\u30AF\u30BF\u30FC\u30D6">
-          <option value="2">+2 oct</option>
-          <option value="1">+1 oct</option>
-          <option value="0">\xB10 oct</option>
-          <option value="-1">-1 oct</option>
-          <option value="-2">-2 oct</option>
-        </select>
-        <label class="dtm-label" style="display:inline-flex;align-items:center;gap:2px;white-space:nowrap" title="\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\u306B\u81EA\u52D5\u3067\u30D3\u30D6\u30E9\u30FC\u30C8\u3092\u639B\u3051\u307E\u3059">
-          <input type="checkbox" data-dtm="lyric-vibrato" aria-label="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8">\u30D3\u30D6\u30E9\u30FC\u30C8
-        </label>
-        <button class="dtm-infobtn" data-dtm="lyric-vibrato-info" title="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         <span class="dtm-label dtm-grow" data-dtm="lyric-count" style="text-align:right"></span>
       </div>
       <div class="dtm-row dtm-hidden" data-dtm="lyric-terms" style="font-size:10px;gap:4px;color:var(--dtm-warn)">
@@ -14136,16 +14763,54 @@ var mountDAW = (target, options = {}) => {
           <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-vol" min="0" max="${MAX_VOCAL_VOLUME}" aria-label="\u6B4C\u5531\u306E\u58F0\u91CF\uFF08100=\u7B49\u500D\u3001100\u8D85\u3067\u30D6\u30FC\u30B9\u30C8\u3001\u65E2\u5B9A200\uFF09">
           <span class="dtm-label" data-dtm="lyric-vol-label"></span>
         </div>
-        <div class="dtm-row">
-          <span class="dtm-label">\u5B9A\u4F4D</span>
-          <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-pan" min="0" max="127" aria-label="\u6B4C\u5531\u306E\u30B9\u30C6\u30EC\u30AA\u5B9A\u4F4D\uFF08\u5DE6\u53F3\uFF09">
-          <span class="dtm-label" data-dtm="lyric-pan-label"></span>
-        </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="lyric-reverb" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u9001\u308B\u91CF\uFF08\u30DE\u30B9\u30BF\u306E\u30EA\u30D0\u30FC\u30D6\u3064\u307E\u307F\u304C0%\u3060\u3068\u7121\u97F3\uFF09" title="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u306E\u30BB\u30F3\u30C9\u91CF">
-          <span class="dtm-label" data-dtm="lyric-reverb-label"></span>
-        </div>
+        <details class="dtm-advanced" data-dtm="lyric-advanced">
+          <summary>\u8A73\u7D30\u8A2D\u5B9A</summary>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30AA\u30AF\u30BF\u30FC\u30D6</span>
+            <select class="dtm-select" data-dtm="lyric-octave" aria-label="\u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u6E90\u306E\u5F97\u610F\u97F3\u57DF\u306B\u5408\u308F\u305B\u308B\uFF09" title="\u30AA\u30AF\u30BF\u30FC\u30D6">
+              <option value="2">+2 oct</option>
+              <option value="1">+1 oct</option>
+              <option value="0">\xB10 oct</option>
+              <option value="-1">-1 oct</option>
+              <option value="-2">-2 oct</option>
+            </select>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u5B9A\u4F4D</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-pan" min="0" max="127" aria-label="\u6B4C\u5531\u306E\u30B9\u30C6\u30EC\u30AA\u5B9A\u4F4D\uFF08\u5DE6\u53F3\uFF09">
+            <span class="dtm-label" data-dtm="lyric-pan-label"></span>
+          </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="lyric-reverb" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u9001\u308B\u91CF\uFF08\u30DE\u30B9\u30BF\u306E\u30EA\u30D0\u30FC\u30D6\u3064\u307E\u307F\u304C0%\u3060\u3068\u7121\u97F3\uFF09">
+            <span class="dtm-label" data-dtm="lyric-reverb-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-reverb-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="lyric-delay" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u3078\u9001\u308B\u91CF\uFF08\u30DE\u30B9\u30BF\u306E\u30C7\u30A3\u30EC\u30A4\u3064\u307E\u307F\u304C0%\u3060\u3068\u7121\u97F3\uFF09">
+            <span class="dtm-label" data-dtm="lyric-delay-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-delay-info" title="\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30B8\u30A7\u30F3\u30C0\u30FC</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-gender" min="0" max="100" aria-label="\u30D5\u30A9\u30EB\u30DE\u30F3\u30C8/\u30B8\u30A7\u30F3\u30C0\u30FC\u30D5\u30A1\u30AF\u30BF\u30FC\uFF08koe\u97F3\u6E90\u9650\u5B9A\uFF09">
+            <span class="dtm-label" data-dtm="lyric-gender-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-gender-info" title="\u30B8\u30A7\u30F3\u30C0\u30FC\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30D6\u30EC\u30B7\u30CD\u30B9</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-breathiness" min="0" max="100" aria-label="\u30D6\u30EC\u30B7\u30CD\u30B9\uFF08\u606F\u6210\u5206\u3001koe\u97F3\u6E90\u9650\u5B9A\uFF09">
+            <span class="dtm-label" data-dtm="lyric-breathiness-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-breathiness-info" title="\u30D6\u30EC\u30B7\u30CD\u30B9\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label" style="display:inline-flex;align-items:center;gap:2px">
+              <input type="checkbox" data-dtm="lyric-vibrato" aria-label="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8">\u30D3\u30D6\u30E9\u30FC\u30C8
+            </span>
+            <button class="dtm-infobtn" data-dtm="lyric-vibrato-info" title="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+        </details>
         <textarea class="dtm-textarea" data-dtm="lyric-input" rows="2" placeholder="\u3072\u3089\u304C\u306A\u30FB\u30AB\u30BF\u30AB\u30CA\u3067\u6B4C\u8A5E\uFF08\u4F8B: \u3069\u308C\u307F\u3075\u3041\u305D\u3089\u3057\u3069\uFF09"></textarea>
       </div>`;
       refs.trackBody.appendChild(lyricDiv);
@@ -14185,6 +14850,48 @@ var mountDAW = (target, options = {}) => {
       const lyricReverbLabel = lyricDiv.querySelector(
         '[data-dtm="lyric-reverb-label"]'
       );
+      const lyricReverbInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-reverb-info"]'
+      );
+      lyricReverbInfo.addEventListener("click", () => {
+        showModal("\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC", LYRIC_REVERB_INFO_HTML);
+      });
+      const lyricDelay = lyricDiv.querySelector(
+        '[data-dtm="lyric-delay"]'
+      );
+      const lyricDelayLabel = lyricDiv.querySelector(
+        '[data-dtm="lyric-delay-label"]'
+      );
+      const lyricDelayInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-delay-info"]'
+      );
+      lyricDelayInfo.addEventListener("click", () => {
+        showModal("\u30C7\u30A3\u30EC\u30A4\u9001\u308A\u306E\u89E3\u8AAC", LYRIC_DELAY_INFO_HTML);
+      });
+      const lyricGender = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender"]'
+      );
+      const lyricGenderLabel = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender-label"]'
+      );
+      const lyricGenderInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender-info"]'
+      );
+      lyricGenderInfo.addEventListener("click", () => {
+        showModal("\u30B8\u30A7\u30F3\u30C0\u30FC\u306E\u89E3\u8AAC", GENDER_INFO_HTML);
+      });
+      const lyricBreathiness = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness"]'
+      );
+      const lyricBreathinessLabel = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness-label"]'
+      );
+      const lyricBreathinessInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness-info"]'
+      );
+      lyricBreathinessInfo.addEventListener("click", () => {
+        showModal("\u30D6\u30EC\u30B7\u30CD\u30B9\u306E\u89E3\u8AAC", BREATHINESS_INFO_HTML);
+      });
       const lyricVibrato = lyricDiv.querySelector(
         '[data-dtm="lyric-vibrato"]'
       );
@@ -14257,6 +14964,12 @@ var mountDAW = (target, options = {}) => {
       lyricPanLabel.textContent = fmtPan(active.vocalPan);
       lyricReverb.value = String(active.vocalReverb);
       lyricReverbLabel.textContent = `${active.vocalReverb}%`;
+      lyricDelay.value = String(active.vocalDelay);
+      lyricDelayLabel.textContent = `${active.vocalDelay}%`;
+      lyricGender.value = String(active.vocalGender);
+      lyricGenderLabel.textContent = `${active.vocalGender}`;
+      lyricBreathiness.value = String(active.vocalBreathiness);
+      lyricBreathinessLabel.textContent = `${active.vocalBreathiness}`;
       lyricVibrato.checked = active.vocalVibrato;
       const updateLyricCount = () => {
         const n = normalizeLyrics(lyricInput.value).length;
@@ -14307,7 +15020,6 @@ var mountDAW = (target, options = {}) => {
       };
       const syncLyricVisibility = () => {
         lyricBody.style.display = active.lyricModel ? "" : "none";
-        lyricOctaveSel.style.display = active.lyricModel ? "" : "none";
         updateLyricCount();
         syncLyricTerms();
         syncLyricIcon();
@@ -14408,6 +15120,21 @@ var mountDAW = (target, options = {}) => {
         lyricReverbLabel.textContent = `${active.vocalReverb}%`;
         fireLyricsChange(active);
       });
+      lyricDelay.addEventListener("input", () => {
+        active.vocalDelay = Number.parseInt(lyricDelay.value, 10);
+        lyricDelayLabel.textContent = `${active.vocalDelay}%`;
+        fireLyricsChange(active);
+      });
+      lyricGender.addEventListener("input", () => {
+        active.vocalGender = Number.parseInt(lyricGender.value, 10);
+        lyricGenderLabel.textContent = `${active.vocalGender}`;
+        fireLyricsChange(active);
+      });
+      lyricBreathiness.addEventListener("input", () => {
+        active.vocalBreathiness = Number.parseInt(lyricBreathiness.value, 10);
+        lyricBreathinessLabel.textContent = `${active.vocalBreathiness}`;
+        fireLyricsChange(active);
+      });
     }
     if (active.config.id === "chord" && showChord) {
       const div = document.createElement("div");
@@ -14491,18 +15218,44 @@ var mountDAW = (target, options = {}) => {
     const limitSteps = barLimitBars > 0 ? barLimitBars * renderConfig.stepsPerBar : Infinity;
     const clipNotes = (notes) => limitSteps === Infinity ? notes : notes.filter((n) => n.startStep < limitSteps);
     const trackInstrumentsForMeta = {};
+    const trackCompressionForMeta = {};
+    const trackWidthForMeta = {};
+    const trackEqLowForMeta = {};
+    const trackEqMidForMeta = {};
+    const trackEqHighForMeta = {};
     trackStates.forEach((t, i2) => {
       if (t.trackInstrument) trackInstrumentsForMeta[i2] = t.trackInstrument;
+      if (t.trackCompression !== 0)
+        trackCompressionForMeta[i2] = t.trackCompression;
+      if (t.trackWidth !== 100) trackWidthForMeta[i2] = t.trackWidth;
+      if (t.trackEqLow !== 0) trackEqLowForMeta[i2] = t.trackEqLow;
+      if (t.trackEqMid !== 0) trackEqMidForMeta[i2] = t.trackEqMid;
+      if (t.trackEqHigh !== 0) trackEqHighForMeta[i2] = t.trackEqHigh;
     });
     const trackInstMeta = Object.keys(trackInstrumentsForMeta).length > 0 ? trackInstrumentsForMeta : void 0;
+    const trackCompMeta = Object.keys(trackCompressionForMeta).length > 0 ? trackCompressionForMeta : void 0;
+    const trackWidthMeta = Object.keys(trackWidthForMeta).length > 0 ? trackWidthForMeta : void 0;
+    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 metaLineFull = formatMmlMeta(
       {
         instrument: currentInstrument || void 0,
         drum: currentDrumPattern !== "none" ? currentDrumPattern : void 0,
         volume: masterVolume,
         drumVolume,
+        reverb: reverbAmount,
+        reverbDecay: Math.round(reverbDecay * 10),
+        reverbPreDelay,
+        delay: delayAmount,
+        delayDivision,
         mode,
-        trackInstruments: trackInstMeta
+        trackInstruments: trackInstMeta,
+        trackCompression: trackCompMeta,
+        trackWidth: trackWidthMeta,
+        trackEqLow: trackEqLowMeta,
+        trackEqMid: trackEqMidMeta,
+        trackEqHigh: trackEqHighMeta
       },
       " "
     );
@@ -14512,8 +15265,18 @@ var mountDAW = (target, options = {}) => {
         drum: currentDrumPattern !== "none" ? currentDrumPattern : void 0,
         volume: masterVolume,
         drumVolume,
+        reverb: reverbAmount,
+        reverbDecay: Math.round(reverbDecay * 10),
+        reverbPreDelay,
+        delay: delayAmount,
+        delayDivision,
         mode,
-        trackInstruments: trackInstMeta
+        trackInstruments: trackInstMeta,
+        trackCompression: trackCompMeta,
+        trackWidth: trackWidthMeta,
+        trackEqLow: trackEqLowMeta,
+        trackEqMid: trackEqMidMeta,
+        trackEqHigh: trackEqHighMeta
       },
       ""
     );
@@ -14562,7 +15325,10 @@ var mountDAW = (target, options = {}) => {
       pan: t.vocalPan,
       oct: t.vocalOctave,
       vib: t.vocalVibrato,
-      rev: t.vocalReverb
+      rev: t.vocalReverb,
+      del: t.vocalDelay,
+      gen: t.vocalGender,
+      bre: t.vocalBreathiness
     })).filter(
       (x2) => x2.model.length > 0 && x2.text.length > 0 && x2.notes.length > 0
     ).map((x2) => {
@@ -14572,7 +15338,10 @@ var mountDAW = (target, options = {}) => {
         x2.pan === 64 ? "" : `p${x2.pan}`,
         x2.oct === 0 ? "" : `o${x2.oct}`,
         x2.vib ? "b1" : "",
-        x2.rev === 0 ? "" : `r${x2.rev}`
+        x2.rev === 0 ? "" : `r${x2.rev}`,
+        x2.del === 0 ? "" : `e${x2.del}`,
+        x2.gen === 50 ? "" : `g${x2.gen}`,
+        x2.bre === 50 ? "" : `h${x2.bre}`
       ].filter((s) => s.length > 0).join(" ");
       const head = params ? `${x2.model} ${params}` : x2.model;
       return `@@${x2.i} ${head} ${x2.text}`;
@@ -14641,7 +15410,7 @@ var mountDAW = (target, options = {}) => {
     const canvas = getGridCanvas();
     const yIndex = renderConfig.keyCount - 1 - (pitch - renderConfig.pitchRangeStart);
     const logicalY = yIndex * renderConfig.keyHeight;
-    currentOffsetY = clamp3(
+    currentOffsetY = clamp4(
       logicalY - (canvas.height - renderConfig.keyHeight) / 2,
       0,
       getMaxOffsetY()
@@ -14712,6 +15481,35 @@ var mountDAW = (target, options = {}) => {
         refs.drumVolume.value = String(meta.drumVolume);
         refs.drumVolumeLabel.textContent = `${drumVolume}%`;
       }
+      if (meta.reverb !== void 0) {
+        reverbAmount = meta.reverb;
+        refs.reverbAmount.value = String(meta.reverb);
+        refs.reverbAmountLabel.textContent = `${meta.reverb}%`;
+        options.onReverbChange?.(meta.reverb);
+      }
+      if (meta.reverbDecay !== void 0) {
+        reverbDecay = meta.reverbDecay / 10;
+        refs.reverbDecay.value = String(meta.reverbDecay);
+        refs.reverbDecayLabel.textContent = `${reverbDecay.toFixed(1)}s`;
+        options.onReverbDecayChange?.(reverbDecay);
+      }
+      if (meta.reverbPreDelay !== void 0) {
+        reverbPreDelay = meta.reverbPreDelay;
+        refs.reverbPreDelay.value = String(meta.reverbPreDelay);
+        refs.reverbPreDelayLabel.textContent = `${meta.reverbPreDelay}ms`;
+        options.onReverbPreDelayChange?.(reverbPreDelay);
+      }
+      if (meta.delay !== void 0) {
+        delayAmount = meta.delay;
+        refs.delayAmount.value = String(meta.delay);
+        refs.delayAmountLabel.textContent = `${meta.delay}%`;
+        options.onDelayChange?.(meta.delay);
+      }
+      if (meta.delayDivision && ["4", "8", "8d", "16"].includes(meta.delayDivision)) {
+        delayDivision = meta.delayDivision;
+        refs.delayDivision.value = delayDivision;
+        options.onDelayDivisionChange?.(delayDivision);
+      }
     }
     trackStates.forEach((t, i2) => {
       if (applyActiveOnly && i2 !== activeTrackIndex) return;
@@ -14721,6 +15519,34 @@ var mountDAW = (target, options = {}) => {
         options.onTrackInstrumentChange?.(i2, name);
       }
     });
+    trackStates.forEach((t, i2) => {
+      if (applyActiveOnly && i2 !== activeTrackIndex) return;
+      const comp = meta.trackCompression?.[i2] ?? 0;
+      if (t.trackCompression !== comp) {
+        t.trackCompression = comp;
+        options.onTrackCompressionChange?.(t.config.id, comp);
+      }
+      const width = meta.trackWidth?.[i2] ?? 100;
+      if (t.trackWidth !== width) {
+        t.trackWidth = width;
+        options.onTrackWidthChange?.(t.config.id, width);
+      }
+      const eqLow = meta.trackEqLow?.[i2] ?? 0;
+      if (t.trackEqLow !== eqLow) {
+        t.trackEqLow = eqLow;
+        options.onTrackEqLowChange?.(t.config.id, eqLow);
+      }
+      const eqMid = meta.trackEqMid?.[i2] ?? 0;
+      if (t.trackEqMid !== eqMid) {
+        t.trackEqMid = eqMid;
+        options.onTrackEqMidChange?.(t.config.id, eqMid);
+      }
+      const eqHigh = meta.trackEqHigh?.[i2] ?? 0;
+      if (t.trackEqHigh !== eqHigh) {
+        t.trackEqHigh = eqHigh;
+        options.onTrackEqHighChange?.(t.config.id, eqHigh);
+      }
+    });
     trackStates.forEach((t, i2) => {
       if (applyActiveOnly && i2 !== activeTrackIndex) return;
       const v = trackVelocity.get(i2);
@@ -14739,6 +15565,9 @@ var mountDAW = (target, options = {}) => {
       active.vocalOctave = 0;
       active.vocalVibrato = false;
       active.vocalReverb = 0;
+      active.vocalDelay = 0;
+      active.vocalGender = 50;
+      active.vocalBreathiness = 50;
     } else {
       for (const t of trackStates) {
         t.lyrics = "";
@@ -14749,6 +15578,9 @@ var mountDAW = (target, options = {}) => {
         t.vocalOctave = 0;
         t.vocalVibrato = false;
         t.vocalReverb = 0;
+        t.vocalDelay = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     lyrics?.forEach((lt) => {
@@ -14763,6 +15595,9 @@ var mountDAW = (target, options = {}) => {
       t.vocalOctave = lt.octave ?? 0;
       t.vocalVibrato = lt.vibrato ?? false;
       t.vocalReverb = lt.reverb ?? 0;
+      t.vocalDelay = lt.delay ?? 0;
+      t.vocalGender = lt.gender ?? 50;
+      t.vocalBreathiness = lt.breathiness ?? 50;
     });
     for (const p of placements) {
       if (applyActiveOnly && p.trackIndex !== activeTrackIndex) continue;
@@ -14843,6 +15678,9 @@ var mountDAW = (target, options = {}) => {
       active.vocalOctave = 0;
       active.vocalVibrato = false;
       active.vocalReverb = 0;
+      active.vocalDelay = 0;
+      active.vocalGender = 50;
+      active.vocalBreathiness = 50;
     } else {
       clearAll();
       for (const t of trackStates) t.core.setLoadMode(true);
@@ -14855,6 +15693,9 @@ var mountDAW = (target, options = {}) => {
         t.vocalOctave = 0;
         t.vocalVibrato = false;
         t.vocalReverb = 0;
+        t.vocalDelay = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
@@ -14903,6 +15744,7 @@ var mountDAW = (target, options = {}) => {
     bpm = value;
     refs.bpmInput.value = String(value);
     for (const t of trackStates) t.core.setTempo(value);
+    options.onBpmChange?.(value);
   };
   let lastUndoTime = 0;
   const undo = () => {
@@ -14989,6 +15831,12 @@ var mountDAW = (target, options = {}) => {
       isSolo = refs.soloCheckbox.checked;
       redrawAll();
     });
+    unsubscribeClip = options.clipMeter?.onClipChange((clipping) => {
+      refs.clipBadge.classList.toggle("dtm-hidden", !clipping);
+    });
+    refs.clipBadge.addEventListener("click", () => {
+      options.clipMeter?.reset();
+    });
     refs.toolPen.addEventListener("click", () => setToolMode("pen"));
     refs.toolSelect.addEventListener("click", () => setToolMode("select"));
     refs.toolEraser.addEventListener("click", () => setToolMode("eraser"));
@@ -15069,6 +15917,81 @@ var mountDAW = (target, options = {}) => {
       refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
       options.onReverbChange?.(reverbAmount);
     });
+    refs.reverbAmountInfoBtn.addEventListener("click", () => {
+      showModal("\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u306E\u89E3\u8AAC", MASTER_REVERB_INFO_HTML);
+    });
+    refs.reverbDecay.addEventListener("input", () => {
+      const raw = Number.parseInt(refs.reverbDecay.value, 10) || 22;
+      reverbDecay = Math.max(
+        MIN_REVERB_DECAY_SEC,
+        Math.min(MAX_REVERB_DECAY_SEC, raw / 10)
+      );
+      refs.reverbDecayLabel.textContent = `${reverbDecay.toFixed(1)}s`;
+      options.onReverbDecayChange?.(reverbDecay);
+    });
+    refs.reverbPreDelay.addEventListener("input", () => {
+      reverbPreDelay = Number.parseInt(refs.reverbPreDelay.value, 10) || 0;
+      refs.reverbPreDelayLabel.textContent = `${reverbPreDelay}ms`;
+      options.onReverbPreDelayChange?.(reverbPreDelay);
+    });
+    refs.delayAmount.addEventListener("input", () => {
+      delayAmount = Number.parseInt(refs.delayAmount.value, 10) || 0;
+      refs.delayAmountLabel.textContent = `${delayAmount}%`;
+      options.onDelayChange?.(delayAmount);
+    });
+    refs.delayDivision.addEventListener("change", () => {
+      delayDivision = refs.delayDivision.value;
+      options.onDelayDivisionChange?.(delayDivision);
+    });
+    refs.delayAmountInfoBtn.addEventListener("click", () => {
+      showModal("\u30DE\u30B9\u30BF\u30C7\u30A3\u30EC\u30A4\u306E\u89E3\u8AAC", MASTER_DELAY_INFO_HTML);
+    });
+    refs.autoMasterInfoBtn.addEventListener("click", () => {
+      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);
+      const bpmT = clamp4((bpm - 60) / (180 - 60), 0, 1);
+      reverbDecay = clamp4(
+        3 - bpmT * (3 - 0.9),
+        MIN_REVERB_DECAY_SEC,
+        MAX_REVERB_DECAY_SEC
+      );
+      refs.reverbDecay.value = String(Math.round(reverbDecay * 10));
+      refs.reverbDecayLabel.textContent = `${reverbDecay.toFixed(1)}s`;
+      options.onReverbDecayChange?.(reverbDecay);
+      reverbPreDelay = 20;
+      refs.reverbPreDelay.value = "20";
+      refs.reverbPreDelayLabel.textContent = "20ms";
+      options.onReverbPreDelayChange?.(20);
+      let mainVocalId = null;
+      let mainVocalScore = -1;
+      for (const t of trackStates) {
+        if (!t.lyricModel) continue;
+        const score = t.core.getNotes().reduce((sum, n) => sum + n.durationSteps, 0);
+        if (score > mainVocalScore) {
+          mainVocalScore = score;
+          mainVocalId = t.config.id;
+        }
+      }
+      for (const t of trackStates) {
+        const isMainVocal = !!t.lyricModel && t.config.id === mainVocalId;
+        const comp = !t.lyricModel ? 35 : isMainVocal ? 30 : 25;
+        t.trackCompression = comp;
+        t.trackWidth = 115;
+        options.onTrackCompressionChange?.(t.config.id, comp);
+        options.onTrackWidthChange?.(t.config.id, 115);
+        if (t.lyricModel) {
+          t.vocalVibrato = true;
+          t.vocalReverb = isMainVocal ? 15 : 30;
+          fireLyricsChange(t);
+        }
+      }
+      updateTrackPanel();
+    });
     refs.drumSelect.addEventListener("change", () => {
       currentDrumPattern = refs.drumSelect.value;
       options.onDrumChange?.(currentDrumPattern);
@@ -15945,7 +16868,7 @@ var mountDAW = (target, options = {}) => {
     currentPlayStep = step;
     playbackState = "paused";
     const canvas = getGridCanvas();
-    currentOffsetX = clamp3(
+    currentOffsetX = clamp4(
       step * renderConfig.stepWidth - canvas.width * 0.5,
       0,
       getMaxOffsetX()
@@ -15991,11 +16914,11 @@ var mountDAW = (target, options = {}) => {
     getViewState,
     setViewState: (state) => {
       if (typeof state.zoomX === "number") {
-        zoomX = clamp3(state.zoomX, 25, 200);
+        zoomX = clamp4(state.zoomX, 25, 200);
         applyZoomX();
       }
       if (typeof state.zoomY === "number") {
-        zoomY = clamp3(state.zoomY, 50, 200);
+        zoomY = clamp4(state.zoomY, 50, 200);
         applyZoomY();
       }
       if (typeof state.decomposeChord === "boolean") {
@@ -16017,28 +16940,52 @@ var mountDAW = (target, options = {}) => {
     forcePauseAt,
     setLoading,
     setMasterVolume: (volume) => {
-      masterVolume = clamp3(volume, 0, 100);
+      masterVolume = clamp4(volume, 0, 100);
       refs.masterVolume.value = String(masterVolume);
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     },
     setVolume: (volume) => {
-      masterVolume = clamp3(volume, 0, 100);
+      masterVolume = clamp4(volume, 0, 100);
       refs.masterVolume.value = String(masterVolume);
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     },
     setDrumVolume: (volume) => {
-      drumVolume = clamp3(volume, 0, 100);
+      drumVolume = clamp4(volume, 0, 100);
       refs.drumVolume.value = String(drumVolume);
       refs.drumVolumeLabel.textContent = `${drumVolume}%`;
     },
     setReverbAmount: (amount) => {
-      reverbAmount = clamp3(amount, 0, 100);
+      reverbAmount = clamp4(amount, 0, 100);
       refs.reverbAmount.value = String(reverbAmount);
       refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
       options.onReverbChange?.(reverbAmount);
     },
+    setReverbDecay: (seconds) => {
+      reverbDecay = Math.max(
+        MIN_REVERB_DECAY_SEC,
+        Math.min(MAX_REVERB_DECAY_SEC, seconds)
+      );
+      refs.reverbDecay.value = String(Math.round(reverbDecay * 10));
+      refs.reverbDecayLabel.textContent = `${reverbDecay.toFixed(1)}s`;
+      options.onReverbDecayChange?.(reverbDecay);
+    },
+    setReverbPreDelay: (ms) => {
+      reverbPreDelay = Math.max(
+        MIN_REVERB_PREDELAY_MS,
+        Math.min(MAX_REVERB_PREDELAY_MS, ms)
+      );
+      refs.reverbPreDelay.value = String(reverbPreDelay);
+      refs.reverbPreDelayLabel.textContent = `${reverbPreDelay}ms`;
+      options.onReverbPreDelayChange?.(reverbPreDelay);
+    },
+    setDelayAmount: (amount) => {
+      delayAmount = clamp4(amount, 0, 100);
+      refs.delayAmount.value = String(delayAmount);
+      refs.delayAmountLabel.textContent = `${delayAmount}%`;
+      options.onDelayChange?.(delayAmount);
+    },
     applyPatch: (trackId, added, removed) => {
       const track = trackStates.find((t) => t.config.id === trackId);
       if (!track) return;
@@ -16080,6 +17027,9 @@ var mountDAW = (target, options = {}) => {
       t.vocalOctave = data.vocalOctave;
       t.vocalVibrato = data.vocalVibrato ?? false;
       t.vocalReverb = data.vocalReverb ?? 0;
+      t.vocalDelay = data.vocalDelay ?? 0;
+      t.vocalGender = data.vocalGender ?? 50;
+      t.vocalBreathiness = data.vocalBreathiness ?? 50;
     },
     applyTrackInstrument: (trackIndex, instrumentName) => {
       const t = trackStates[trackIndex];
@@ -16105,6 +17055,7 @@ var mountDAW = (target, options = {}) => {
     destroy: () => {
       sequencer.stop();
       options.singingVoices?.stopStream();
+      unsubscribeClip?.();
       resizeObserver.disconnect();
       document.removeEventListener("pointermove", onPointerMove);
       document.removeEventListener("pointerup", onPointerUp);
@@ -16197,6 +17148,9 @@ var playSingingMML = async (mml, options = {}) => {
       pan: panToStereo(lt.pan ?? DEFAULT_PAN),
       vibrato: lt.vibrato,
       reverbSend: (lt.reverb ?? 0) / 100,
+      delaySend: (lt.delay ?? 0) / 100,
+      gender: (lt.gender ?? 50) / 100,
+      breathiness: (lt.breathiness ?? 50) / 100,
       notes
     };
   });
@@ -16804,24 +17758,191 @@ var isSupported = midiJsonParser.isSupported;
 var parseArrayBuffer = midiJsonParser.parseArrayBuffer;
 URL.revokeObjectURL(url);
 
-// src/reverb.ts
-var IMPULSE_DURATION_SEC = 2.2;
-var IMPULSE_DECAY = 2.5;
-var createReverbImpulse = (ctx) => {
-  const rate = ctx.sampleRate;
-  const length = Math.max(1, Math.floor(rate * IMPULSE_DURATION_SEC));
-  const impulse = ctx.createBuffer(2, length, rate);
-  for (let ch = 0; ch < impulse.numberOfChannels; ch++) {
-    const data = impulse.getChannelData(ch);
-    for (let i2 = 0; i2 < length; i2++) {
-      const envelope = (1 - i2 / length) ** IMPULSE_DECAY;
-      data[i2] = (Math.random() * 2 - 1) * envelope;
+// src/channel-strip.ts
+var clamp5 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var compressionParams = (amount) => {
+  const t = clamp5(amount, 0, 100) / 100;
+  return {
+    threshold: 0 + (-24 - 0) * t,
+    ratio: 1 + (12 - 1) * t,
+    knee: 0 + (6 - 0) * t,
+    attack: 0.02 + (3e-3 - 0.02) * t,
+    release: 0.25 + (0.15 - 0.25) * t
+  };
+};
+var EQ_LOW_FREQ = 200;
+var EQ_MID_FREQ = 1e3;
+var EQ_HIGH_FREQ = 5e3;
+var EQ_MID_Q = 1;
+var EQ_MAX_DB = 12;
+var createChannelStrip = (ctx, destination, options = {}) => {
+  const input = ctx.createGain();
+  const eqLow = ctx.createBiquadFilter();
+  eqLow.type = "lowshelf";
+  eqLow.frequency.value = EQ_LOW_FREQ;
+  eqLow.gain.value = clamp5(options.eqLow ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  const eqMid = ctx.createBiquadFilter();
+  eqMid.type = "peaking";
+  eqMid.frequency.value = EQ_MID_FREQ;
+  eqMid.Q.value = EQ_MID_Q;
+  eqMid.gain.value = clamp5(options.eqMid ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  const eqHigh = ctx.createBiquadFilter();
+  eqHigh.type = "highshelf";
+  eqHigh.frequency.value = EQ_HIGH_FREQ;
+  eqHigh.gain.value = clamp5(options.eqHigh ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  input.connect(eqLow);
+  eqLow.connect(eqMid);
+  eqMid.connect(eqHigh);
+  const compressor = ctx.createDynamicsCompressor();
+  const applyCompression = (amount) => {
+    const p = compressionParams(amount);
+    const now = ctx.currentTime;
+    compressor.threshold.setValueAtTime(p.threshold, now);
+    compressor.ratio.setValueAtTime(p.ratio, now);
+    compressor.knee.setValueAtTime(p.knee, now);
+    compressor.attack.setValueAtTime(p.attack, now);
+    compressor.release.setValueAtTime(p.release, now);
+  };
+  applyCompression(options.compression ?? 0);
+  const splitter = ctx.createChannelSplitter(2);
+  const mid = ctx.createGain();
+  mid.gain.value = 0.5;
+  splitter.connect(mid, 0);
+  splitter.connect(mid, 1);
+  const sideSum = ctx.createGain();
+  sideSum.gain.value = 1;
+  const sideL = ctx.createGain();
+  sideL.gain.value = 0.5;
+  const sideR = ctx.createGain();
+  sideR.gain.value = -0.5;
+  splitter.connect(sideL, 0);
+  splitter.connect(sideR, 1);
+  sideL.connect(sideSum);
+  sideR.connect(sideSum);
+  const widthGain = ctx.createGain();
+  sideSum.connect(widthGain);
+  const widthInv = ctx.createGain();
+  widthInv.gain.value = -1;
+  widthGain.connect(widthInv);
+  const outL = ctx.createGain();
+  mid.connect(outL);
+  widthGain.connect(outL);
+  const outR = ctx.createGain();
+  mid.connect(outR);
+  widthInv.connect(outR);
+  const merger = ctx.createChannelMerger(2);
+  outL.connect(merger, 0, 0);
+  outR.connect(merger, 0, 1);
+  const setWidth = (width) => {
+    widthGain.gain.setTargetAtTime(
+      clamp5(width, 0, 200) / 100,
+      ctx.currentTime,
+      0.02
+    );
+  };
+  setWidth(options.width ?? 100);
+  eqHigh.connect(compressor);
+  compressor.connect(splitter);
+  merger.connect(destination);
+  return {
+    input,
+    setEqLow: (db) => {
+      eqLow.gain.setTargetAtTime(
+        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setEqMid: (db) => {
+      eqMid.gain.setTargetAtTime(
+        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setEqHigh: (db) => {
+      eqHigh.gain.setTargetAtTime(
+        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setCompression: applyCompression,
+    setWidth,
+    dispose: () => {
+      input.disconnect();
+      eqLow.disconnect();
+      eqMid.disconnect();
+      eqHigh.disconnect();
+      compressor.disconnect();
+      splitter.disconnect();
+      mid.disconnect();
+      sideSum.disconnect();
+      sideL.disconnect();
+      sideR.disconnect();
+      widthGain.disconnect();
+      widthInv.disconnect();
+      outL.disconnect();
+      outR.disconnect();
+      merger.disconnect();
     }
-  }
-  return impulse;
+  };
+};
+
+// src/clip-meter.ts
+var createClipMeter = (ctx, source, options = {}) => {
+  const threshold = options.threshold ?? 0.98;
+  const holdMs = options.holdMs ?? 800;
+  const analyser = ctx.createAnalyser();
+  analyser.fftSize = 512;
+  source.connect(analyser);
+  const buf = new Float32Array(analyser.fftSize);
+  let clipping = false;
+  let clipUntil = 0;
+  let peakLevel = 0;
+  const listeners = /* @__PURE__ */ new Set();
+  let rafId = null;
+  const tick = () => {
+    analyser.getFloatTimeDomainData(buf);
+    let peak = 0;
+    let clipped = false;
+    for (let i2 = 0; i2 < buf.length; i2++) {
+      const v = Math.abs(buf[i2]);
+      if (v > peak) peak = v;
+      if (v >= threshold) clipped = true;
+    }
+    peakLevel = peak;
+    const now = performance.now();
+    if (clipped) clipUntil = now + holdMs;
+    const nextClipping = now < clipUntil;
+    if (nextClipping !== clipping) {
+      clipping = nextClipping;
+      for (const cb of listeners) cb(clipping);
+    }
+    rafId = requestAnimationFrame(tick);
+  };
+  rafId = requestAnimationFrame(tick);
+  return {
+    onClipChange: (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    getPeakLevel: () => peakLevel,
+    reset: () => {
+      clipUntil = 0;
+      if (clipping) {
+        clipping = false;
+        for (const cb of listeners) cb(false);
+      }
+    },
+    dispose: () => {
+      if (rafId !== null) cancelAnimationFrame(rafId);
+      rafId = null;
+      analyser.disconnect();
+      listeners.clear();
+    }
+  };
 };
-var REVERB_MAX_WET = 0.6;
-var reverbAmountToGain = (amount) => Math.max(0, Math.min(100, amount)) / 100 * REVERB_MAX_WET;
 
 // src/sf/SoundFont_drum.ts
 var touch = (map, key, ctor) => {
@@ -16975,18 +18096,20 @@ var createDtmStudio = async (options = {}) => {
   const audioCtx = options.audioContext ?? new AudioContext({ sampleRate: 44100 });
   const masterGain = audioCtx.createGain();
   masterGain.gain.value = options.masterVolume ?? 1;
-  masterGain.connect(audioCtx.destination);
   const drumGain = audioCtx.createGain();
   drumGain.gain.value = options.drumVolume ?? 1;
   drumGain.connect(masterGain);
+  let reverbDecaySec = options.reverbDecay ?? DEFAULT_REVERB_DECAY_SEC;
+  const reverbPreDelay = audioCtx.createDelay(MAX_REVERB_PREDELAY_MS / 1e3);
+  reverbPreDelay.delayTime.value = (options.reverbPreDelay ?? DEFAULT_REVERB_PREDELAY_MS) / 1e3;
   const reverbConvolver = audioCtx.createConvolver();
-  reverbConvolver.buffer = createReverbImpulse(audioCtx);
+  reverbConvolver.buffer = createReverbImpulse(audioCtx, reverbDecaySec);
   reverbConvolver.normalize = true;
   const reverbWetGain = audioCtx.createGain();
   reverbWetGain.gain.value = reverbAmountToGain(options.reverbAmount ?? 0);
-  masterGain.connect(reverbConvolver);
+  masterGain.connect(reverbPreDelay);
+  reverbPreDelay.connect(reverbConvolver);
   reverbConvolver.connect(reverbWetGain);
-  reverbWetGain.connect(audioCtx.destination);
   const setReverbAmount = (amount) => {
     reverbWetGain.gain.setTargetAtTime(
       reverbAmountToGain(amount),
@@ -16994,6 +18117,46 @@ var createDtmStudio = async (options = {}) => {
       0.02
     );
   };
+  const setReverbDecay = (seconds) => {
+    reverbDecaySec = Math.max(
+      MIN_REVERB_DECAY_SEC,
+      Math.min(MAX_REVERB_DECAY_SEC, seconds)
+    );
+    reverbConvolver.buffer = createReverbImpulse(audioCtx, reverbDecaySec);
+  };
+  const setReverbPreDelay = (ms) => {
+    reverbPreDelay.delayTime.setTargetAtTime(
+      Math.max(MIN_REVERB_PREDELAY_MS, Math.min(MAX_REVERB_PREDELAY_MS, ms)) / 1e3,
+      audioCtx.currentTime,
+      0.02
+    );
+  };
+  const finalMix = audioCtx.createGain();
+  masterGain.connect(finalMix);
+  reverbWetGain.connect(finalMix);
+  const delayBus = createDelayBus(audioCtx, finalMix, {
+    amount: options.delayAmount ?? 0,
+    division: options.delayDivision ?? "8"
+  });
+  const setDelayAmount = (amount) => delayBus.setAmount(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);
+  safetyLimiter.connect(options.destination ?? audioCtx.destination);
+  const clipMeter = createClipMeter(audioCtx, finalMix);
+  const channelStrips = /* @__PURE__ */ new Map();
+  const getChannelStrip = (trackId) => {
+    let strip = channelStrips.get(trackId);
+    if (!strip) {
+      strip = createChannelStrip(audioCtx, masterGain);
+      channelStrips.set(trackId, strip);
+    }
+    return strip;
+  };
   const resumeAudio = () => {
     if (audioCtx.state === "closed") return Promise.resolve();
     return audioCtx.resume();
@@ -17027,7 +18190,13 @@ var createDtmStudio = async (options = {}) => {
     worldlineScriptUrl: options.worldlineScriptUrl,
     // ボーカルトラック個別のリバーブセンド（`r`トークン）先。マスタリバーブの
     // Convolver 入力へ直接センドする（masterGain 経由のドライ段は素通り）。
-    reverbBus: reverbConvolver
+    reverbBus: reverbConvolver,
+    // ボーカルトラック個別のディレイセンド（`e`トークン）先。
+    delayBus: delayBus.input,
+    // トラック単位チャンネルストリップ（コンプレッサー/ステレオワイド）の入口。
+    // 楽器と同じ getChannelStrip キャッシュを共有するので、演奏トラックと歌詞トラックが
+    // 同じ trackId を指していれば同じ処理が掛かる。
+    getTrackDestination: (trackId) => getChannelStrip(trackId).input
   });
   const listReady = new Promise((resolve) => {
     sfList.init();
@@ -17257,7 +18426,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17304,6 +18473,21 @@ var createDtmStudio = async (options = {}) => {
       },
       reverbAmount: options.reverbAmount,
       onReverbChange: setReverbAmount,
+      reverbDecay: options.reverbDecay,
+      onReverbDecayChange: setReverbDecay,
+      reverbPreDelay: options.reverbPreDelay,
+      onReverbPreDelayChange: setReverbPreDelay,
+      delayAmount: options.delayAmount,
+      onDelayChange: setDelayAmount,
+      delayDivision: options.delayDivision,
+      onDelayDivisionChange: (division) => delayBus.setDivision(division),
+      onBpmChange: (bpm) => delayBus.setBpm(bpm),
+      onTrackCompressionChange: (trackId, amount) => getChannelStrip(trackId).setCompression(amount),
+      onTrackWidthChange: (trackId, width) => getChannelStrip(trackId).setWidth(width),
+      onTrackEqLowChange: (trackId, db) => getChannelStrip(trackId).setEqLow(db),
+      onTrackEqMidChange: (trackId, db) => getChannelStrip(trackId).setEqMid(db),
+      onTrackEqHighChange: (trackId, db) => getChannelStrip(trackId).setEqHigh(db),
+      clipMeter,
       ...dawOverrides,
       // dawOverrides で上書きされないよう、スプレッドの後に配置して合成する
       onDrumChange: (name) => {
@@ -17330,17 +18514,22 @@ var createDtmStudio = async (options = {}) => {
     mountedEditors.push(daw);
     const wantPresetUI = presetUI ?? features.presetUI;
     const rollEl = target.querySelector('[data-dtm="roll"]');
+    const presetSlot = target.querySelector(
+      '[data-dtm="preset-select-slot"]'
+    );
     if (wantPresetUI) {
       editorPresetSelects.get(target)?.destroy();
-      presetSelect = mountPresetSelect(target, {
+      presetSelect = mountPresetSelect(presetSlot ?? target, {
         getDaw: () => daw,
         getTrackIds: () => trackIds,
         value: initialPreset,
         loadingTarget: rollEl ?? target,
-        position: "prepend",
-        // 楽器変更時、このエディタの発音解決が使うプリセットも追従させる。
+        position: presetSlot ? "append" : "prepend",
+        // 楽器変更時、このエディタの発音解決が使うプリセットも追従させ、
+        // 外部の onInstrumentChange（呼び出し側の永続化フック等）へも通知する。
+        // #inst= 付きMML読込時の通知経路（handleInstrumentChange）と揃える。
         onChange: (key) => {
-          editorPreset = key;
+          handleInstrumentChange(key);
         }
       });
       editorPresetSelects.set(target, presetSelect);
@@ -17523,7 +18712,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17609,7 +18798,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17688,7 +18877,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17727,7 +18916,7 @@ var createDtmStudio = async (options = {}) => {
     if (!sfInst) return;
     sfInst.play({
       ctx: audioCtx,
-      destination: masterGain,
+      destination: getChannelStrip(e.trackId).input,
       pitch: e.pitch,
       volume: e.volume,
       when: e.when,
@@ -17783,7 +18972,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip("chord").input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17833,6 +19022,10 @@ var createDtmStudio = async (options = {}) => {
     mountedPlayers.length = 0;
     mountedChordPlayers.length = 0;
     mountedEditors.length = 0;
+    clipMeter.dispose();
+    delayBus.dispose();
+    for (const strip of channelStrips.values()) strip.dispose();
+    channelStrips.clear();
     void audioCtx.close();
   };
   const setMasterVolume = (volume) => {
@@ -17872,6 +19065,9 @@ var createDtmStudio = async (options = {}) => {
     setMasterVolume,
     setVolume: setMasterVolume,
     setReverbAmount,
+    setReverbDecay,
+    setReverbPreDelay,
+    setDelayAmount,
     dispose
   };
 };