@onjmin/dtm 0.1.83 → 0.1.85

package/dist/index.mjs

@@ -219,8 +219,8 @@ var Input = class _Input {
     }
     return str.length ? Number(str) : null;
   }
-  slice(i) {
-    return this.str.slice(this.idx, this.idx + i);
+  slice(i2) {
+    return this.str.slice(this.idx, this.idx + i2);
   }
 };
 var Output = class {
@@ -256,8 +256,8 @@ var Matcher = class {
     else this._set(key, value);
   }
   parse(input) {
-    for (const i of this.lengths) {
-      const s = input.slice(i);
+    for (const i2 of this.lengths) {
+      const s = input.slice(i2);
       if (this.map.has(s)) {
         input.idx += s.length;
         return this.map.get(s);
@@ -311,7 +311,7 @@ var parseFormula = (input, output = new Output(), nest = 0) => {
         if (o.isChord) {
           output.value = [...o.value].concat(v);
         } else {
-          const a = v.sort((x, y) => x - y);
+          const a = v.sort((x2, y) => x2 - y);
           const pitch = (o.pitch + 3) % 12 - 3;
           if (a[0] < pitch) {
             while (a[0] < pitch) a.push(a.shift() + 12);
@@ -348,16 +348,16 @@ halfMatcher.set("+", 1);
 halfMatcher.set("-", -1);
 var parseHalf = (input, isPitch = false) => (isPitch ? halfMatcherStrict : halfMatcher).parse(input);
 var idx2pitch = [0, 2, 4, 5, 7, 9, 11];
-for (const i of [...idx2pitch.keys()]) idx2pitch.push(idx2pitch[i] + 12);
+for (const i2 of [...idx2pitch.keys()]) idx2pitch.push(idx2pitch[i2] + 12);
 var deg2pitch = (deg) => idx2pitch[deg - 1];
 var pitchMatcher = new Matcher();
-for (const [i, v] of [..."CDEFGAB"].entries())
-  pitchMatcher.set(v, idx2pitch[i]);
+for (const [i2, v] of [..."CDEFGAB"].entries())
+  pitchMatcher.set(v, idx2pitch[i2]);
 var parsePitch = (input, output) => {
   const pitch = pitchMatcher.parse(input);
   if (pitch === null) err(input, "Not found pitch");
   output.pitch = pitch;
-  for (let i = 0; i < 2; i++) {
+  for (let i2 = 0; i2 < 2; i2++) {
     const half = parseHalf(input, true);
     if (half === null) break;
     output.pitch += half;
@@ -563,11 +563,11 @@ var pearson = (a, b) => {
   let num = 0;
   let da = 0;
   let db = 0;
-  for (let i = 0; i < a.length; i++) {
-    const x = a[i] - ma;
-    const y = b[i] - mb;
-    num += x * y;
-    da += x * x;
+  for (let i2 = 0; i2 < a.length; i2++) {
+    const x2 = a[i2] - ma;
+    const y = b[i2] - mb;
+    num += x2 * y;
+    da += x2 * x2;
     db += y * y;
   }
   const den = Math.sqrt(da * db);
@@ -643,19 +643,19 @@ var coalesce = (segments) => {
 var mergeShortSegments = (segments, min) => {
   if (min <= 0) return segments;
   const result = segments.map((s) => ({ ...s }));
-  let i = 0;
-  while (i < result.length && result.length > 1) {
-    if (result[i].duration >= min) {
-      i++;
+  let i2 = 0;
+  while (i2 < result.length && result.length > 1) {
+    if (result[i2].duration >= min) {
+      i2++;
       continue;
     }
-    if (i > 0) {
-      result[i - 1].duration += result[i].duration;
-      result.splice(i, 1);
+    if (i2 > 0) {
+      result[i2 - 1].duration += result[i2].duration;
+      result.splice(i2, 1);
     } else {
-      result[i + 1].when = result[i].when;
-      result[i + 1].duration += result[i].duration;
-      result.splice(i, 1);
+      result[i2 + 1].when = result[i2].when;
+      result[i2 + 1].duration += result[i2].duration;
+      result.splice(i2, 1);
     }
   }
   return coalesce(result);
@@ -874,19 +874,19 @@ var viterbi = (emissions, changePenalty) => {
     const curr = new Array(N).fill(0);
     const em = emissions[t];
     const switchVal = bestPrevVal - changePenalty;
-    for (let i = 0; i < N; i++) {
-      if (prev[i] >= switchVal) {
-        curr[i] = em[i] + prev[i];
-        back[t][i] = i;
+    for (let i2 = 0; i2 < N; i2++) {
+      if (prev[i2] >= switchVal) {
+        curr[i2] = em[i2] + prev[i2];
+        back[t][i2] = i2;
       } else {
-        curr[i] = em[i] + switchVal;
-        back[t][i] = bestPrevIdx;
+        curr[i2] = em[i2] + switchVal;
+        back[t][i2] = bestPrevIdx;
       }
     }
     prev = curr;
   }
   let bestIdx = 0;
-  for (let i = 1; i < N; i++) if (prev[i] > prev[bestIdx]) bestIdx = i;
+  for (let i2 = 1; i2 < N; i2++) if (prev[i2] > prev[bestIdx]) bestIdx = i2;
   const path = new Array(T).fill(0);
   path[T - 1] = bestIdx;
   for (let t = T - 1; t > 0; t--) path[t - 1] = back[t][path[t]];
@@ -983,20 +983,20 @@ var parseChords = (str, bpm = 120) => {
       if (!str2.length) continue;
       const when = idx++ * secBar;
       const a = [];
-      for (let i = 0; i < str2.length; i++) {
-        const char = str2[i];
-        const prev = str2[i - 1];
-        const prev2 = str2.slice(i - 2, i);
+      for (let i2 = 0; i2 < str2.length; i2++) {
+        const char = str2[i2];
+        const prev = str2[i2 - 1];
+        const prev2 = str2.slice(i2 - 2, i2);
         if (!frontChars.has(char)) continue;
         if (prev === "/" || prev2 === "on") continue;
         if (prev2 === "N." && char === "C") continue;
-        a.push(i);
+        a.push(i2);
       }
       if (!a.length) continue;
       const divide = 2 ** Math.ceil(Math.log2(a.length));
       const unitTime = secBar / divide;
-      for (const [i, v] of a.entries()) {
-        const s = str2.slice(v, i === a.length - 1 ? str2.length : a[i + 1]).replace(/\s+/g, "");
+      for (const [i2, v] of a.entries()) {
+        const s = str2.slice(v, i2 === a.length - 1 ? str2.length : a[i2 + 1]).replace(/\s+/g, "");
         const c = s[0];
         if (c === "_" || c === "N") {
           last = null;
@@ -1006,7 +1006,7 @@ var parseChords = (str, bpm = 120) => {
           if (last) last.duration += unitTime;
           continue;
         }
-        const _when = when + i * unitTime;
+        const _when = when + i2 * unitTime;
         if (c === "%") {
           if (last === null) continue;
           const base = last;
@@ -1171,19 +1171,19 @@ var resolveDrumPattern = (name, dict, currentBar) => {
   if (Array.isArray(patternObj) && patternObj.length > 0 && "ranges" in patternObj[0]) {
     const songDef = patternObj;
     const instructions = songDef.filter(
-      (i) => i.ranges.some(([s, e]) => currentBar >= s && currentBar <= e)
+      (i2) => i2.ranges.some(([s, e]) => currentBar >= s && currentBar <= e)
     );
     if (instructions.length > 0) {
-      return instructions.flatMap((i) => {
-        const maxStep = Math.max(...i.pattern.map((p) => p.step), 0);
-        const loopLengthBars = i.patternBars ?? Math.max(1, Math.ceil((maxStep + 1) / 192));
-        const range = i.ranges.find(
+      return instructions.flatMap((i2) => {
+        const maxStep = Math.max(...i2.pattern.map((p) => p.step), 0);
+        const loopLengthBars = i2.patternBars ?? Math.max(1, Math.ceil((maxStep + 1) / 192));
+        const range = i2.ranges.find(
           ([s, e]) => currentBar >= s && currentBar <= e
         );
         const startBar = range ? range[0] : 1;
         const barInLoop = (currentBar - startBar) % loopLengthBars;
         const stepOffset = barInLoop * 192;
-        return i.pattern.filter((p) => p.step >= stepOffset && p.step < stepOffset + 192).map((p) => ({ ...p, step: p.step - stepOffset }));
+        return i2.pattern.filter((p) => p.step >= stepOffset && p.step < stepOffset + 192).map((p) => ({ ...p, step: p.step - stepOffset }));
       });
     }
   }
@@ -1326,8 +1326,8 @@ var getDrumPatternKeys = (name, dict) => {
   const keys = /* @__PURE__ */ new Set();
   if (Array.isArray(patternObj) && patternObj.length > 0 && "ranges" in patternObj[0]) {
     const songDef = patternObj;
-    for (const i of songDef) {
-      for (const p of i.pattern) keys.add(p.pitch);
+    for (const i2 of songDef) {
+      for (const p of i2.pattern) keys.add(p.pitch);
     }
   } else if (Array.isArray(patternObj)) {
     for (const p of patternObj) keys.add(p.pitch);
@@ -1384,21 +1384,21 @@ var buildChordPlacements = (options) => {
           }
         } else if (patternType === "arpeggio") {
           const arpInterval = Math.floor(noteLength / notes.length);
-          notes.forEach((noteOffset, i) => {
+          notes.forEach((noteOffset, i2) => {
             placements.push({
-              startStep: chord.whenStep + i * arpInterval,
+              startStep: chord.whenStep + i2 * arpInterval,
               pitch: C3 + noteOffset + offset,
-              durationSteps: noteLength - i * arpInterval,
+              durationSteps: noteLength - i2 * arpInterval,
               velocity: 100
             });
           });
         } else if (patternType === "arpeggio-fast") {
           const arpInterval = 6;
-          notes.forEach((noteOffset, i) => {
+          notes.forEach((noteOffset, i2) => {
             placements.push({
-              startStep: chord.whenStep + i * arpInterval,
+              startStep: chord.whenStep + i2 * arpInterval,
               pitch: C3 + noteOffset + offset,
-              durationSteps: Math.max(12, noteLength - i * arpInterval),
+              durationSteps: Math.max(12, noteLength - i2 * arpInterval),
               velocity: 100
             });
           });
@@ -1438,8 +1438,8 @@ var buildChordPlacements = (options) => {
             }
           }
         } else if (patternType === "alternating") {
-          notes.forEach((noteOffset, i) => {
-            const stepOffset = i * Math.floor(stepsPerBar / 4);
+          notes.forEach((noteOffset, i2) => {
+            const stepOffset = i2 * Math.floor(stepsPerBar / 4);
             placements.push({
               startStep: chord.whenStep + stepOffset,
               pitch: C3 + noteOffset + offset,
@@ -1461,8 +1461,8 @@ var buildChordPlacements = (options) => {
       }
       if (notes.length === 0) return;
       const startStep = barIndex * chordLength;
-      notes.forEach((noteOffset, i) => {
-        const stepOffset = i * 3;
+      notes.forEach((noteOffset, i2) => {
+        const stepOffset = i2 * 3;
         placements.push({
           startStep: startStep + stepOffset,
           pitch: C3 + noteOffset + offset,
@@ -1475,7 +1475,136 @@ var buildChordPlacements = (options) => {
   return placements;
 };
 
-// node_modules/.pnpm/@onjmin+koe@1.0.4/node_modules/@onjmin/koe/dist/index.js
+// node_modules/.pnpm/@onjmin+koe@1.0.5/node_modules/@onjmin/koe/dist/index.js
+var u8 = Uint8Array;
+var u16 = Uint16Array;
+var i32 = Int32Array;
+var fleb = new u8([
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  1,
+  1,
+  2,
+  2,
+  2,
+  2,
+  3,
+  3,
+  3,
+  3,
+  4,
+  4,
+  4,
+  4,
+  5,
+  5,
+  5,
+  5,
+  0,
+  /* unused */
+  0,
+  0,
+  /* impossible */
+  0
+]);
+var fdeb = new u8([
+  0,
+  0,
+  0,
+  0,
+  1,
+  1,
+  2,
+  2,
+  3,
+  3,
+  4,
+  4,
+  5,
+  5,
+  6,
+  6,
+  7,
+  7,
+  8,
+  8,
+  9,
+  9,
+  10,
+  10,
+  11,
+  11,
+  12,
+  12,
+  13,
+  13,
+  /* unused */
+  0,
+  0
+]);
+var clim = new u8([16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]);
+var freb = function(eb, start) {
+  var b = new u16(31);
+  for (var i2 = 0; i2 < 31; ++i2) {
+    b[i2] = start += 1 << eb[i2 - 1];
+  }
+  var r = new i32(b[30]);
+  for (var i2 = 1; i2 < 30; ++i2) {
+    for (var j = b[i2]; j < b[i2 + 1]; ++j) {
+      r[j] = j - b[i2] << 5 | i2;
+    }
+  }
+  return { b, r };
+};
+var _a = freb(fleb, 2);
+var fl = _a.b;
+var revfl = _a.r;
+fl[28] = 258, revfl[258] = 28;
+var _b = freb(fdeb, 0);
+var fd = _b.b;
+var revfd = _b.r;
+var rev = new u16(32768);
+for (i = 0; i < 32768; ++i) {
+  x = (i & 43690) >> 1 | (i & 21845) << 1;
+  x = (x & 52428) >> 2 | (x & 13107) << 2;
+  x = (x & 61680) >> 4 | (x & 3855) << 4;
+  rev[i] = ((x & 65280) >> 8 | (x & 255) << 8) >> 1;
+}
+var x;
+var i;
+var flt = new u8(288);
+for (i = 0; i < 144; ++i)
+  flt[i] = 8;
+var i;
+for (i = 144; i < 256; ++i)
+  flt[i] = 9;
+var i;
+for (i = 256; i < 280; ++i)
+  flt[i] = 7;
+var i;
+for (i = 280; i < 288; ++i)
+  flt[i] = 8;
+var i;
+var fdt = new u8(32);
+for (i = 0; i < 32; ++i)
+  fdt[i] = 5;
+var i;
+var et = /* @__PURE__ */ new u8(0);
+var td = typeof TextDecoder != "undefined" && /* @__PURE__ */ new TextDecoder();
+var tds = 0;
+try {
+  td.decode(et, { stream: true });
+  tds = 1;
+} catch (e) {
+}
 var MAGIC = 1263486208;
 function parseKoeHeader(headerBytes) {
   const view = new DataView(headerBytes);
@@ -1641,7 +1770,7 @@ var VoiceBank = class _VoiceBank {
     if (!buf) return null;
     const int16 = new Int16Array(buf, 0, Math.floor(buf.byteLength / 2));
     const f64 = new Float64Array(int16.length);
-    for (let i = 0; i < int16.length; i++) f64[i] = int16[i] / 32768;
+    for (let i2 = 0; i2 < int16.length; i2++) f64[i2] = int16[i2] / 32768;
     return f64;
   }
 };
@@ -1649,6 +1778,7 @@ var WORLDLINE_SAMPLE_RATE = 48e3;
 var MIN_WORLDLINE_SAMPLES = 4096;
 var SYNTH_REQ_SIZE = 120;
 var WL_FRAME_MS = 10;
+var sampleCurve = (input, curve, totalMs) => typeof curve === "function" ? curve(input, totalMs) : curve;
 var samplesToMs = (samples) => samples / WORLDLINE_SAMPLE_RATE * 1e3;
 function leadInFromEntry(entry) {
   return {
@@ -1734,11 +1864,23 @@ var Worldline = class _Worldline {
    *          {@link MIN_WORLDLINE_SAMPLES} (too short for stable F0 analysis).
    */
   renderNote(params) {
-    const { pcm, pitch, durationMs, preMs, consonantMs, tempo = 120 } = params;
+    const {
+      pcm,
+      pitch,
+      durationMs,
+      preMs,
+      consonantMs,
+      tempo = 120,
+      gender = 0.5,
+      tension = 0.5,
+      breathiness = 0.5,
+      voicing = 1
+    } = params;
     if (!pcm || pcm.length < MIN_WORLDLINE_SAMPLES) return null;
     const WL = this.wasm;
     const FS = WORLDLINE_SAMPLE_RATE;
-    const midiNote = Math.round(69 + 12 * Math.log2(pitch / 440));
+    const basePitch = sampleCurve(preMs + durationMs / 2, pitch, preMs + durationMs);
+    const midiNote = Math.round(69 + 12 * Math.log2(basePitch / 440));
     const posMs = 0;
     const reqLen = preMs + durationMs;
     const cutMs = WL_FRAME_MS * 2;
@@ -1784,11 +1926,19 @@ var Worldline = class _Worldline {
     WL._free(reqPtr);
     const totalMs = posMs + reqLen + WL_FRAME_MS * 2;
     const nFrames = Math.ceil(totalMs / WL_FRAME_MS) + 4;
-    const f0Arr = new Float64Array(nFrames).fill(pitch);
-    const gArr = new Float64Array(nFrames).fill(0.5);
-    const tArr = new Float64Array(nFrames).fill(0.5);
-    const bArr = new Float64Array(nFrames).fill(0.5);
-    const vArr = new Float64Array(nFrames).fill(1);
+    const f0Arr = new Float64Array(nFrames);
+    const gArr = new Float64Array(nFrames);
+    const tArr = new Float64Array(nFrames);
+    const bArr = new Float64Array(nFrames);
+    const vArr = new Float64Array(nFrames);
+    for (let i2 = 0; i2 < nFrames; i2++) {
+      const tMs = i2 * WL_FRAME_MS;
+      f0Arr[i2] = sampleCurve(tMs, pitch, totalMs);
+      gArr[i2] = sampleCurve(tMs, gender, totalMs);
+      tArr[i2] = sampleCurve(tMs, tension, totalMs);
+      bArr[i2] = sampleCurve(tMs, breathiness, totalMs);
+      vArr[i2] = sampleCurve(tMs, voicing, totalMs);
+    }
     const f0Ptr = WL._malloc(nFrames * 8);
     const gPtr = WL._malloc(nFrames * 8);
     const tPtr = WL._malloc(nFrames * 8);
@@ -1848,6 +1998,19 @@ var DEFAULT_PLAYBACK_VELOCITY = 127;
 var DEFAULT_STEPS_PER_BAR = 192;
 var MML_END_MARKER = "#end;";
 
+// src/vibrato.ts
+var VIBRATO_MIN_SEC = 0.35;
+var VIBRATO_RATE_HZ = 5.5;
+var VIBRATO_DEPTH_CENTS = 35;
+var VIBRATO_FADE_MS = 150;
+var vibratoPitchCurve = (baseHz, preMs) => (tMs) => {
+  const sinceOnset = tMs - preMs;
+  if (sinceOnset <= 0) return baseHz;
+  const depth = VIBRATO_DEPTH_CENTS * Math.min(1, sinceOnset / VIBRATO_FADE_MS);
+  const cents = depth * Math.sin(2 * Math.PI * VIBRATO_RATE_HZ * sinceOnset / 1e3);
+  return baseHz * 2 ** (cents / 1200);
+};
+
 // src/lyrics.ts
 var kanaTable = {
   \u3042: ["", "a"],
@@ -2012,8 +2175,8 @@ var vocalVolumeToGain = (v) => {
 var parseLyrics = (mml) => {
   const tracks = /* @__PURE__ */ new Map();
   const segments = splitSegments(mml);
-  for (let i = 0; i < segments.length; i++) {
-    const m = segments[i].match(LYRIC_LINE);
+  for (let i2 = 0; i2 < segments.length; i2++) {
+    const m = segments[i2].match(LYRIC_LINE);
     if (!m) continue;
     const trackId = Number.parseInt(m[1], 10);
     let rest = m[2].trim();
@@ -2021,8 +2184,12 @@ var parseLyrics = (mml) => {
     let gate = 100;
     let pan = 64;
     let octave = 0;
+    let vibrato = false;
+    let reverb = 0;
+    let gender = 50;
+    let breathiness = 50;
     const modelMatch = rest.match(
-      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpo]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
+      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpobrgh]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
     );
     let model = "";
     const metaTokens = [];
@@ -2063,11 +2230,39 @@ var parseLyrics = (mml) => {
         rest = rest.substring(oMatch[0].length).trim();
         continue;
       }
+      const bMatch = rest.match(/^b([01])/i);
+      if (bMatch) {
+        vibrato = bMatch[1] === "1";
+        metaTokens.push(bMatch[0]);
+        rest = rest.substring(bMatch[0].length).trim();
+        continue;
+      }
+      const rMatch = rest.match(/^r(\d+)/i);
+      if (rMatch) {
+        reverb = clamp(Number.parseInt(rMatch[1], 10), 0, 100);
+        metaTokens.push(rMatch[0]);
+        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;
+      }
       break;
     }
     const lyricLines = [rest];
-    while (i + 1 < segments.length && isLyricContinuation(segments[i + 1])) {
-      lyricLines.push(segments[++i]);
+    while (i2 + 1 < segments.length && isLyricContinuation(segments[i2 + 1])) {
+      lyricLines.push(segments[++i2]);
     }
     const { syllables, lineBreaks } = normalizeLyricLines(lyricLines);
     tracks.set(trackId, {
@@ -2077,6 +2272,10 @@ var parseLyrics = (mml) => {
       gate,
       pan,
       octave,
+      vibrato,
+      reverb,
+      gender,
+      breathiness,
       syllables,
       metaText: metaTokens.join(" "),
       ...lineBreaks.length > 0 ? { lineBreaks } : {}
@@ -2087,13 +2286,13 @@ var parseLyrics = (mml) => {
 var stripLyrics = (mml) => {
   const segments = splitSegments(mml);
   const kept = [];
-  for (let i = 0; i < segments.length; i++) {
-    if (LYRIC_LINE.test(segments[i])) {
-      while (i + 1 < segments.length && isLyricContinuation(segments[i + 1]))
-        i++;
+  for (let i2 = 0; i2 < segments.length; i2++) {
+    if (LYRIC_LINE.test(segments[i2])) {
+      while (i2 + 1 < segments.length && isLyricContinuation(segments[i2 + 1]))
+        i2++;
       continue;
     }
-    kept.push(segments[i]);
+    kept.push(segments[i2]);
   }
   return kept.join("\n");
 };
@@ -2162,7 +2361,7 @@ var FORMANTS = {
   N: [250, 1e3]
 };
 var midiToFreq = (m) => 440 * 2 ** ((m - 69) / 12);
-var createKlattVoice = (ctx, destination) => {
+var createKlattVoice = (ctx, destination, reverbBus) => {
   const active = /* @__PURE__ */ new Set();
   const voice = (syllable, e) => {
     const t0 = ctx.currentTime + e.when;
@@ -2172,14 +2371,21 @@ var createKlattVoice = (ctx, destination) => {
     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;
+    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);
+    }
     const osc = ctx.createOscillator();
     osc.type = "sawtooth";
     osc.frequency.value = midiToFreq(e.pitch);
@@ -2208,7 +2414,7 @@ var createKlattVoice = (ctx, destination) => {
       const length = Math.max(1, Math.floor(ctx.sampleRate * dur));
       const buffer = ctx.createBuffer(1, length, ctx.sampleRate);
       const data = buffer.getChannelData(0);
-      for (let i = 0; i < length; i++) data[i] = Math.random() * 2 - 1;
+      for (let i2 = 0; i2 < length; i2++) data[i2] = Math.random() * 2 - 1;
       const src = ctx.createBufferSource();
       src.buffer = buffer;
       const hp = ctx.createBiquadFilter();
@@ -2235,6 +2441,7 @@ var createKlattVoice = (ctx, destination) => {
       active.delete(osc);
       osc.disconnect();
       panner?.disconnect();
+      sendGain?.disconnect();
     };
   };
   voice.stopAll = () => {
@@ -2253,6 +2460,7 @@ var KOE_BASE_URL = "https://pub-12482a6b5cbc4c9e906b2e1904cabae5.r2.dev";
 var KOE_VOICEBANKS = {
   tsukuyomi: "\u3064\u304F\u3088\u307F\u3061\u3083\u3093.koe",
   rino: "\u6625\u97F3\u30EA\u30CEver0.3.koe",
+  rino121: "\u6625\u97F3\u30EA\u30CEver.1.1(226).koe",
   roze: "\u675F\u97F3\u30ED\u30BCver0.\uFF151(\u591A\u97F3\u968E).koe",
   ruko_male: "\u6B32\u97F3\u30EB\u30B3\u2642\u9023\u7D9A\u97F3Ver.1.03.koe",
   ruko_female: "\u6B32\u97F3\u30EB\u30B3\u2640\u6B4C\u9023\u7D9A\u97F3\u666E1.00.koe",
@@ -2261,11 +2469,13 @@ var KOE_VOICEBANKS = {
   rei: "\u8DB3\u7ACB\u30EC\u30A4ver3.5.0.koe",
   mgroid: "MGRoid_\u539F\u97F3\u8A2D\u5B9A\u6E08\u307F.koe",
   motroid: "MOTRoid\u5B8C\u5168\u7248V2.koe",
-  nynroid: "NYNRoidver1.4.koe"
+  nynroid: "NYNRoidver1.4.koe",
+  uc: "\u84C4\u97F3\u30AD\u30EA\u30B3\u97F3\u6E90.koe"
 };
 var KOE_VOICEBANK_LABELS = {
   tsukuyomi: "\u3064\u304F\u3088\u307F\u3061\u3083\u3093",
   rino: "\u6625\u97F3\u30EA\u30CE",
+  rino121: "\u6625\u97F3\u30EA\u30CEv1.2.1",
   roze: "\u675F\u97F3\u30ED\u30BC",
   ruko_male: "\u6B32\u97F3\u30EB\u30B3\u2642",
   ruko_female: "\u6B32\u97F3\u30EB\u30B3\u2640",
@@ -2274,12 +2484,14 @@ var KOE_VOICEBANK_LABELS = {
   rei: "\u8DB3\u7ACB\u30EC\u30A4",
   mgroid: "MGRoid",
   motroid: "MOTRoid",
-  nynroid: "NYNRoid"
+  nynroid: "NYNRoid",
+  uc: "\u84C4\u97F3\u30AD\u30EA\u30B3"
 };
 var VOICE_IMAGE_KEY = {
   klatt: "puyuyu",
   tsukuyomi: "tsukuyomi",
   rino: "rino",
+  rino121: "rino",
   roze: "roze",
   ruko_male: "ruko",
   ruko_female: "ruko",
@@ -2288,11 +2500,13 @@ var VOICE_IMAGE_KEY = {
   rei: "rei",
   mgroid: "MGRoid",
   motroid: "MOTRoid",
-  nynroid: "NYNRoid"
+  nynroid: "NYNRoid",
+  uc: "uc"
 };
 var KOE_VOICEBANK_TERMS = {
   tsukuyomi: "https://tyc.rei-yumesaki.net/material/utau/terms/",
   rino: "https://hatenakun1.github.io/halunelino/",
+  rino121: "https://harunerino.vercel.app/",
   roze: "https://tabaneroze.ninja-web.net/terms-of-use.html",
   ruko_male: "https://long-sleeper.net/index.php?id=22",
   ruko_female: "https://long-sleeper.net/index.php?id=22",
@@ -2301,7 +2515,8 @@ var KOE_VOICEBANK_TERMS = {
   rei: "https://mechanicalgirl.jp/guidelines/",
   mgroid: "https://x.com/nisusansu/status/1048825378188353536",
   motroid: "https://www.nicovideo.jp/watch/sm40031282",
-  nynroid: "https://www.bilibili.com/video/BV1V24y1a7qs"
+  nynroid: "https://www.bilibili.com/video/BV1V24y1a7qs",
+  uc: "https://chi9nekiriko.wixsite.com/home/%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84"
 };
 var koeUrl = (name, base = KOE_BASE_URL) => `${base}/${encodeURIComponent(name)}`;
 var DEFAULT_WORLDLINE_SCRIPT = "https://onjmin.github.io/koe/demo/world/worldline.js";
@@ -2390,7 +2605,7 @@ var createLocalBackend = async (options) => {
     }
     return p;
   };
-  const renderAlias = async (alias, pitch, durationMs) => {
+  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];
@@ -2399,9 +2614,11 @@ var createLocalBackend = async (options) => {
     if (worldline) {
       const audio = worldline.renderNote({
         pcm,
-        pitch: targetHz,
+        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 };
     }
@@ -2466,7 +2683,7 @@ var createWorkerBackend = async (workerUrl, options) => {
   });
   onReady = null;
   onFail = null;
-  const renderAlias = (alias, pitch, durationMs) => new Promise((resolve) => {
+  const renderAlias = (alias, pitch, durationMs, vibrato, expr) => new Promise((resolve) => {
     const id = ++reqId;
     pending.set(
       id,
@@ -2479,7 +2696,10 @@ var createWorkerBackend = async (workerUrl, options) => {
       id,
       alias,
       pitch,
-      durationMs
+      durationMs,
+      vibrato,
+      gender: expr?.gender,
+      breathiness: expr?.breathiness
     });
   });
   return {
@@ -2508,15 +2728,21 @@ var createKoeVoice = async (ctx, destination, options) => {
   const inflight = /* @__PURE__ */ new Map();
   const active = /* @__PURE__ */ new Set();
   let prevVowel = "";
-  const keyOf = (alias, pitch, durationMs) => `${alias}|${pitch}|${Math.round(durationMs / 10) * 10}`;
-  const renderInto = (alias, pitch, durationMs) => {
-    const key = keyOf(alias, pitch, durationMs);
+  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);
+      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);
@@ -2531,15 +2757,22 @@ var createKoeVoice = async (ctx, destination, options) => {
     return p;
   };
   const LEADCAP_S = 0.09;
-  const schedule = (r, t0, peak, pan) => {
-    let out = destination;
+  const schedule = (r, t0, peak, pan, reverbSend = 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;
+    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);
+    }
     const src = ctx.createBufferSource();
     src.buffer = r.audio;
     src.playbackRate.value = r.rate;
@@ -2565,6 +2798,7 @@ var createKoeVoice = async (ctx, destination, options) => {
       src.disconnect();
       env.disconnect();
       panner?.disconnect();
+      sendGain?.disconnect();
     };
   };
   const model = (syllable, e) => {
@@ -2583,10 +2817,10 @@ 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);
+      if (r) schedule(r, t0, peak, pan, e.reverbSend, e.destination);
     });
   };
-  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs) => {
+  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs, vibrato, expr) => {
     if (syllable.consonant === "Q" || syllable.vowel === "") return null;
     const alias = resolveKoeAlias(
       backend.hasAlias,
@@ -2597,12 +2831,13 @@ var createKoeVoice = async (ctx, destination, options) => {
     );
     if (!alias) return null;
     const dMs = Math.max(60, durationMs);
-    const r = await renderInto(alias, pitch, dMs);
-    return r ? keyOf(alias, pitch, dMs) : null;
+    const vib = !!vibrato && dMs / 1e3 >= VIBRATO_MIN_SEC;
+    const r = await renderInto(alias, pitch, dMs, vib, expr);
+    return r ? keyOf(alias, pitch, dMs, vib, expr) : null;
   };
-  model.scheduleCached = (key, t0, peak, pan) => {
+  model.scheduleCached = (key, t0, peak, pan, reverbSend, dest) => {
     const r = renderCache.get(key);
-    if (r) schedule(r, t0, peak, pan);
+    if (r) schedule(r, t0, peak, pan, reverbSend, dest);
   };
   model.stopAll = () => {
     for (const src of active) {
@@ -2633,7 +2868,7 @@ var createSingingVoices = (ctx, destination, options = {}) => {
   const masterGain = ctx.createGain();
   masterGain.connect(destination);
   const loaded = /* @__PURE__ */ new Map([
-    [FALLBACK_MODEL, createKlattVoice(ctx, masterGain)]
+    [FALLBACK_MODEL, createKlattVoice(ctx, masterGain, options.reverbBus)]
   ]);
   const loading = /* @__PURE__ */ new Map();
   const load2 = (model) => {
@@ -2653,7 +2888,8 @@ var createSingingVoices = (ctx, destination, options = {}) => {
         koe,
         worldlineScriptUrl: options.worldlineScriptUrl,
         lightweight: options.lightweight,
-        voiceWorkerUrl: options.voiceWorkerUrl
+        voiceWorkerUrl: options.voiceWorkerUrl,
+        reverbBus: options.reverbBus
       })
     ))().then((v) => {
       loaded.set(m, v);
@@ -2695,10 +2931,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 });
+        tasks.push({ model: m, note, prevVowel, vibrato: track.vibrato, expr });
       });
     }
     const total = tasks.length;
@@ -2713,7 +2953,9 @@ var createSingingVoices = (ctx, destination, options = {}) => {
         task.note.syllable,
         task.prevVowel,
         task.note.pitch,
-        task.note.durationSec * 1e3
+        task.note.durationSec * 1e3,
+        task.vibrato,
+        task.expr
       ) ?? Promise.resolve(null));
       done++;
       onProgress?.(done, total);
@@ -2758,13 +3000,22 @@ var createSingingVoices = (ctx, destination, options = {}) => {
                 note.syllable,
                 prevVowel,
                 note.pitch,
-                note.durationSec * 1e3
+                note.durationSec * 1e3,
+                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);
+                  scheduleCached(
+                    key,
+                    t0,
+                    peak,
+                    track.pan,
+                    track.reverbSend,
+                    options.getTrackDestination?.(track.id ?? "")
+                  );
                   opts?.onScheduled?.(track, note, t0);
                 } else {
                   console.warn(
@@ -2777,13 +3028,15 @@ var createSingingVoices = (ctx, destination, options = {}) => {
           } else {
             const when = t0 - ctx.currentTime;
             model(note.syllable, {
-              trackId: "",
+              trackId: track.id ?? "",
               pitch: note.pitch,
               velocity: 100,
               volume: peak,
               when,
               duration: note.durationSec,
-              pan: track.pan
+              pan: track.pan,
+              reverbSend: track.reverbSend,
+              destination: options.getTrackDestination?.(track.id ?? "")
             });
             opts?.onScheduled?.(track, note, t0);
             await new Promise((resolve) => setTimeout(resolve, 0));
@@ -2842,8 +3095,10 @@ 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|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 parseMmlMeta = (mml) => {
   const meta = {};
   for (const m of mml.matchAll(META_DIRECTIVE)) {
@@ -2857,6 +3112,9 @@ 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 === "mode") {
       if (m[2] === "simple" || m[2] === "advanced") {
         meta.mode = m[2];
@@ -2871,9 +3129,25 @@ 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;
+    }
+  }
   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, "");
 var formatMmlMeta = (meta, space = "") => {
   const parts = [];
   if (meta.instrument) parts.push(`#inst=${meta.instrument}`);
@@ -2882,12 +3156,24 @@ 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.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}`);
+    }
+  }
   return parts.join(space);
 };
 var parseMML = (mml, options = {}) => {
@@ -5644,7 +5930,7 @@ var createSynth = (ctx, destination = ctx.destination, tone = {}) => {
     const length = Math.max(1, Math.floor(ctx.sampleRate * dur));
     const buffer = ctx.createBuffer(1, length, ctx.sampleRate);
     const data = buffer.getChannelData(0);
-    for (let i = 0; i < length; i++) data[i] = Math.random() * 2 - 1;
+    for (let i2 = 0; i2 < length; i2++) data[i2] = Math.random() * 2 - 1;
     const src = ctx.createBufferSource();
     src.buffer = buffer;
     const filter = ctx.createBiquadFilter();
@@ -6629,6 +6915,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;
@@ -6904,6 +7207,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) {
@@ -7565,6 +7899,9 @@ var teto_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAA
 // assets/tsukuyomi.png
 var tsukuyomi_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB3UlEQVR42tWXPUsDQRCGnwuijYIoFqKmEDSCxIgIgqnsogbsrC3ERiwN4g8Ikk6sFH+BnYofvcTKxoigBCzEYGGjWIiCOYvNBHe5TdQUt051czc3e++zO7tzHnUst7vn04BlFue9Ws8jhGxN9ZTPzU43NkIlj41E6AQ8m/JYfByAoWgXAPtHJzRCRN43SbizBkzlv1X2VzLuVoHYzf0TAMnys+aLCTGThMTJGnKfQOpyWF1cvgHQsh4FYPDzRd3vmQHgoPShJbi9uqhJyPk1UK3Jwsq1/115rLst8AX/4UFP0NsbGHf7+Kr579l7zR/ZGvbcrAJR7vvqEOwcTdZMYIuTPCYJUS7Ewydgzn2Bay2gdWzqR4nMuMPlhcC5l/HcWQOnCaU4lVU3xI9tnwFQnOgDoDmdDs5QKmlxYhdGmBA2ibhTBfKFHCkCm00dAKymJn+USAidHx8DkI+0q7PBUC7j5BJ7jlSB7RyXziVT8fM7Oz7AeLmsz3VEaWi7UvtAcmvJC+qmq4T/XT8gdTsw2692to07AF7jeU35wFq/7COqzhdVnVOnu3aHgNm1VpVXlImJX9zQffO5kDg1dlb3CNj6dZsVK2vAVP7Xf8bwCfxWuc23Eanmt/xlh07gC6oBviFE8rZHAAAAAElFTkSuQmCC";
 
+// assets/uc.png
+var uc_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB/ElEQVR42s2WPUhbURTHfxHniEEIVdvFmDaTiIJjBpcuGQrFr2JDaoeCkxRdAg6WVPAD20FwqEoUQUs7hdAuDaSbYNpGF6VxiaLooCCdREyHlxs4z/deEhG8Zwn/m8d57/+759x7XEAB53BxuyhU8lAN9xyusLfe8UvTrT4ALhr3q0ocSjsDiJ+c60Gg9q6dq1jYbATgTdeR3jVQW63z5t6nABxufBd6syMLQFemDYDA0jEA829nAPg8O6ApAVWNYW99RU7tQjkvkcDQw9kpAILa14B579203iqhmURqv1gDDIj+Vyesfl1Qbq/NNRFJ7gDwsblBPthh/AxuvQDgzORc33PgImv0r7vtgeV6icTkFQDvCBgL26ZEr04r+oD7J6D6P21DoqR3s0LnIntC+5YfC900ViT5xOiKkPeP6oKC3l1A6p+QblqE/tV/aZnoBpG09QsVcUVCHwLBvznxRyJotGsu+FCsj0zkLRPNjT8qOj9wrB39ZsJEIiGGt/Bq2HqPy5CwI2CeDZ9/WjHWQyFNCJjn9+TUN3GGr3auAXAdME6+TCYjEtTlv8rqf/Ze6C+vXwrnJTLaEfD0eBxvRXUL+vN+x4TRaFTon2sfAJhe/6H5bThU0w7A4vXvqmZBO+fmGO3rViQ0vwvsSMQH4wDEYrGKnKu9134e+A/zObZWSEHtdQAAAABJRU5ErkJggg==";
+
 // src/voice-images.ts
 var VOICE_IMAGES = {
   puyuyu: puyuyu_default,
@@ -7577,7 +7914,8 @@ var VOICE_IMAGES = {
   rei: rei_default,
   MGRoid: MGRoid_default,
   MOTRoid: MOTRoid_default,
-  NYNRoid: NYNRoid_default
+  NYNRoid: NYNRoid_default,
+  uc: uc_default
 };
 var FALLBACK_VOCAL_ICON = Chip_default;
 
@@ -7639,8 +7977,8 @@ var copyToClipboard = async (doc, text) => {
 };
 var toBase64Url = (bytes) => {
   let bin = "";
-  for (let i = 0; i < bytes.length; i++) {
-    bin += String.fromCharCode(bytes[i]);
+  for (let i2 = 0; i2 < bytes.length; i2++) {
+    bin += String.fromCharCode(bytes[i2]);
   }
   return btoa(bin).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 };
@@ -7653,8 +7991,8 @@ var SHIFT_KATAKANA = 255;
 var VALUE_PROLONGED = 223;
 var customEncode = (str) => {
   const bytes = [];
-  for (let i = 0; i < str.length; i++) {
-    const code = str.charCodeAt(i);
+  for (let i2 = 0; i2 < str.length; i2++) {
+    const code = str.charCodeAt(i2);
     if (code === 32) {
       continue;
     }
@@ -7696,37 +8034,37 @@ var fromBase64Url = (s) => {
   }
   const bin = atob(normalized);
   const bytes = new Uint8Array(bin.length);
-  for (let i = 0; i < bin.length; i++) {
-    bytes[i] = bin.charCodeAt(i);
+  for (let i2 = 0; i2 < bin.length; i2++) {
+    bytes[i2] = bin.charCodeAt(i2);
   }
   return bytes;
 };
 var customDecode = (bytes) => {
   let str = "";
-  let i = 0;
-  while (i < bytes.length) {
-    const byte = bytes[i];
+  let i2 = 0;
+  while (i2 < bytes.length) {
+    const byte = bytes[i2];
     if (byte <= 127) {
       str += String.fromCharCode(byte);
-      i++;
+      i2++;
     } else if (byte === VALUE_PROLONGED) {
       str += String.fromCharCode(PROLONGED_MARK);
-      i++;
+      i2++;
     } else if (byte >= 128 && byte <= 222) {
       str += String.fromCharCode(HIRAGANA_START + (byte - 128));
-      i++;
+      i2++;
     } else if (byte === SHIFT_KATAKANA) {
-      if (i + 1 < bytes.length) {
-        const nextByte = bytes[i + 1];
+      if (i2 + 1 < bytes.length) {
+        const nextByte = bytes[i2 + 1];
         if (nextByte >= 128 && nextByte <= 222) {
           str += String.fromCharCode(HIRAGANA_START + 96 + (nextByte - 128));
         }
-        i += 2;
+        i2 += 2;
       } else {
-        i++;
+        i2++;
       }
     } else {
-      i++;
+      i2++;
     }
   }
   return str;
@@ -8291,7 +8629,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
   const beatRow = doc.createElement("div");
   beatRow.className = "dtm-player-beat-row";
   const beatDots = [];
-  for (let i = 0; i < 4; i++) {
+  for (let i2 = 0; i2 < 4; i2++) {
     const d = doc.createElement("span");
     d.className = "dtm-player-beat-dot";
     beatRow.appendChild(d);
@@ -8395,9 +8733,9 @@ var mountMmlPlayer = (target, mml, options = {}) => {
         lane.appendChild(metaEl);
       }
       const count = Math.min(notes.length, lyricTrack.syllables.length);
-      for (let i = 0; i < count; i++) {
-        const note = notes[i];
-        if (breaks.has(i)) {
+      for (let i2 = 0; i2 < count; i2++) {
+        const note = notes[i2];
+        if (breaks.has(i2)) {
           const br = doc.createElement("span");
           br.className = "dtm-tk dtm-tk--break";
           br.textContent = "\\n";
@@ -8405,7 +8743,7 @@ var mountMmlPlayer = (target, mml, options = {}) => {
         }
         const span = doc.createElement("span");
         span.className = "dtm-tk dtm-tk--lyric";
-        span.textContent = lyricTrack.syllables[i].kana;
+        span.textContent = lyricTrack.syllables[i2].kana;
         lane.appendChild(span);
         laneTokens.push({
           el: span,
@@ -8558,8 +8896,8 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     const intStep = Math.floor(step);
     playStep = intStep;
     const beatIndex = Math.floor(step / STEPS_PER_BEAT2) % 4;
-    for (let i = 0; i < 4; i++)
-      beatDots[i].classList.toggle("dtm-player-beat-dot--on", i === beatIndex);
+    for (let i2 = 0; i2 < 4; i2++)
+      beatDots[i2].classList.toggle("dtm-player-beat-dot--on", i2 === beatIndex);
     barEl.textContent = String(Math.floor(step / STEPS_PER_BAR2) + 1);
     if (!isSeeking) {
       seekInput.value = String(Math.min(maxStep, Math.max(0, intStep)));
@@ -8654,11 +8992,11 @@ var mountMmlPlayer = (target, mml, options = {}) => {
     const semis = (lt.octave ?? 0) * 12;
     const count = Math.min(sorted.length, lt.syllables.length);
     const notes = [];
-    for (let i = 0; i < count; i++) {
-      const n = sorted[i];
+    for (let i2 = 0; i2 < count; i2++) {
+      const n = sorted[i2];
       if (n.startStep < fromStep) continue;
       notes.push({
-        syllable: lt.syllables[i],
+        syllable: lt.syllables[i2],
         pitch: n.pitch + semis,
         startSec: (n.startStep - fromStep) * secondsPerStep,
         durationSec: n.durationSteps * secondsPerStep * gate
@@ -8669,6 +9007,10 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       model: lt.model,
       volume: vocalVolumeToGain(lt.volume ?? DEFAULT_VOCAL_VOLUME),
       pan: panToStereo(lt.pan ?? DEFAULT_PAN),
+      vibrato: lt.vibrato,
+      reverbSend: (lt.reverb ?? 0) / 100,
+      gender: (lt.gender ?? 50) / 100,
+      breathiness: (lt.breathiness ?? 50) / 100,
       notes
     };
   });
@@ -8928,13 +9270,13 @@ var findZone = (ctx, fontName, zones, pitchs = []) => {
     for (const zone of zones) {
       const low = zone.keyRangeLow | 0, high = zone.keyRangeHigh | 0;
       if (low > high) continue;
-      for (let i = low; i <= high; i++) pitchs.push(i);
+      for (let i2 = low; i2 <= high; i2++) pitchs.push(i2);
     }
   const set = new Set(pitchs);
   const map = new Map(pitchs.map((v) => [v, zones[0]]));
-  for (let i = zones.length - 1; i >= 0; i--)
+  for (let i2 = zones.length - 1; i2 >= 0; i2--)
     for (const v of set) {
-      const zone = zones[i];
+      const zone = zones[i2];
       if (v < zone.keyRangeLow || v > zone.keyRangeHigh) continue;
       set.delete(v);
       map.set(v, { ...zone });
@@ -8964,13 +9306,13 @@ var adjustZone = async (ctx, fontName, zone) => {
     const decoded = atob(zone.sample);
     zone.buffer = ctx.createBuffer(1, decoded.length / 2, zone.sampleRate);
     const a = zone.buffer.getChannelData(0);
-    for (let i = 0; i < decoded.length / 2; i++) {
-      let b1 = decoded.charCodeAt(i * 2), b2 = decoded.charCodeAt(i * 2 + 1);
+    for (let i2 = 0; i2 < decoded.length / 2; i2++) {
+      let b1 = decoded.charCodeAt(i2 * 2), b2 = decoded.charCodeAt(i2 * 2 + 1);
       if (b1 < 0) b1 = 256 + b1;
       if (b2 < 0) b2 = 256 + b2;
       let n = b2 * 256 + b1;
       if (n >= 65536 / 2) n = n - 65536;
-      a[i] = n / 65536;
+      a[i2] = n / 65536;
     }
   } else if (zone.file) {
     const bytes = Uint8Array.from(atob(zone.file), (c) => c.charCodeAt(0));
@@ -9010,10 +9352,10 @@ var adjustZone = async (ctx, fontName, zone) => {
         let loopPeak = 0;
         if (oldBuf.numberOfChannels > 0) {
           const ch0 = oldBuf.getChannelData(0);
-          for (let i = 0; i < ch0.length; i++) {
-            const abs = Math.abs(ch0[i]);
+          for (let i2 = 0; i2 < ch0.length; i2++) {
+            const abs = Math.abs(ch0[i2]);
             if (abs > totalPeak) totalPeak = abs;
-            if (i >= loopStartFrame && i < loopEndFrame) {
+            if (i2 >= loopStartFrame && i2 < loopEndFrame) {
               if (abs > loopPeak) loopPeak = abs;
             }
           }
@@ -9032,16 +9374,16 @@ var adjustZone = async (ctx, fontName, zone) => {
           for (let ch = 0; ch < oldBuf.numberOfChannels; ch++) {
             const oldData = oldBuf.getChannelData(ch);
             const newData = newBuf.getChannelData(ch);
-            for (let i = 0; i < attackLength; i++) {
-              const ratio = attackLength > 1 ? i / (attackLength - 1) : 0;
+            for (let i2 = 0; i2 < attackLength; i2++) {
+              const ratio = attackLength > 1 ? i2 / (attackLength - 1) : 0;
               const m = 1 + (gainMultiplier - 1) * ratio;
-              newData[i] = oldData[i] * m;
+              newData[i2] = oldData[i2] * m;
             }
             let offset = attackLength;
             const loopData = oldData.subarray(loopStartFrame, loopEndFrame);
             const normalizedLoopData = new Float32Array(loopLengthFrame);
-            for (let i = 0; i < loopLengthFrame; i++) {
-              normalizedLoopData[i] = loopData[i] * gainMultiplier;
+            for (let i2 = 0; i2 < loopLengthFrame; i2++) {
+              normalizedLoopData[i2] = loopData[i2] * gainMultiplier;
             }
             for (let r = 0; r < repeatCount; r++) {
               newData.set(normalizedLoopData, offset);
@@ -9051,8 +9393,8 @@ var adjustZone = async (ctx, fontName, zone) => {
               const releaseData = oldData.subarray(loopEndFrame);
               if (gainMultiplier !== 1) {
                 const normalizedRelease = new Float32Array(releaseLength);
-                for (let i = 0; i < releaseLength; i++) {
-                  normalizedRelease[i] = releaseData[i] * gainMultiplier;
+                for (let i2 = 0; i2 < releaseLength; i2++) {
+                  normalizedRelease[i2] = releaseData[i2] * gainMultiplier;
                 }
                 newData.set(normalizedRelease, offset);
               } else {
@@ -9248,10 +9590,10 @@ var buildDisplayLines = (chords, eventsCount) => {
     if (segments.length === 0) continue;
     const hasMultiSeg = segments.length > 1;
     const parts = [];
-    for (let i = 0; i < segments.length; i++) {
-      if (hasMultiSeg && i > 0)
+    for (let i2 = 0; i2 < segments.length; i2++) {
+      if (hasMultiSeg && i2 > 0)
         parts.push({ text: "|", isChord: false, eventIdx: -1 });
-      const bar = segments[i].trim();
+      const bar = segments[i2].trim();
       if (!bar) continue;
       const splitAt = [];
       for (let j = 0; j < bar.length; j++) {
@@ -10370,6 +10712,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">
@@ -10407,13 +10750,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-track-body" data-dtm="track-body"></div>
     </div>
   </details>
@@ -10446,6 +10784,29 @@ 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>
+  </details>
+
   <details class="dtm-panel">
     <summary>\u30C9\u30E9\u30E0\u8A2D\u5B9A</summary>
     <div class="dtm-panel-body">
@@ -10611,6 +10972,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"),
@@ -10637,6 +10999,11 @@ var buildUI = (target, options) => {
     hScrollThumb: sel("hscroll-thumb"),
     masterVolume: sel("master-volume"),
     masterVolumeLabel: sel("master-volume-label"),
+    reverbAmount: sel("reverb-amount"),
+    reverbAmountLabel: sel("reverb-amount-label"),
+    reverbAmountInfoBtn: sel("reverb-amount-info"),
+    autoMasterBtn: sel("auto-master"),
+    autoMasterInfoBtn: sel("auto-master-info"),
     trackTabs: sel("track-tabs"),
     trackBody: sel("track-body"),
     drumSelect: sel("drum-select"),
@@ -10805,16 +11172,16 @@ var generateRandomPattern = (core, options) => {
   const scale = SCALES[Math.floor(Math.random() * SCALES.length)];
   const rootOffset = Math.floor(Math.random() * 12);
   const availablePitches = [];
-  for (let i = 0; i < 12; i++) {
-    const noteInOctave = (i - rootOffset + 12) % 12;
-    if (scale.includes(noteInOctave)) availablePitches.push(basePitch + i);
+  for (let i2 = 0; i2 < 12; i2++) {
+    const noteInOctave = (i2 - rootOffset + 12) % 12;
+    if (scale.includes(noteInOctave)) availablePitches.push(basePitch + i2);
   }
   core.beginBatch();
   for (let bar = 0; bar < numBars; bar++) {
     const barStart = startStep + bar * stepsPerBar;
     const numNotes = Math.floor(Math.random() * 4) + 2;
     const occupied = /* @__PURE__ */ new Set();
-    for (let i = 0; i < numNotes; i++) {
+    for (let i2 = 0; i2 < numNotes; i2++) {
       const stepInRange = Math.floor(Math.random() * (stepsPerBar / noteLength)) * noteLength;
       const step = barStart + stepInRange;
       if (occupied.has(step)) continue;
@@ -10915,10 +11282,10 @@ var STEPS_PER_BEAT3 = 48;
 var analyzeMidiTracks = (midi) => {
   const { tracks } = midi;
   const result = [];
-  for (let i = 0; i < tracks.length; i++) {
+  for (let i2 = 0; i2 < tracks.length; i2++) {
     const notes = [];
     let currentTime = 0;
-    for (const event of tracks[i]) {
+    for (const event of tracks[i2]) {
       currentTime += event.delta;
       if (event.noteOn && event.noteOn.velocity > 0) {
         notes.push({
@@ -10941,8 +11308,8 @@ var analyzeMidiTracks = (midi) => {
     const editableNotes = validNotes.filter((n) => n.channel !== 9);
     if (validNotes.length > 0 && editableNotes.length === 0) continue;
     result.push({
-      index: i,
-      name: `Ch${i + 1}`,
+      index: i2,
+      name: `Ch${i2 + 1}`,
       noteCount: editableNotes.length,
       selected: editableNotes.length > 0
     });
@@ -10989,8 +11356,8 @@ var extractMidiPlacements = (midi, selectedTrackIndices) => {
           const pitch = noteOff.noteNumber;
           const channel = event.channel ?? 0;
           if (channelNotes[channel]) {
-            for (let i = channelNotes[channel].length - 1; i >= 0; i--) {
-              const note = channelNotes[channel][i];
+            for (let i2 = channelNotes[channel].length - 1; i2 >= 0; i2--) {
+              const note = channelNotes[channel][i2];
               if (note.pitch === pitch && note.end === null) {
                 note.end = currentTime;
                 break;
@@ -11020,10 +11387,10 @@ var extractMidiPlacements = (midi, selectedTrackIndices) => {
     const avgPitch = validNotes.reduce((sum, n) => sum + n.pitch, 0) / validNotes.length;
     let maxSimultaneous = 0;
     const sortedNotes = [...validNotes].sort((a, b) => a.start - b.start);
-    for (let i = 0; i < sortedNotes.length; i++) {
+    for (let i2 = 0; i2 < sortedNotes.length; i2++) {
       let simultaneous = 1;
-      for (let j = i + 1; j < sortedNotes.length; j++) {
-        if (sortedNotes[j].start < sortedNotes[i].end) {
+      for (let j = i2 + 1; j < sortedNotes.length; j++) {
+        if (sortedNotes[j].start < sortedNotes[i2].end) {
           simultaneous++;
         }
       }
@@ -11034,14 +11401,14 @@ var extractMidiPlacements = (midi, selectedTrackIndices) => {
       const blocks = [];
       let blockStart = sortedNotes[0].start;
       let blockEnd = sortedNotes[0].end;
-      for (let i = 1; i < sortedNotes.length; i++) {
-        const gap = sortedNotes[i].start - sortedNotes[i - 1].end;
+      for (let i2 = 1; i2 < sortedNotes.length; i2++) {
+        const gap = sortedNotes[i2].start - sortedNotes[i2 - 1].end;
         if (gap >= ticksPerBar) {
           blocks.push({ start: blockStart, end: blockEnd });
-          blockStart = sortedNotes[i].start;
-          blockEnd = sortedNotes[i].end;
+          blockStart = sortedNotes[i2].start;
+          blockEnd = sortedNotes[i2].end;
         } else {
-          blockEnd = sortedNotes[i].end;
+          blockEnd = sortedNotes[i2].end;
         }
       }
       blocks.push({ start: blockStart, end: blockEnd });
@@ -11155,9 +11522,9 @@ var extractMidiPlacementsByTrack = (midi, selectedIndices, trackIds) => {
         const noteOff = event.noteOff || event.noteOn;
         if (noteOff) {
           const pitch = noteOff.noteNumber;
-          for (let i = active.length - 1; i >= 0; i--) {
-            if (active[i].pitch === pitch && active[i].end === null) {
-              active[i].end = currentTime;
+          for (let i2 = active.length - 1; i2 >= 0; i2--) {
+            if (active[i2].pitch === pitch && active[i2].end === null) {
+              active[i2].end = currentTime;
               break;
             }
           }
@@ -11322,17 +11689,17 @@ var extractDrumPatternFromNotes = (rawNotes, drumFont = "FluidR3_GM_sf2_file:0")
     let prev = bList[0];
     const parts = key.split("_");
     const noteObj = { step: +parts[0], pitch: +parts[1], velocity: +parts[2] };
-    for (let i = 1; i <= bList.length; i++) {
-      if (i === bList.length || bList[i] !== prev + 1) {
+    for (let i2 = 1; i2 <= bList.length; i2++) {
+      if (i2 === bList.length || bList[i2] !== prev + 1) {
         const rKey = `${start}-${prev}`;
         if (!rangeMap[rKey]) rangeMap[rKey] = [];
         rangeMap[rKey].push(noteObj);
-        if (i < bList.length) {
-          start = bList[i];
-          prev = bList[i];
+        if (i2 < bList.length) {
+          start = bList[i2];
+          prev = bList[i2];
         }
       } else {
-        prev = bList[i];
+        prev = bList[i2];
       }
     }
   }
@@ -11709,8 +12076,8 @@ var drawHeader = () => {
     (g_draw_offset_x + g_header_canvas.width) / (stepsPerBar * stepWidth)
   );
   for (let bar = startBar; bar <= endBar + 1; bar++) {
-    const x = bar * stepsPerBar * stepWidth;
-    const screenX = x;
+    const x2 = bar * stepsPerBar * stepWidth;
+    const screenX = x2;
     g_header_ctx.beginPath();
     g_header_ctx.moveTo(screenX, 0);
     g_header_ctx.lineTo(screenX, HEADER_HEIGHT);
@@ -11757,11 +12124,11 @@ var drawGrid = (noteLengthSteps = 1) => {
   const startX = Math.floor(g_draw_offset_x / (stepWidth * gridStep)) * stepWidth * gridStep;
   const endX = g_draw_offset_x + g_grid_canvas.width;
   const lineStep = stepWidth * gridStep;
-  for (let x = startX; x <= endX; x += lineStep) {
-    const step = x / stepWidth;
+  for (let x2 = startX; x2 <= endX; x2 += lineStep) {
+    const step = x2 / stepWidth;
     const isBarLine = step % stepsPerBar === 0;
     const isNoteLine = step % gridStep === 0;
-    const screenX = x - g_draw_offset_x;
+    const screenX = x2 - g_draw_offset_x;
     g_grid_ctx.beginPath();
     g_grid_ctx.strokeStyle = isBarLine ? "#3d405b" : isNoteLine ? "#242840" : "#1a1d30";
     g_grid_ctx.lineWidth = isBarLine ? 2 : 1;
@@ -11823,26 +12190,26 @@ var drawSelectedNotes = (notes, selectedIds, baseColor = [59, 130, 246, 1]) => {
 var getXY = (e) => {
   const { clientX, clientY } = e;
   const rect = g_grid_canvas.getBoundingClientRect();
-  const x = Math.floor(clientX - rect.left);
+  const x2 = Math.floor(clientX - rect.left);
   const y = Math.floor(clientY - rect.top);
-  return [x, y, e.buttons];
+  return [x2, y, e.buttons];
 };
 var getGridPosition = (e) => {
-  const [x, y] = getXY(e);
+  const [x2, y] = getXY(e);
   const { keyCount, pitchRangeStart, keyHeight, stepWidth } = g_config;
-  const step = Math.floor((x + g_draw_offset_x) / stepWidth);
+  const step = Math.floor((x2 + g_draw_offset_x) / stepWidth);
   const absoluteY = y + g_draw_offset_y;
   const yIndex = Math.floor(absoluteY / keyHeight);
   const pitch = keyCount - 1 - yIndex + pitchRangeStart;
-  return { step, pitch, x, y };
+  return { step, pitch, x: x2, y };
 };
 var onClick = (callback) => {
   g_grid_canvas.addEventListener(
     "click",
     (e) => {
-      const [x, y] = getXY(e);
+      const [x2, y] = getXY(e);
       const { keyCount, pitchRangeStart, keyHeight, stepWidth } = g_config;
-      const step = Math.floor((x + g_draw_offset_x) / stepWidth);
+      const step = Math.floor((x2 + g_draw_offset_x) / stepWidth);
       const absoluteY = y + g_draw_offset_y;
       const yIndex = Math.floor(absoluteY / keyHeight);
       const pitch = keyCount - 1 - yIndex + pitchRangeStart;
@@ -11854,8 +12221,8 @@ var onClick = (callback) => {
   );
   g_grid_canvas.addEventListener("contextmenu", (e) => e.preventDefault());
 };
-var setDrawOffset = (x, y) => {
-  g_draw_offset_x = x;
+var setDrawOffset = (x2, y) => {
+  g_draw_offset_x = x2;
   g_draw_offset_y = y;
   drawKeyboard();
   drawHeader();
@@ -12170,12 +12537,12 @@ var MMLCore = class _MMLCore {
         currentCursor += steps;
       }
     };
-    for (let i = 0; i < sortedSteps.length; i++) {
-      const startStep = sortedSteps[i];
+    for (let i2 = 0; i2 < sortedSteps.length; i2++) {
+      const startStep = sortedSteps[i2];
       const notes = notesByStep.get(startStep);
       if (!notes) continue;
       fillRests(startStep);
-      const nextStart = sortedSteps[i + 1] ?? endStep;
+      const nextStart = sortedSteps[i2 + 1] ?? endStep;
       const physicsLimit = nextStart - currentCursor;
       if (physicsLimit < MIN_STEP) {
         continue;
@@ -12240,10 +12607,10 @@ var decomposeToMonophonic = (notes) => {
   for (const note of sorted) {
     let assigned = -1;
     let minEnd = Infinity;
-    for (let i = 0; i < tracks.length; i++) {
-      if (trackEnds[i] <= note.startStep && trackEnds[i] < minEnd) {
-        minEnd = trackEnds[i];
-        assigned = i;
+    for (let i2 = 0; i2 < tracks.length; i2++) {
+      if (trackEnds[i2] <= note.startStep && trackEnds[i2] < minEnd) {
+        minEnd = trackEnds[i2];
+        assigned = i2;
       }
     }
     if (assigned === -1) {
@@ -12299,6 +12666,89 @@ var CHORD_INFO_HTML2 = `
   </ul>
 </div>
 `;
+var VIBRATO_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <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>
+  <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 MASTER_REVERB_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</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\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</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\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\u3068\u91CF\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>
+  <h4>\u639B\u3051\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\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\u3092\u51FA\u767A\u70B9\u306B\u3001\u66F2\u306E\u30B8\u30E3\u30F3\u30EB\u3084\u7A7A\u9593\u306E\u5E83\u3055\u306E\u30A4\u30E1\u30FC\u30B8\u306B\u5408\u308F\u305B\u3066\u8ABF\u6574\u3059\u308B\u306E\u304C\u304A\u3059\u3059\u3081\u3067\u3059\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</p>
+  <ul>
+    <li>\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6: 20%</li>
+    <li>\u5168\u30C8\u30E9\u30C3\u30AF\u306E\u97F3\u5727\u5F37\u5316: 35%</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\u3001\u30EA\u30D0\u30FC\u30D6\u9001\u308A25%</li>
+  </ul>
+  <p style="margin-top:4px;"><small>\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 = `
 <div class="dtm-modal-body-content">
   <h4>1. MIDI\u30D5\u30A1\u30A4\u30EB\u3068\u306F</h4>
@@ -12502,7 +12952,7 @@ var LYRIC_MODEL_CATEGORIES = [
   },
   {
     label: "\u304A\u3093J",
-    models: ["roze", "shiyo", "rino"]
+    models: ["roze", "shiyo", "rino", "rino121", "uc"]
   },
   {
     label: "\u4E00\u822C",
@@ -12570,6 +13020,8 @@ var mountDAW = (target, options = {}) => {
   });
   refs.masterVolume.value = String(options.masterVolume ?? 50);
   refs.masterVolumeLabel.textContent = `${options.masterVolume ?? 50}%`;
+  refs.reverbAmount.value = String(options.reverbAmount ?? 0);
+  refs.reverbAmountLabel.textContent = `${options.reverbAmount ?? 0}%`;
   refs.drumVolume.value = String(options.drumVolume ?? 80);
   refs.drumVolumeLabel.textContent = `${options.drumVolume ?? 80}%`;
   const renderConfig = {
@@ -12585,6 +13037,9 @@ var mountDAW = (target, options = {}) => {
   let bpm = options.defaultBpm ?? DEFAULT_BPM;
   let masterVolume = options.masterVolume ?? 50;
   options.singingVoices?.setVolume(masterVolume / 100);
+  let reverbAmount = options.reverbAmount ?? 0;
+  let unsubscribeClip;
+  options.onReverbChange?.(reverbAmount);
   let drumVolume = options.drumVolume ?? 80;
   let currentDrumPattern = refs.drumSelect.value;
   let currentDrumFont = options.drumFont ?? "FluidR3_GM_sf2_file:0";
@@ -12662,7 +13117,11 @@ var mountDAW = (target, options = {}) => {
       vocalVolume: t.vocalVolume,
       vocalGate: t.vocalGate,
       vocalPan: t.vocalPan,
-      vocalOctave: t.vocalOctave
+      vocalOctave: t.vocalOctave,
+      vocalVibrato: t.vocalVibrato,
+      vocalReverb: t.vocalReverb,
+      vocalGender: t.vocalGender,
+      vocalBreathiness: t.vocalBreathiness
     };
     if (lyricsDebounceTimer) clearTimeout(lyricsDebounceTimer);
     lyricsDebounceTimer = setTimeout(() => {
@@ -12722,25 +13181,35 @@ var mountDAW = (target, options = {}) => {
         vocalGate: 100,
         vocalPan: 64,
         vocalOctave: 0,
-        trackInstrument: ""
+        vocalVibrato: false,
+        vocalReverb: 0,
+        vocalGender: 50,
+        vocalBreathiness: 50,
+        trackInstrument: "",
+        trackCompression: 0,
+        trackWidth: 100
       };
     });
   };
   const buildLyricsMap = () => {
     const map = /* @__PURE__ */ new Map();
-    trackStates.forEach((t, i) => {
+    trackStates.forEach((t, i2) => {
       const model = t.lyricModel.trim();
       const text = t.lyrics.trim();
       if (!model || !text) return;
       const syllables = normalizeLyrics(text);
       if (syllables.length === 0) return;
-      map.set(i, {
-        trackId: i,
+      map.set(i2, {
+        trackId: i2,
         model: model.toLowerCase(),
         volume: t.vocalVolume,
         gate: t.vocalGate,
         pan: t.vocalPan,
         octave: t.vocalOctave,
+        vibrato: t.vocalVibrato,
+        reverb: t.vocalReverb,
+        gender: t.vocalGender,
+        breathiness: t.vocalBreathiness,
         syllables
       });
     });
@@ -12780,15 +13249,15 @@ var mountDAW = (target, options = {}) => {
     const ctx = getGridContext();
     const canvas = getGridCanvas();
     if (!ctx) return;
-    const x = playStartStep * renderConfig.stepWidth - currentOffsetX;
-    if (x < -10 || x > canvas.width + 10) return;
+    const x2 = playStartStep * renderConfig.stepWidth - currentOffsetX;
+    if (x2 < -10 || x2 > canvas.width + 10) return;
     ctx.save();
     ctx.strokeStyle = "#ffec27";
     ctx.lineWidth = 2;
     ctx.setLineDash([4, 4]);
     ctx.beginPath();
-    ctx.moveTo(x, 0);
-    ctx.lineTo(x, canvas.height);
+    ctx.moveTo(x2, 0);
+    ctx.lineTo(x2, canvas.height);
     ctx.stroke();
     ctx.restore();
   };
@@ -12796,14 +13265,14 @@ var mountDAW = (target, options = {}) => {
     const ctx = getGridContext();
     const canvas = getGridCanvas();
     if (!ctx) return;
-    const x = currentPlayStep * renderConfig.stepWidth - currentOffsetX;
-    if (x < 0 || x > canvas.width) return;
+    const x2 = currentPlayStep * renderConfig.stepWidth - currentOffsetX;
+    if (x2 < 0 || x2 > canvas.width) return;
     ctx.save();
     ctx.strokeStyle = "#ff004d";
     ctx.lineWidth = 2;
     ctx.beginPath();
-    ctx.moveTo(x, 0);
-    ctx.lineTo(x, canvas.height);
+    ctx.moveTo(x2, 0);
+    ctx.lineTo(x2, canvas.height);
     ctx.stroke();
     ctx.restore();
   };
@@ -12931,8 +13400,8 @@ var mountDAW = (target, options = {}) => {
       if (maxOffsetX <= 0) return;
       const rect = refs.hScroll.getBoundingClientRect();
       const thumbW = Number.parseFloat(refs.hScrollThumb.style.width) || 40;
-      const x = clamp3(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
-      const ratio = x / (rect.width - thumbW);
+      const x2 = clamp3(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
+      const ratio = x2 / (rect.width - thumbW);
       currentOffsetX = clamp3(ratio * maxOffsetX, 0, maxOffsetX);
       setDrawOffset(currentOffsetX, currentOffsetY);
       redrawAll();
@@ -12959,13 +13428,60 @@ var mountDAW = (target, options = {}) => {
   let selectionStart = null;
   let selectedOriginal = [];
   let lastMultiPreviewPitch = null;
+  const AUTO_SCROLL_MARGIN = 30;
+  const AUTO_SCROLL_MAX_SPEED = 22;
+  let autoScrollRAF = null;
+  let lastMoveEvent = null;
+  const computeEdgeSpeed = (pos, size) => {
+    if (pos < AUTO_SCROLL_MARGIN) {
+      const t = (AUTO_SCROLL_MARGIN - pos) / AUTO_SCROLL_MARGIN;
+      return -Math.ceil(t * AUTO_SCROLL_MAX_SPEED);
+    }
+    if (pos > size - AUTO_SCROLL_MARGIN) {
+      const t = (pos - (size - AUTO_SCROLL_MARGIN)) / AUTO_SCROLL_MARGIN;
+      return Math.ceil(t * AUTO_SCROLL_MAX_SPEED);
+    }
+    return 0;
+  };
+  const stopAutoScroll = () => {
+    if (autoScrollRAF !== null) {
+      cancelAnimationFrame(autoScrollRAF);
+      autoScrollRAF = null;
+    }
+    lastMoveEvent = null;
+  };
+  const autoScrollTick = () => {
+    autoScrollRAF = null;
+    if (!isSelecting || !lastMoveEvent) return;
+    const canvas = getGridCanvas();
+    const { x: x2, y } = getGridPosition(lastMoveEvent);
+    const dx = computeEdgeSpeed(x2, canvas.width);
+    const dy = computeEdgeSpeed(y, canvas.height);
+    if (dx !== 0 || dy !== 0) {
+      const maxOffsetX = getMaxOffsetX();
+      const maxOffsetY = getMaxOffsetY();
+      currentOffsetX = clamp3(currentOffsetX + dx, 0, maxOffsetX);
+      currentOffsetY = clamp3(currentOffsetY + dy, 0, maxOffsetY);
+      setDrawOffset(currentOffsetX, currentOffsetY);
+      onPointerMove(lastMoveEvent);
+    }
+    if (isSelecting) {
+      autoScrollRAF = requestAnimationFrame(autoScrollTick);
+    }
+  };
+  const ensureAutoScroll = (event) => {
+    lastMoveEvent = event;
+    if (autoScrollRAF === null) {
+      autoScrollRAF = requestAnimationFrame(autoScrollTick);
+    }
+  };
   const playPreview = (pitch) => {
     if (isLoading) return;
     options.onResumeAudio?.();
     const active = getActive();
     dispatchNote(active.config.id, pitch, active.volume, 100, 0, 0.5);
   };
-  const findActiveNoteAt = (x, y, margin = 0) => {
+  const findActiveNoteAt = (x2, y, margin = 0) => {
     const active = getActive();
     const { stepWidth, keyHeight, keyCount, pitchRangeStart } = renderConfig;
     const offset = getDrawOffset();
@@ -12976,7 +13492,7 @@ var mountDAW = (target, options = {}) => {
       const w = note.durationSteps * stepWidth;
       const renderX = logicalX - offset.x;
       const renderY = logicalY - offset.y;
-      if (x >= renderX - margin && x <= renderX + w + margin && y >= renderY - margin && y <= renderY + keyHeight + margin)
+      if (x2 >= renderX - margin && x2 <= renderX + w + margin && y >= renderY - margin && y <= renderY + keyHeight + margin)
         return note;
     }
     return null;
@@ -12995,17 +13511,17 @@ var mountDAW = (target, options = {}) => {
   const onGridPointerDown = (event) => {
     event.preventDefault();
     options.onResumeAudio?.();
-    const { x, y, step, pitch } = getGridPosition(event);
+    const { x: x2, y, step, pitch } = getGridPosition(event);
     const active = getActive();
     if (activeToolMode === "eraser") {
       if (isActiveLocked()) return;
-      const note = findActiveNoteAt(x, y);
+      const note = findActiveNoteAt(x2, y);
       if (note) active.core.deleteNoteById(note.id);
       return;
     }
     if (activeToolMode === "select") {
       if (selectedNotes.length > 0) {
-        const clicked2 = findActiveNoteAt(x, y);
+        const clicked2 = findActiveNoteAt(x2, y);
         if (clicked2 && selectedNotes.some((n) => n.id === clicked2.id)) {
           selectedOriginal = selectedNotes.map((n) => ({
             id: n.id,
@@ -13014,7 +13530,7 @@ var mountDAW = (target, options = {}) => {
           }));
           isSelecting = true;
           dragMode = "move";
-          selectionStart = { x, y, step, pitch };
+          selectionStart = { x: x2, y, step, pitch };
           hasDragged = false;
           lastMultiPreviewPitch = null;
           return;
@@ -13022,7 +13538,7 @@ var mountDAW = (target, options = {}) => {
         selectedNotes = [];
         selectionRect = null;
       }
-      const clicked = findActiveNoteAt(x, y);
+      const clicked = findActiveNoteAt(x2, y);
       if (clicked) {
         selectedNotes = [clicked];
         selectedOriginal = [
@@ -13040,19 +13556,19 @@ var mountDAW = (target, options = {}) => {
         isSelecting = true;
         dragMode = "rect";
       }
-      selectionStart = { x, y, step, pitch };
+      selectionStart = { x: x2, y, step, pitch };
       hasDragged = false;
       return;
     }
     hasDragged = false;
-    const existing = findActiveNoteAt(x, y, TOUCH_HIT_MARGIN);
+    const existing = findActiveNoteAt(x2, y, TOUCH_HIT_MARGIN);
     if (existing) {
       playPreview(existing.pitch);
       const { stepWidth } = renderConfig;
       const offset = getDrawOffset();
       const renderX = existing.startStep * stepWidth - offset.x;
       const w = existing.durationSteps * stepWidth;
-      if (x >= renderX + w - resizeHandleWidth && x <= renderX + w) {
+      if (x2 >= renderX + w - resizeHandleWidth && x2 <= renderX + w) {
         dragState = {
           noteId: existing.id,
           mode: "resize",
@@ -13131,12 +13647,13 @@ var mountDAW = (target, options = {}) => {
       return;
     }
     if (activeToolMode === "select" && isSelecting && selectionStart) {
-      const { x, y, step, pitch } = getGridPosition(event);
+      ensureAutoScroll(event);
+      const { x: x2, y, step, pitch } = getGridPosition(event);
       if (dragMode === "rect") {
         const rect = {
-          x: Math.min(x, selectionStart.x),
+          x: Math.min(x2, selectionStart.x),
           y: Math.min(y, selectionStart.y),
-          width: Math.abs(x - selectionStart.x),
+          width: Math.abs(x2 - selectionStart.x),
           height: Math.abs(y - selectionStart.y)
         };
         selectionRect = rect;
@@ -13149,7 +13666,7 @@ var mountDAW = (target, options = {}) => {
           const nx = logicalX - offset.x;
           const ny = logicalY - offset.y;
           const nw = note.durationSteps * stepWidth;
-          return rect.x < nx + nw && rect.x + rect.width > nx && rect.y < ny + keyHeight && rect.y + rect.height > ny;
+          return nx >= rect.x && nx + nw <= rect.x + rect.width && ny >= rect.y && ny + keyHeight <= rect.y + rect.height;
         });
         redrawAll();
       } else {
@@ -13206,8 +13723,11 @@ var mountDAW = (target, options = {}) => {
       selectionStart = null;
       hasDragged = false;
       lastMultiPreviewPitch = null;
-      selectionRect = null;
+      if (dragMode !== "rect" || selectedNotes.length === 0) {
+        selectionRect = null;
+      }
       selectedOriginal = [];
+      stopAutoScroll();
       redrawAll();
     }
   };
@@ -13355,8 +13875,8 @@ var mountDAW = (target, options = {}) => {
     headerCanvas.addEventListener("click", (event) => {
       if (playbackState === "playing") return;
       const rect = headerCanvas.getBoundingClientRect();
-      const x = event.clientX - rect.left;
-      const step = Math.floor((x + currentOffsetX) / renderConfig.stepWidth);
+      const x2 = event.clientX - rect.left;
+      const step = Math.floor((x2 + currentOffsetX) / renderConfig.stepWidth);
       playStartStep = Math.max(
         0,
         Math.floor(step / snapGridSteps) * snapGridSteps
@@ -13477,11 +13997,11 @@ var mountDAW = (target, options = {}) => {
       const semis = (lt.octave ?? 0) * 12;
       const count = Math.min(sorted.length, lt.syllables.length);
       const notes = [];
-      for (let i = 0; i < count; i++) {
-        const n = sorted[i];
+      for (let i2 = 0; i2 < count; i2++) {
+        const n = sorted[i2];
         if (n.startStep < fromStep) continue;
         notes.push({
-          syllable: lt.syllables[i],
+          syllable: lt.syllables[i2],
           pitch: n.pitch + semis,
           startSec: (n.startStep - fromStep) * secondsPerStep,
           durationSec: n.durationSteps * secondsPerStep * gate
@@ -13492,6 +14012,10 @@ var mountDAW = (target, options = {}) => {
         model: lt.model,
         volume: vocalVolumeToGain(lt.volume ?? DEFAULT_VOCAL_VOLUME),
         pan: panToStereo(lt.pan ?? DEFAULT_PAN),
+        vibrato: lt.vibrato,
+        reverbSend: (lt.reverb ?? 0) / 100,
+        gender: (lt.gender ?? 50) / 100,
+        breathiness: (lt.breathiness ?? 50) / 100,
         notes
       };
     }) : [];
@@ -13580,13 +14104,13 @@ var mountDAW = (target, options = {}) => {
   const updateTrackPanel = () => {
     refs.trackTabs.innerHTML = "";
     trackPillEls.clear();
-    for (const [i, t] of trackStates.entries()) {
+    for (const [i2, t] of trackStates.entries()) {
       const [r, g, b] = t.config.color;
       const btn = document.createElement("button");
       btn.className = `dtm-pill ${t.config.id === activeTrackId ? "dtm-pill--active" : ""}`;
       btn.style.setProperty("--dtm-pill-color", `rgb(${r},${g},${b})`);
       btn.title = t.config.name;
-      btn.textContent = String(i + 1);
+      btn.textContent = String(i2 + 1);
       btn.addEventListener("click", () => switchTrack(t.config.id));
       refs.trackTabs.appendChild(btn);
       trackPillEls.set(t.config.id, btn);
@@ -13597,7 +14121,22 @@ 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\uFF08\u97F3\u5727\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\uFF09</summary>
+        <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"]'
     );
@@ -13614,6 +14153,47 @@ 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 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>`;
@@ -13677,13 +14257,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>
         <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)">
@@ -13709,11 +14282,48 @@ 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>
+        <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">\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);
@@ -13747,6 +14357,51 @@ var mountDAW = (target, options = {}) => {
       const lyricPanLabel = lyricDiv.querySelector(
         '[data-dtm="lyric-pan-label"]'
       );
+      const lyricReverb = lyricDiv.querySelector(
+        '[data-dtm="lyric-reverb"]'
+      );
+      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 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"]'
+      );
+      const lyricVibratoInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-vibrato-info"]'
+      );
+      lyricVibratoInfo.addEventListener("click", () => {
+        showModal("\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u89E3\u8AAC", VIBRATO_INFO_HTML);
+      });
       const lyricTerms = lyricDiv.querySelector(
         '[data-dtm="lyric-terms"]'
       );
@@ -13808,6 +14463,13 @@ var mountDAW = (target, options = {}) => {
       lyricVolLabel.textContent = String(active.vocalVolume);
       lyricPan.value = String(active.vocalPan);
       lyricPanLabel.textContent = fmtPan(active.vocalPan);
+      lyricReverb.value = String(active.vocalReverb);
+      lyricReverbLabel.textContent = `${active.vocalReverb}%`;
+      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;
         lyricCount.textContent = active.lyricModel && n > 0 ? `${n}\u97F3\u7BC0` : "";
@@ -13857,7 +14519,6 @@ var mountDAW = (target, options = {}) => {
       };
       const syncLyricVisibility = () => {
         lyricBody.style.display = active.lyricModel ? "" : "none";
-        lyricOctaveSel.style.display = active.lyricModel ? "" : "none";
         updateLyricCount();
         syncLyricTerms();
         syncLyricIcon();
@@ -13926,6 +14587,10 @@ var mountDAW = (target, options = {}) => {
         active.vocalOctave = Number.parseInt(lyricOctaveSel.value, 10);
         fireLyricsChange(active);
       });
+      lyricVibrato.addEventListener("change", () => {
+        active.vocalVibrato = lyricVibrato.checked;
+        fireLyricsChange(active);
+      });
       lyricInput.addEventListener("input", () => {
         active.lyrics = lyricInput.value;
         updateLyricCount();
@@ -13949,6 +14614,21 @@ var mountDAW = (target, options = {}) => {
         lyricPanLabel.textContent = fmtPan(64);
         fireLyricsChange(active);
       });
+      lyricReverb.addEventListener("input", () => {
+        active.vocalReverb = Number.parseInt(lyricReverb.value, 10);
+        lyricReverbLabel.textContent = `${active.vocalReverb}%`;
+        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");
@@ -14032,18 +14712,28 @@ 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 = {};
-    trackStates.forEach((t, i) => {
-      if (t.trackInstrument) trackInstrumentsForMeta[i] = t.trackInstrument;
+    const trackCompressionForMeta = {};
+    const trackWidthForMeta = {};
+    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;
     });
     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 metaLineFull = formatMmlMeta(
       {
         instrument: currentInstrument || void 0,
         drum: currentDrumPattern !== "none" ? currentDrumPattern : void 0,
         volume: masterVolume,
         drumVolume,
+        reverb: reverbAmount,
         mode,
-        trackInstruments: trackInstMeta
+        trackInstruments: trackInstMeta,
+        trackCompression: trackCompMeta,
+        trackWidth: trackWidthMeta
       },
       " "
     );
@@ -14053,8 +14743,11 @@ var mountDAW = (target, options = {}) => {
         drum: currentDrumPattern !== "none" ? currentDrumPattern : void 0,
         volume: masterVolume,
         drumVolume,
+        reverb: reverbAmount,
         mode,
-        trackInstruments: trackInstMeta
+        trackInstruments: trackInstMeta,
+        trackCompression: trackCompMeta,
+        trackWidth: trackWidthMeta
       },
       ""
     );
@@ -14068,10 +14761,10 @@ var mountDAW = (target, options = {}) => {
       const monoTracks = decomposeToMonophonic(allNotes);
       const refCore = trackStates[0].core;
       const decomposedFull = monoTracks.map(
-        (notes, i) => `@${i} ${refCore.getMMLFromNotes(notes, bpm, 100).trim()}`
+        (notes, i2) => `@${i2} ${refCore.getMMLFromNotes(notes, bpm, 100).trim()}`
       );
       const decomposedMini = monoTracks.map(
-        (notes, i) => `@${i}${refCore.getMMLFromNotes(notes, bpm, 100).trim().replace(/\s+/g, "")}`
+        (notes, i2) => `@${i2}${refCore.getMMLFromNotes(notes, bpm, 100).trim().replace(/\s+/g, "")}`
       );
       const full2 = [metaLineFull, ...decomposedFull, MML_END_MARKER].filter((s) => s.length > 0).join(";\n");
       const minified2 = [metaLineMini, ...decomposedMini, MML_END_MARKER].filter((s) => s.length > 0).join(";");
@@ -14085,34 +14778,42 @@ var mountDAW = (target, options = {}) => {
     }
     const trackLines = [];
     const trackLinesMini = [];
-    trackStates.forEach((t, i) => {
+    trackStates.forEach((t, i2) => {
       const notes = clipNotes(t.core.getNotes());
       if (notes.length > 0) {
         const mml = t.core.getMMLFromNotes(notes, bpm, t.volume).trim();
-        trackLines.push(`@${i} ${mml}`);
-        trackLinesMini.push(`@${i}${mml.replace(/\s+/g, "")}`);
+        trackLines.push(`@${i2} ${mml}`);
+        trackLinesMini.push(`@${i2}${mml.replace(/\s+/g, "")}`);
       }
     });
-    const lyricLines = trackStates.map((t, i) => ({
-      i,
+    const lyricLines = trackStates.map((t, i2) => ({
+      i: i2,
       notes: clipNotes(t.core.getNotes()),
       text: t.lyrics.replace(/[\r\n]+/g, " ").trim(),
       model: t.lyricModel.trim(),
       vol: t.vocalVolume,
       gate: t.vocalGate,
       pan: t.vocalPan,
-      oct: t.vocalOctave
+      oct: t.vocalOctave,
+      vib: t.vocalVibrato,
+      rev: t.vocalReverb,
+      gen: t.vocalGender,
+      bre: t.vocalBreathiness
     })).filter(
-      (x) => x.model.length > 0 && x.text.length > 0 && x.notes.length > 0
-    ).map((x) => {
+      (x2) => x2.model.length > 0 && x2.text.length > 0 && x2.notes.length > 0
+    ).map((x2) => {
       const params = [
-        x.vol === DEFAULT_VOCAL_VOLUME ? "" : `v${x.vol}`,
-        x.gate === 100 ? "" : `q${x.gate}`,
-        x.pan === 64 ? "" : `p${x.pan}`,
-        x.oct === 0 ? "" : `o${x.oct}`
+        x2.vol === DEFAULT_VOCAL_VOLUME ? "" : `v${x2.vol}`,
+        x2.gate === 100 ? "" : `q${x2.gate}`,
+        x2.pan === 64 ? "" : `p${x2.pan}`,
+        x2.oct === 0 ? "" : `o${x2.oct}`,
+        x2.vib ? "b1" : "",
+        x2.rev === 0 ? "" : `r${x2.rev}`,
+        x2.gen === 50 ? "" : `g${x2.gen}`,
+        x2.bre === 50 ? "" : `h${x2.bre}`
       ].filter((s) => s.length > 0).join(" ");
-      const head = params ? `${x.model} ${params}` : x.model;
-      return `@@${x.i} ${head} ${x.text}`;
+      const head = params ? `${x2.model} ${params}` : x2.model;
+      return `@@${x2.i} ${head} ${x2.text}`;
     });
     const customVocalDecls = [];
     for (const [key, def] of customVocalsMap) {
@@ -14249,18 +14950,37 @@ 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);
+      }
     }
-    trackStates.forEach((t, i) => {
-      if (applyActiveOnly && i !== activeTrackIndex) return;
-      const name = normalizeInstrumentName(meta.trackInstruments?.[i] ?? "");
+    trackStates.forEach((t, i2) => {
+      if (applyActiveOnly && i2 !== activeTrackIndex) return;
+      const name = normalizeInstrumentName(meta.trackInstruments?.[i2] ?? "");
       if (t.trackInstrument !== name) {
         t.trackInstrument = name;
-        options.onTrackInstrumentChange?.(i, name);
+        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);
       }
     });
-    trackStates.forEach((t, i) => {
-      if (applyActiveOnly && i !== activeTrackIndex) return;
-      const v = trackVelocity.get(i);
+    trackStates.forEach((t, i2) => {
+      if (applyActiveOnly && i2 !== activeTrackIndex) return;
+      const v = trackVelocity.get(i2);
       if (v !== void 0 && v !== t.volume) {
         t.volume = v;
         t.core.setVolume(v);
@@ -14274,6 +14994,10 @@ var mountDAW = (target, options = {}) => {
       active.vocalGate = 100;
       active.vocalPan = 64;
       active.vocalOctave = 0;
+      active.vocalVibrato = false;
+      active.vocalReverb = 0;
+      active.vocalGender = 50;
+      active.vocalBreathiness = 50;
     } else {
       for (const t of trackStates) {
         t.lyrics = "";
@@ -14282,6 +15006,10 @@ var mountDAW = (target, options = {}) => {
         t.vocalGate = 100;
         t.vocalPan = 64;
         t.vocalOctave = 0;
+        t.vocalVibrato = false;
+        t.vocalReverb = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     lyrics?.forEach((lt) => {
@@ -14294,6 +15022,10 @@ var mountDAW = (target, options = {}) => {
       t.vocalGate = lt.gate;
       t.vocalPan = lt.pan;
       t.vocalOctave = lt.octave ?? 0;
+      t.vocalVibrato = lt.vibrato ?? false;
+      t.vocalReverb = lt.reverb ?? 0;
+      t.vocalGender = lt.gender ?? 50;
+      t.vocalBreathiness = lt.breathiness ?? 50;
     });
     for (const p of placements) {
       if (applyActiveOnly && p.trackIndex !== activeTrackIndex) continue;
@@ -14372,6 +15104,10 @@ var mountDAW = (target, options = {}) => {
       active.vocalGate = 100;
       active.vocalPan = 64;
       active.vocalOctave = 0;
+      active.vocalVibrato = false;
+      active.vocalReverb = 0;
+      active.vocalGender = 50;
+      active.vocalBreathiness = 50;
     } else {
       clearAll();
       for (const t of trackStates) t.core.setLoadMode(true);
@@ -14382,6 +15118,10 @@ var mountDAW = (target, options = {}) => {
         t.vocalGate = 100;
         t.vocalPan = 64;
         t.vocalOctave = 0;
+        t.vocalVibrato = false;
+        t.vocalReverb = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
@@ -14516,6 +15256,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"));
@@ -14591,6 +15337,35 @@ var mountDAW = (target, options = {}) => {
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     });
+    refs.reverbAmount.addEventListener("input", () => {
+      reverbAmount = Number.parseInt(refs.reverbAmount.value, 10) || 0;
+      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.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);
+      for (const t of trackStates) {
+        t.trackCompression = 35;
+        t.trackWidth = 115;
+        options.onTrackCompressionChange?.(t.config.id, 35);
+        options.onTrackWidthChange?.(t.config.id, 115);
+        if (t.lyricModel) {
+          t.vocalVibrato = true;
+          t.vocalReverb = 25;
+          fireLyricsChange(t);
+        }
+      }
+      updateTrackPanel();
+    });
     refs.drumSelect.addEventListener("change", () => {
       currentDrumPattern = refs.drumSelect.value;
       options.onDrumChange?.(currentDrumPattern);
@@ -14871,7 +15646,7 @@ var mountDAW = (target, options = {}) => {
         console.error(e);
       }
       refs.midiTrackSelection.innerHTML = `<span class="dtm-label">\u30C8\u30E9\u30C3\u30AF</span>`;
-      detectedTracks.forEach((t, i) => {
+      detectedTracks.forEach((t, i2) => {
         const btn = document.createElement("button");
         btn.className = `dtm-btn ${t.selected ? "dtm-btn--primary" : "dtm-btn--ghost"}`;
         btn.dataset.selected = String(t.selected);
@@ -14883,7 +15658,7 @@ var mountDAW = (target, options = {}) => {
           btn.classList.toggle("dtm-btn--ghost", !on);
         });
         refs.midiTrackSelection.appendChild(btn);
-        if (i === 0) refs.midiTrackSelection.dataset.ready = "1";
+        if (i2 === 0) refs.midiTrackSelection.dataset.ready = "1";
       });
       refs.midiTrackSelection.classList.remove("dtm-hidden");
       refs.overlay.hidden = true;
@@ -14893,9 +15668,9 @@ var mountDAW = (target, options = {}) => {
       if (!pendingMidi) return;
       const selected = [];
       const btns = refs.midiTrackSelection.querySelectorAll("button");
-      btns.forEach((b, i) => {
+      btns.forEach((b, i2) => {
         if (b.dataset.selected === "true")
-          selected.push(detectedTracks[i].index);
+          selected.push(detectedTracks[i2].index);
       });
       if (selected.length === 0) return;
       if (!isAdvanced && options.onRequestAdvancedMode && selected.length > trackStates.length) {
@@ -14929,7 +15704,7 @@ var mountDAW = (target, options = {}) => {
     const refCore = trackStates[0].core;
     const tempo = Math.round(parsedBpm) || bpm;
     const lines = [];
-    let i = 0;
+    let i2 = 0;
     for (const notes of byTrack.values()) {
       const asNotes = notes.map((p) => ({
         id: 0,
@@ -14939,8 +15714,8 @@ var mountDAW = (target, options = {}) => {
         velocity: p.velocity
       }));
       const mml = refCore.getMMLFromNotes(asNotes, tempo, 100).trim();
-      lines.push(`@${i} ${mml}`);
-      i++;
+      lines.push(`@${i2} ${mml}`);
+      i2++;
     }
     return [...lines, MML_END_MARKER].join(";\n");
   };
@@ -15555,6 +16330,12 @@ var mountDAW = (target, options = {}) => {
       refs.drumVolume.value = String(drumVolume);
       refs.drumVolumeLabel.textContent = `${drumVolume}%`;
     },
+    setReverbAmount: (amount) => {
+      reverbAmount = clamp3(amount, 0, 100);
+      refs.reverbAmount.value = String(reverbAmount);
+      refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
+      options.onReverbChange?.(reverbAmount);
+    },
     applyPatch: (trackId, added, removed) => {
       const track = trackStates.find((t) => t.config.id === trackId);
       if (!track) return;
@@ -15594,6 +16375,10 @@ var mountDAW = (target, options = {}) => {
       t.vocalGate = data.vocalGate;
       t.vocalPan = data.vocalPan;
       t.vocalOctave = data.vocalOctave;
+      t.vocalVibrato = data.vocalVibrato ?? false;
+      t.vocalReverb = data.vocalReverb ?? 0;
+      t.vocalGender = data.vocalGender ?? 50;
+      t.vocalBreathiness = data.vocalBreathiness ?? 50;
     },
     applyTrackInstrument: (trackIndex, instrumentName) => {
       const t = trackStates[trackIndex];
@@ -15604,21 +16389,22 @@ var mountDAW = (target, options = {}) => {
     },
     noteToCanvas: (step, pitch) => {
       const canvas = getGridCanvas();
-      const x = step * renderConfig.stepWidth - currentOffsetX;
+      const x2 = step * renderConfig.stepWidth - currentOffsetX;
       const y = (renderConfig.keyCount - 1 - pitch) * renderConfig.keyHeight - currentOffsetY;
-      const onScreen = x >= 0 && x <= canvas.width && y >= 0 && y <= canvas.height;
+      const onScreen = x2 >= 0 && x2 <= canvas.width && y >= 0 && y <= canvas.height;
       let side = null;
       if (!onScreen) {
-        if (x < 0) side = "left";
-        else if (x > canvas.width) side = "right";
+        if (x2 < 0) side = "left";
+        else if (x2 > canvas.width) side = "right";
         else if (y < 0) side = "top";
         else side = "bottom";
       }
-      return { x, y, onScreen, side };
+      return { x: x2, y, onScreen, side };
     },
     destroy: () => {
       sequencer.stop();
       options.singingVoices?.stopStream();
+      unsubscribeClip?.();
       resizeObserver.disconnect();
       document.removeEventListener("pointermove", onPointerMove);
       document.removeEventListener("pointerup", onPointerUp);
@@ -15694,11 +16480,11 @@ var playSingingMML = async (mml, options = {}) => {
     const semis = (lt.octave ?? 0) * 12;
     const count = Math.min(sorted.length, lt.syllables.length);
     const notes = [];
-    for (let i = 0; i < count; i++) {
-      const n = sorted[i];
+    for (let i2 = 0; i2 < count; i2++) {
+      const n = sorted[i2];
       if (n.startStep < fromStep) continue;
       notes.push({
-        syllable: lt.syllables[i],
+        syllable: lt.syllables[i2],
         pitch: n.pitch + semis,
         startSec: (n.startStep - fromStep) * secondsPerStep,
         durationSec: n.durationSteps * secondsPerStep * gate
@@ -15709,6 +16495,10 @@ var playSingingMML = async (mml, options = {}) => {
       model: lt.model,
       volume: vocalVolumeToGain(lt.volume ?? DEFAULT_VOCAL_VOLUME),
       pan: panToStereo(lt.pan ?? DEFAULT_PAN),
+      vibrato: lt.vibrato,
+      reverbSend: (lt.reverb ?? 0) / 100,
+      gender: (lt.gender ?? 50) / 100,
+      breathiness: (lt.breathiness ?? 50) / 100,
       notes
     };
   });
@@ -15923,7 +16713,7 @@ var createPianoRoll = (options, handlers) => {
   let dragState = null;
   let hasDragged = false;
   let lastPreviewPitch = null;
-  const findNoteAtPosition = (x, y) => {
+  const findNoteAtPosition = (x2, y) => {
     const { stepWidth, keyHeight, keyCount, pitchRangeStart } = getRenderConfig();
     const offset = getDrawOffset();
     for (const note of core.getNotes()) {
@@ -15934,7 +16724,7 @@ var createPianoRoll = (options, handlers) => {
       const h = keyHeight;
       const renderX = logicalX - offset.x;
       const renderY = logicalY - offset.y;
-      if (x >= renderX && x <= renderX + w && y >= renderY && y <= renderY + h) {
+      if (x2 >= renderX && x2 <= renderX + w && y >= renderY && y <= renderY + h) {
         return note;
       }
     }
@@ -15942,10 +16732,10 @@ var createPianoRoll = (options, handlers) => {
   };
   const handlePointerMove = (e) => {
     if (core.getToolMode() === "select" && isSelecting && selectionStart) {
-      const { x, y } = getGridPosition(e);
-      const minX = Math.min(x, selectionStart.x);
+      const { x: x2, y } = getGridPosition(e);
+      const minX = Math.min(x2, selectionStart.x);
       const minY = Math.min(y, selectionStart.y);
-      const width2 = Math.abs(x - selectionStart.x);
+      const width2 = Math.abs(x2 - selectionStart.x);
       const height2 = Math.abs(y - selectionStart.y);
       selectionRect = { x: minX, y: minY, width: width2, height: height2 };
       selectedNotes = getNotesInRect(selectionRect);
@@ -16003,10 +16793,10 @@ var createPianoRoll = (options, handlers) => {
     }
   };
   gridCanvas.addEventListener("pointerdown", (e) => {
-    const { x, y, step, pitch } = getGridPosition(e);
+    const { x: x2, y, step, pitch } = getGridPosition(e);
     const currentMode = core.getToolMode();
     if (currentMode === "select") {
-      const clickedNote = findNoteAtPosition(x, y);
+      const clickedNote = findNoteAtPosition(x2, y);
       if (selectionRect && clickedNote) {
         const notesInRect = getNotesInRect(selectionRect);
         if (notesInRect.some((n) => n.id === clickedNote.id)) {
@@ -16027,10 +16817,10 @@ var createPianoRoll = (options, handlers) => {
       selectedNotes = [];
       selectionRect = null;
       isSelecting = true;
-      selectionStart = { x, y, step, pitch };
+      selectionStart = { x: x2, y, step, pitch };
       return;
     }
-    const note = findNoteAtPosition(x, y);
+    const note = findNoteAtPosition(x2, y);
     if (!note) return;
     const { stepWidth, keyHeight, keyCount, pitchRangeStart } = getRenderConfig();
     const offset = getDrawOffset();
@@ -16040,7 +16830,7 @@ var createPianoRoll = (options, handlers) => {
     const renderX = logicalX - offset.x;
     const renderY = logicalY - offset.y;
     const w = note.durationSteps * stepWidth;
-    if (x >= renderX + w - resizeHandleWidth && x <= renderX + w && y >= renderY && y <= renderY + keyHeight) {
+    if (x2 >= renderX + w - resizeHandleWidth && x2 <= renderX + w && y >= renderY && y <= renderY + keyHeight) {
       dragState = {
         noteId: note.id,
         mode: "resize",
@@ -16316,6 +17106,166 @@ var isSupported = midiJsonParser.isSupported;
 var parseArrayBuffer = midiJsonParser.parseArrayBuffer;
 URL.revokeObjectURL(url);
 
+// src/channel-strip.ts
+var clamp4 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var compressionParams = (amount) => {
+  const t = clamp4(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 createChannelStrip = (ctx, destination, options = {}) => {
+  const input = ctx.createGain();
+  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(
+      clamp4(width, 0, 200) / 100,
+      ctx.currentTime,
+      0.02
+    );
+  };
+  setWidth(options.width ?? 100);
+  input.connect(compressor);
+  compressor.connect(splitter);
+  merger.connect(destination);
+  return {
+    input,
+    setCompression: applyCompression,
+    setWidth,
+    dispose: () => {
+      input.disconnect();
+      compressor.disconnect();
+      splitter.disconnect();
+      mid.disconnect();
+      sideSum.disconnect();
+      sideL.disconnect();
+      sideR.disconnect();
+      widthGain.disconnect();
+      widthInv.disconnect();
+      outL.disconnect();
+      outR.disconnect();
+      merger.disconnect();
+    }
+  };
+};
+
+// 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();
+    }
+  };
+};
+
+// 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;
+    }
+  }
+  return impulse;
+};
+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) => {
   if (!map.has(key)) map.set(key, new ctor());
@@ -16467,10 +17417,44 @@ 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);
+  const reverbConvolver = audioCtx.createConvolver();
+  reverbConvolver.buffer = createReverbImpulse(audioCtx);
+  reverbConvolver.normalize = true;
+  const reverbWetGain = audioCtx.createGain();
+  reverbWetGain.gain.value = reverbAmountToGain(options.reverbAmount ?? 0);
+  masterGain.connect(reverbConvolver);
+  reverbConvolver.connect(reverbWetGain);
+  const setReverbAmount = (amount) => {
+    reverbWetGain.gain.setTargetAtTime(
+      reverbAmountToGain(amount),
+      audioCtx.currentTime,
+      0.02
+    );
+  };
+  const finalMix = audioCtx.createGain();
+  masterGain.connect(finalMix);
+  reverbWetGain.connect(finalMix);
+  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();
@@ -16501,7 +17485,14 @@ var createDtmStudio = async (options = {}) => {
   const singingVoices = createSingingVoices(audioCtx, masterGain, {
     voiceWorkerUrl,
     voicebanks,
-    worldlineScriptUrl: options.worldlineScriptUrl
+    worldlineScriptUrl: options.worldlineScriptUrl,
+    // ボーカルトラック個別のリバーブセンド（`r`トークン）先。マスタリバーブの
+    // Convolver 入力へ直接センドする（masterGain 経由のドライ段は素通り）。
+    reverbBus: reverbConvolver,
+    // トラック単位チャンネルストリップ（コンプレッサー/ステレオワイド）の入口。
+    // 楽器と同じ getChannelStrip キャッシュを共有するので、演奏トラックと歌詞トラックが
+    // 同じ trackId を指していれば同じ処理が掛かる。
+    getTrackDestination: (trackId) => getChannelStrip(trackId).input
   });
   const listReady = new Promise((resolve) => {
     sfList.init();
@@ -16731,7 +17722,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,
@@ -16776,6 +17767,11 @@ var createDtmStudio = async (options = {}) => {
         void handleTrackInstrumentChange(idx, name);
         externalOnTrackInstrumentChange?.(idx, name);
       },
+      reverbAmount: options.reverbAmount,
+      onReverbChange: setReverbAmount,
+      onTrackCompressionChange: (trackId, amount) => getChannelStrip(trackId).setCompression(amount),
+      onTrackWidthChange: (trackId, width) => getChannelStrip(trackId).setWidth(width),
+      clipMeter,
       ...dawOverrides,
       // dawOverrides で上書きされないよう、スプレッドの後に配置して合成する
       onDrumChange: (name) => {
@@ -16802,17 +17798,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);
@@ -16833,8 +17834,8 @@ var createDtmStudio = async (options = {}) => {
       presetSelect?.destroy();
       if (editorPresetSelects.get(target) === presetSelect)
         editorPresetSelects.delete(target);
-      const i = mountedEditors.indexOf(daw);
-      if (i >= 0) mountedEditors.splice(i, 1);
+      const i2 = mountedEditors.indexOf(daw);
+      if (i2 >= 0) mountedEditors.splice(i2, 1);
     };
     return {
       ...daw,
@@ -16937,8 +17938,8 @@ var createDtmStudio = async (options = {}) => {
       destroy: () => {
         doUnmount();
         wrapper.remove();
-        const i = mountedModeSwitches.indexOf(instance);
-        if (i >= 0) mountedModeSwitches.splice(i, 1);
+        const i2 = mountedModeSwitches.indexOf(instance);
+        if (i2 >= 0) mountedModeSwitches.splice(i2, 1);
       }
     };
     mountedModeSwitches.push(instance);
@@ -16995,7 +17996,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,
@@ -17025,8 +18026,8 @@ var createDtmStudio = async (options = {}) => {
     mountedPlayers.push(player);
     const destroy = () => {
       player.destroy();
-      const i = mountedPlayers.indexOf(player);
-      if (i >= 0) mountedPlayers.splice(i, 1);
+      const i2 = mountedPlayers.indexOf(player);
+      if (i2 >= 0) mountedPlayers.splice(i2, 1);
     };
     return { ...player, destroy };
   };
@@ -17081,7 +18082,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,
@@ -17160,7 +18161,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,
@@ -17199,7 +18200,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,
@@ -17255,7 +18256,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,
@@ -17287,8 +18288,8 @@ var createDtmStudio = async (options = {}) => {
     mountedChordPlayers.push(player);
     const destroy = () => {
       player.destroy();
-      const i = mountedChordPlayers.indexOf(player);
-      if (i >= 0) mountedChordPlayers.splice(i, 1);
+      const i2 = mountedChordPlayers.indexOf(player);
+      if (i2 >= 0) mountedChordPlayers.splice(i2, 1);
     };
     return {
       ...player,
@@ -17305,6 +18306,9 @@ var createDtmStudio = async (options = {}) => {
     mountedPlayers.length = 0;
     mountedChordPlayers.length = 0;
     mountedEditors.length = 0;
+    clipMeter.dispose();
+    for (const strip of channelStrips.values()) strip.dispose();
+    channelStrips.clear();
     void audioCtx.close();
   };
   const setMasterVolume = (volume) => {
@@ -17343,6 +18347,7 @@ var createDtmStudio = async (options = {}) => {
     mountModeSwitch,
     setMasterVolume,
     setVolume: setMasterVolume,
+    setReverbAmount,
     dispose
   };
 };
@@ -17373,6 +18378,7 @@ export {
   PREWARM_NOTES,
   TRACKS_ADVANCED,
   TRACKS_SIMPLE,
+  VIBRATO_MIN_SEC,
   VOICE_IMAGES,
   VOICE_IMAGE_KEY,
   analyzeMidiTracks,