@onjmin/dtm 0.1.84 → 0.1.85

package/dist/index.js

@@ -2316,8 +2316,10 @@ var parseLyrics = (mml) => {
     let octave = 0;
     let vibrato = false;
     let reverb = 0;
+    let gender = 50;
+    let breathiness = 50;
     const modelMatch = rest.match(
-      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpobr]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
+      /^([a-z_][a-z0-9_]*?)(?=(?:[vqpobrgh]-?\d)|[^a-z0-9_]|$)(?::(\d+))?/i
     );
     let model = "";
     const metaTokens = [];
@@ -2372,6 +2374,20 @@ var parseLyrics = (mml) => {
         rest = rest.substring(rMatch[0].length).trim();
         continue;
       }
+      const gMatch = rest.match(/^g(\d+)/i);
+      if (gMatch) {
+        gender = clamp(Number.parseInt(gMatch[1], 10), 0, 100);
+        metaTokens.push(gMatch[0]);
+        rest = rest.substring(gMatch[0].length).trim();
+        continue;
+      }
+      const hMatch = rest.match(/^h(\d+)/i);
+      if (hMatch) {
+        breathiness = clamp(Number.parseInt(hMatch[1], 10), 0, 100);
+        metaTokens.push(hMatch[0]);
+        rest = rest.substring(hMatch[0].length).trim();
+        continue;
+      }
       break;
     }
     const lyricLines = [rest];
@@ -2388,6 +2404,8 @@ var parseLyrics = (mml) => {
       octave,
       vibrato,
       reverb,
+      gender,
+      breathiness,
       syllables,
       metaText: metaTokens.join(" "),
       ...lineBreaks.length > 0 ? { lineBreaks } : {}
@@ -2483,12 +2501,13 @@ var createKlattVoice = (ctx, destination, reverbBus) => {
     const attack = 0.02;
     const release = 0.06;
     const sustainEnd = t0 + Math.max(attack + 0.02, e.duration);
+    const dest = e.destination ?? destination;
     let panner = null;
-    let out = destination;
+    let out = dest;
     if (typeof ctx.createStereoPanner === "function") {
       panner = ctx.createStereoPanner();
       panner.pan.value = Math.max(-1, Math.min(1, e.pan ?? 0));
-      panner.connect(destination);
+      panner.connect(dest);
       out = panner;
     }
     let sendGain = null;
@@ -2716,7 +2735,7 @@ var createLocalBackend = async (options) => {
     }
     return p;
   };
-  const renderAlias = async (alias, pitch, durationMs, vibrato) => {
+  const renderAlias = async (alias, pitch, durationMs, vibrato, expr) => {
     const pcm = await getPcm(alias);
     if (!pcm || pcm.length === 0) return null;
     const entry = bank.manifest.phonemes[alias];
@@ -2727,7 +2746,9 @@ var createLocalBackend = async (options) => {
         pcm,
         pitch: vibrato ? vibratoPitchCurve(targetHz, lead.preMs) : targetHz,
         durationMs,
-        ...lead
+        ...lead,
+        gender: expr?.gender,
+        breathiness: expr?.breathiness
       });
       if (audio) return { pcm: audio, preSec: lead.preMs / 1e3, rate: 1 };
     }
@@ -2792,7 +2813,7 @@ var createWorkerBackend = async (workerUrl, options) => {
   });
   onReady = null;
   onFail = null;
-  const renderAlias = (alias, pitch, durationMs, vibrato) => new Promise((resolve) => {
+  const renderAlias = (alias, pitch, durationMs, vibrato, expr) => new Promise((resolve) => {
     const id = ++reqId;
     pending.set(
       id,
@@ -2806,7 +2827,9 @@ var createWorkerBackend = async (workerUrl, options) => {
       alias,
       pitch,
       durationMs,
-      vibrato
+      vibrato,
+      gender: expr?.gender,
+      breathiness: expr?.breathiness
     });
   });
   return {
@@ -2835,15 +2858,21 @@ var createKoeVoice = async (ctx, destination, options) => {
   const inflight = /* @__PURE__ */ new Map();
   const active = /* @__PURE__ */ new Set();
   let prevVowel = "";
-  const keyOf = (alias, pitch, durationMs, vibrato) => `${alias}|${pitch}|${Math.round(durationMs / 10) * 10}${vibrato ? "|vib" : ""}`;
-  const renderInto = (alias, pitch, durationMs, vibrato) => {
-    const key = keyOf(alias, pitch, durationMs, vibrato);
+  const keyOf = (alias, pitch, durationMs, vibrato, expr) => `${alias}|${pitch}|${Math.round(durationMs / 10) * 10}${vibrato ? "|vib" : ""}${expr?.gender !== void 0 ? `|g${Math.round(expr.gender * 100)}` : ""}${expr?.breathiness !== void 0 ? `|h${Math.round(expr.breathiness * 100)}` : ""}`;
+  const renderInto = (alias, pitch, durationMs, vibrato, expr) => {
+    const key = keyOf(alias, pitch, durationMs, vibrato, expr);
     const existing = renderCache.get(key);
     if (existing !== void 0) return Promise.resolve(existing);
     const flying = inflight.get(key);
     if (flying) return flying;
     const p = (async () => {
-      const out = await backend.renderAlias(alias, pitch, durationMs, vibrato);
+      const out = await backend.renderAlias(
+        alias,
+        pitch,
+        durationMs,
+        vibrato,
+        expr
+      );
       let rendered = null;
       if (out) {
         const buf = ctx.createBuffer(1, out.pcm.length, KOE_SAMPLE_RATE);
@@ -2858,13 +2887,14 @@ var createKoeVoice = async (ctx, destination, options) => {
     return p;
   };
   const LEADCAP_S = 0.09;
-  const schedule = (r, t0, peak, pan, reverbSend = 0) => {
-    let out = destination;
+  const schedule = (r, t0, peak, pan, reverbSend = 0, 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;
@@ -2917,10 +2947,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, e.reverbSend);
+      if (r) schedule(r, t0, peak, pan, e.reverbSend, e.destination);
     });
   };
-  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs, vibrato) => {
+  model.renderToCache = async (syllable, prevVowelArg, pitch, durationMs, vibrato, expr) => {
     if (syllable.consonant === "Q" || syllable.vowel === "") return null;
     const alias = resolveKoeAlias(
       backend.hasAlias,
@@ -2932,12 +2962,12 @@ var createKoeVoice = async (ctx, destination, options) => {
     if (!alias) return null;
     const dMs = Math.max(60, durationMs);
     const vib = !!vibrato && dMs / 1e3 >= VIBRATO_MIN_SEC;
-    const r = await renderInto(alias, pitch, dMs, vib);
-    return r ? keyOf(alias, pitch, dMs, vib) : null;
+    const r = await renderInto(alias, pitch, dMs, vib, expr);
+    return r ? keyOf(alias, pitch, dMs, vib, expr) : null;
   };
-  model.scheduleCached = (key, t0, peak, pan, reverbSend) => {
+  model.scheduleCached = (key, t0, peak, pan, reverbSend, dest) => {
     const r = renderCache.get(key);
-    if (r) schedule(r, t0, peak, pan, reverbSend);
+    if (r) schedule(r, t0, peak, pan, reverbSend, dest);
   };
   model.stopAll = () => {
     for (const src of active) {
@@ -3031,10 +3061,14 @@ var createSingingVoices = (ctx, destination, options = {}) => {
       const m = loaded.get(track.model.toLowerCase());
       if (!m?.renderToCache) continue;
       let n = 0;
+      const expr = {
+        gender: track.gender,
+        breathiness: track.breathiness
+      };
       forEachSungNote(track, (note, prevVowel) => {
         if (n >= count && note.startSec >= STREAM_LOOKAHEAD_SEC) return;
         n++;
-        tasks.push({ model: m, note, prevVowel, vibrato: track.vibrato });
+        tasks.push({ model: m, note, prevVowel, vibrato: track.vibrato, expr });
       });
     }
     const total = tasks.length;
@@ -3050,7 +3084,8 @@ var createSingingVoices = (ctx, destination, options = {}) => {
         task.prevVowel,
         task.note.pitch,
         task.note.durationSec * 1e3,
-        task.vibrato
+        task.vibrato,
+        task.expr
       ) ?? Promise.resolve(null));
       done++;
       onProgress?.(done, total);
@@ -3096,13 +3131,21 @@ var createSingingVoices = (ctx, destination, options = {}) => {
                 prevVowel,
                 note.pitch,
                 note.durationSec * 1e3,
-                track.vibrato
+                track.vibrato,
+                { gender: track.gender, breathiness: track.breathiness }
               );
               if (session !== streamSession) return;
               if (key) {
                 const delay = ctx.currentTime - t0;
                 if (delay < 0.05) {
-                  scheduleCached(key, t0, peak, track.pan, track.reverbSend);
+                  scheduleCached(
+                    key,
+                    t0,
+                    peak,
+                    track.pan,
+                    track.reverbSend,
+                    options.getTrackDestination?.(track.id ?? "")
+                  );
                   opts?.onScheduled?.(track, note, t0);
                 } else {
                   console.warn(
@@ -3115,14 +3158,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,
-              reverbSend: track.reverbSend
+              reverbSend: track.reverbSend,
+              destination: options.getTrackDestination?.(track.id ?? "")
             });
             opts?.onScheduled?.(track, note, t0);
             await new Promise((resolve) => setTimeout(resolve, 0));
@@ -3181,8 +3225,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)) {
@@ -3196,6 +3242,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];
@@ -3210,9 +3259,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}`);
@@ -3221,12 +3286,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 = {}) => {
@@ -6968,6 +7045,23 @@ var DAW_CSS = `
 @keyframes dtm-blink { 0%,100%{opacity:1} 50%{opacity:0} }
 .dtm-blink { animation: dtm-blink 1s steps(1) infinite; }
 
+/* \u2500\u2500\u2500 \u97F3\u5272\u308C\u691C\u77E5\u30D0\u30C3\u30B8 \u2500\u2500\u2500 \u30AF\u30EA\u30C3\u30D7\u767A\u751F\u4E2D\u3060\u3051\u8868\u793A\u3055\u308C\u308B\u8B66\u544A\u30DC\u30BF\u30F3\u3002\u30AF\u30EA\u30C3\u30AF\u3067\u6D88\u305B\u308B\u3002 */
+.dtm-clip-badge {
+  flex: 0 0 auto;
+  min-height: 24px;
+  padding: 0 8px;
+  border: 2px solid var(--c-black);
+  background: var(--dtm-danger);
+  color: var(--c-white);
+  font-family: var(--dtm-font);
+  font-size: 10px;
+  letter-spacing: .1em;
+  cursor: pointer;
+  box-shadow: 0 0 0 2px var(--dtm-danger), 2px 2px 0 var(--c-black);
+  animation: dtm-blink .5s steps(1) infinite;
+}
+.dtm-clip-badge:active { transform: translate(2px,2px); box-shadow: none; }
+
 /* \u2500\u2500\u2500 \u30A4\u30F3\u30D5\u30A9\u30DC\u30BF\u30F3 \u2500\u2500\u2500 */
 .dtm-infobtn {
   display: inline-flex;
@@ -7243,6 +7337,37 @@ var DAW_CSS = `
   object-fit: cover;
   image-rendering: pixelated;
 }
+/* \u6B4C\u8A5E\u30C8\u30E9\u30C3\u30AF\u306E\u300C\u8A73\u7D30\u8A2D\u5B9A\u300D\u2014 \u5E38\u7528\u3057\u306A\u3044\u30D1\u30E9\u30E1\u30FC\u30BF\uFF08\u30AA\u30AF\u30BF\u30FC\u30D6/\u5B9A\u4F4D/\u30EA\u30D0\u30FC\u30D6\u9001\u308A/
+   \u30B8\u30A7\u30F3\u30C0\u30FC/\u30D6\u30EC\u30B7\u30CD\u30B9/\u30D3\u30D6\u30E9\u30FC\u30C8\uFF09\u3092\u7573\u3093\u3067\u304A\u304F\u8EFD\u91CF\u306A details\u3002dtm-panel \u307B\u3069
+   \u4EF0\u3005\u3057\u304F\u305B\u305A\u3001\u63A7\u3048\u3081\u306A\u4ED5\u5207\u308A\u7DDA\uFF0B\u5C0F\u3055\u3044\u25B6\u30DE\u30FC\u30AB\u30FC\u3060\u3051\u4ED8\u3051\u308B\u3002 */
+.dtm-advanced {
+  border-top: 1px dashed var(--dtm-border2);
+  padding-top: 6px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dtm-advanced > summary {
+  list-style: none;
+  cursor: pointer;
+  font-size: 11px;
+  letter-spacing: .08em;
+  color: var(--dtm-text);
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  padding: 0 8px;
+  border: 2px solid var(--dtm-border2);
+  background: var(--dtm-deep);
+  box-shadow: 2px 2px 0 var(--c-black);
+  width: fit-content;
+}
+.dtm-advanced > summary:active { transform: translate(2px,2px); box-shadow: none; }
+.dtm-advanced > summary::-webkit-details-marker { display: none; }
+.dtm-advanced > summary::before { content: "\u25B6"; font-size: 9px; color: var(--dtm-accent); }
+.dtm-advanced[open] > summary::before { content: "\u25BC"; }
+.dtm-advanced[open] > summary { border-color: var(--dtm-primary); color: var(--dtm-primary); }
 
 /* \u2500\u2500\u2500 \u5E83\u5E45\u62E1\u5F35 \u2500\u2500\u2500 */
 @media (min-width: 768px) {
@@ -9014,6 +9139,8 @@ var mountMmlPlayer = (target, mml, options = {}) => {
       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
     };
   });
@@ -10715,6 +10842,7 @@ var buildUI = (target, options) => {
       <button class="dtm-iconbtn" data-dtm="next-bar" title="1\u5C0F\u7BC0\u5F8C">${icon("chevronRight")}</button>
       <label class="dtm-toggle"><input type="checkbox" data-dtm="solo"><span>\u30BD\u30ED</span></label>
       <span class="dtm-topbar-loading dtm-blink" data-dtm="topbar-loading">... LOADING ...</span>
+      <button class="dtm-clip-badge dtm-hidden" data-dtm="clip-badge" title="\u97F3\u5272\u308C\u691C\u77E5\uFF08\u30AF\u30EA\u30C3\u30AF\u3067\u6D88\u3059\uFF09">CLIP</button>
       <span class="dtm-grow"></span>
       <span class="dtm-label">BPM</span>
       <input type="number" class="dtm-input dtm-input--num" data-dtm="bpm" value="${defaultBpm}" min="20" max="300">
@@ -10752,18 +10880,8 @@ var buildUI = (target, options) => {
   <div class="dtm-hscroll" data-dtm="hscroll"><div class="dtm-hscroll-thumb" data-dtm="hscroll-thumb"></div></div>
 
   <details class="dtm-panel" open>
-    <summary>\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A</summary>
+    <summary>\u500B\u5225\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A</summary>
     <div class="dtm-panel-body">
-      <div class="dtm-row">
-        <span class="dtm-label">\u5168\u4F53\u97F3\u91CF</span>
-        <input type="range" class="dtm-range dtm-grow" data-dtm="master-volume" value="50" min="0" max="100">
-        <span class="dtm-label" data-dtm="master-volume-label">50%</span>
-      </div>
-      <div class="dtm-row">
-        <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6</span>
-        <input type="range" class="dtm-range dtm-grow" data-dtm="reverb-amount" value="0" min="0" max="100" aria-label="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\uFF08\u5168\u30C8\u30E9\u30C3\u30AF\u3078\u4E00\u5F8B\u306B\u639B\u304B\u308B\u6B8B\u97FF\uFF09" title="\u30EA\u30D0\u30FC\u30D6">
-        <span class="dtm-label" data-dtm="reverb-amount-label">0%</span>
-      </div>
       <div class="dtm-track-body" data-dtm="track-body"></div>
     </div>
   </details>
@@ -10796,6 +10914,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">
@@ -10961,6 +11102,7 @@ var buildUI = (target, options) => {
     prevBarBtn: sel("prev-bar"),
     nextBarBtn: sel("next-bar"),
     soloCheckbox: sel("solo"),
+    clipBadge: sel("clip-badge"),
     toolPen: sel("tool-pen"),
     toolSelect: sel("tool-select"),
     toolEraser: sel("tool-eraser"),
@@ -10989,6 +11131,9 @@ var buildUI = (target, options) => {
     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"),
@@ -12653,10 +12798,85 @@ var CHORD_INFO_HTML2 = `
 `;
 var VIBRATO_INFO_HTML = `
 <div class="dtm-modal-body-content">
-  <h4>\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u306F</h4>
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
   <p>ON\u306B\u3059\u308B\u3068\u3001\u4E00\u5B9A\u306E\u9577\u3055\uFF08\u7D040.35\u79D2\uFF09\u4EE5\u4E0A\u306E\u97F3\u7B26\uFF08\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\uFF09\u306B\u3060\u3051\u3001\u81EA\u52D5\u3067\u30D4\u30C3\u30C1\u304C\u5C0F\u523B\u307F\u306B\u63FA\u308C\u308B\u6B4C\u5531\u8868\u73FE\uFF08\u30D3\u30D6\u30E9\u30FC\u30C8\uFF09\u304C\u639B\u304B\u308A\u307E\u3059\u3002</p>
-  <p style="margin-top:4px;"><small>\u77ED\u3044\u97F3\u7B26\u306B\u306F\u639B\u304B\u308A\u307E\u305B\u3093\u30021\u5468\u671F\u3082\u63FA\u308C\u304D\u3089\u306A\u3044\u3046\u3061\u306B\u6B21\u306E\u97F3\u3078\u79FB\u3063\u3066\u3057\u307E\u3044\u3001\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u3044\u3046\u3088\u308A\u5358\u306A\u308B\u97F3\u7A0B\u306E\u30D6\u30EC\u3068\u3057\u3066\u4E0D\u81EA\u7136\u306B\u805E\u3053\u3048\u308B\u305F\u3081\u3067\u3059\u3002</small></p>
-  <p style="margin-top:4px;"><small>\u901F\u3055\u30FB\u6DF1\u3055\u306F\u8ABF\u6574\u3067\u304D\u307E\u305B\u3093\uFF08\u6B4C\u3068\u3057\u3066\u7834\u7DBB\u3057\u306B\u304F\u3044\u63A7\u3048\u3081\u306A\u91CF\u306B\u56FA\u5B9A\u3057\u3066\u3044\u307E\u3059\uFF09\u3002\u66F2\u3084\u7B87\u6240\u3054\u3068\u306B\u639B\u3051\u305F\u3044/\u639B\u3051\u305F\u304F\u306A\u3044\u304C\u3042\u308B\u5834\u5408\u306F\u3001\u30C8\u30E9\u30C3\u30AF\u3092\u5206\u3051\u3066\u6B4C\u8A5E\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044\u3002</small></p>
+  <h4>\u77ED\u3044\u97F3\u7B26\u306B\u639B\u304B\u3089\u306A\u3044\u7406\u7531</h4>
+  <p>1\u5468\u671F\u3082\u63FA\u308C\u304D\u3089\u306A\u3044\u3046\u3061\u306B\u6B21\u306E\u97F3\u3078\u79FB\u3063\u3066\u3057\u307E\u3044\u3001\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u3044\u3046\u3088\u308A\u5358\u306A\u308B\u97F3\u7A0B\u306E\u30D6\u30EC\u3068\u3057\u3066\u4E0D\u81EA\u7136\u306B\u805E\u3053\u3048\u308B\u305F\u3081\u3067\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u30D4\u30C3\u30C1\u3092\u63FA\u3089\u3059\u52B9\u679C\u306A\u306E\u3067\u3001\u58F0\u8CEA\u305D\u306E\u3082\u306E\u3092\u5909\u3048\u308B\u30B8\u30A7\u30F3\u30C0\u30FC/\u30D6\u30EC\u30B7\u30CD\u30B9\u3068\u306F\u72EC\u7ACB\u3057\u3066\u7D44\u307F\u5408\u308F\u305B\u3089\u308C\u307E\u3059\u3002\u901F\u3055\u30FB\u6DF1\u3055\u306F\u8ABF\u6574\u3067\u304D\u307E\u305B\u3093\uFF08\u6B4C\u3068\u3057\u3066\u7834\u7DBB\u3057\u306B\u304F\u3044\u63A7\u3048\u3081\u306A\u91CF\u306B\u56FA\u5B9A\uFF09\u3002\u66F2\u3084\u7B87\u6240\u3054\u3068\u306B\u639B\u3051\u305F\u3044/\u639B\u3051\u305F\u304F\u306A\u3044\u304C\u3042\u308B\u5834\u5408\u306F\u3001\u30C8\u30E9\u30C3\u30AF\u3092\u5206\u3051\u3066\u6B4C\u8A5E\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044\u3002</p>
+</div>
+`;
+var GENDER_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u30D4\u30C3\u30C1\uFF08\u97F3\u306E\u9AD8\u3055\uFF09\u306F\u305D\u306E\u307E\u307E\u306B\u3001\u58F0\u306E\u592A\u3055/\u7D30\u3055\uFF08\u30D5\u30A9\u30EB\u30DE\u30F3\u30C8\uFF1D\u58F0\u9053\u306E\u5171\u9CF4\u3001\u5E74\u9F62\u30FB\u6027\u5225\u611F\u306E\u5370\u8C61\uFF09\u3060\u3051\u3092\u52D5\u304B\u3057\u307E\u3059\u300250\u304C\u7121\u5909\u5316\u300150\u672A\u6E80\u3067\u4F4E\u3081/\u592A\u3081\uFF08\u5927\u4EBA\u3073\u308B\uFF09\u300150\u8D85\u3067\u9AD8\u3081/\u7D30\u3081\uFF08\u82E5\u304F/\u660E\u308B\u304F\uFF09\u306B\u5BC4\u308A\u307E\u3059\u3002</p>
+  <h4>\u30AA\u30AF\u30BF\u30FC\u30D6\u30B7\u30D5\u30C8\u3068\u306E\u9055\u3044</h4>
+  <p>\u30AA\u30AF\u30BF\u30FC\u30D6\u306F\u97F3\u7A0B\u305D\u306E\u3082\u306E\u3092\u4E0A\u4E0B\u3055\u305B\u307E\u3059\u304C\u3001\u30B8\u30A7\u30F3\u30C0\u30FC\u306F\u97F3\u7A0B\u3092\u5909\u3048\u305A\u306B\u58F0\u8272\u3060\u3051\u3092\u52D5\u304B\u3057\u307E\u3059\u3002\u300C\u9AD8\u3044\u58F0\u306E\u307E\u307E\u5927\u4EBA\u3073\u3055\u305B\u308B\u300D\u300C\u4F4E\u3044\u58F0\u306E\u307E\u307E\u82E5\u3005\u3057\u304F\u3059\u308B\u300D\u3068\u3044\u3063\u305F\u3001\u97F3\u7A0B\u3068\u58F0\u8CEA\u3092\u5225\u3005\u306B\u8ABF\u6574\u3057\u305F\u3044\u3068\u304D\u306B\u4F7F\u3044\u307E\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u30D6\u30EC\u30B7\u30CD\u30B9\u3068\u7D44\u307F\u5408\u308F\u305B\u3066\u58F0\u306E\u30AD\u30E3\u30E9\u30AF\u30BF\u30FC\u3092\u4F5C\u308A\u307E\u3059\uFF08\u4F8B: \u4F4E\u3081+\u606F\u591A\u3081\u3067\u6E0B\u3044/\u5927\u4EBA\u3063\u307D\u3044\u5370\u8C61\u3001\u9AD8\u3081+\u606F\u5C11\u306A\u3081\u3067\u5143\u6C17/\u82E5\u3005\u3057\u3044\u5370\u8C61\uFF09\u3002koe\u97F3\u6E90\uFF08UTAU\u7531\u6765\u306E.koe\u97F3\u6E90\uFF09\u9650\u5B9A\u306E\u52B9\u679C\u3067\u3001klatt\uFF08\u5185\u8535\u306E\u7C21\u6613\u5408\u6210\uFF09\u3067\u306F\u5909\u5316\u3057\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var BREATHINESS_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u606F\u6210\u5206\u306E\u91CF\u3067\u3059\u300250\u304C\u7121\u5909\u5316\u3001\u5927\u304D\u3044\u307B\u3069\u606F\u3063\u307D\u304F\uFF08\u3055\u3055\u3084\u304D\u5BC4\u308A\uFF09\u3001\u5C0F\u3055\u3044\u307B\u3069\u82AF\u306E\u3042\u308B\u58F0\u306B\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u4E0A\u3052\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\u3067\u97F3\u7A0B\u611F\u304C\u8584\u308C\u3066\u805E\u3053\u3048\u307E\u3059\uFF08\u606F\u306E\u97F3\u304C\u30D4\u30C3\u30C1\u611F\u3092\u96A0\u3059\u305F\u3081\uFF09\u3002\u56C1\u304F\u3088\u3046\u306A\u30D0\u30E9\u30FC\u30C9\u8868\u73FE\u306B\u306F\u52B9\u679C\u7684\u3067\u3059\u304C\u3001\u4E0A\u3052\u3059\u304E\u308B\u3068\u30E1\u30ED\u30C7\u30A3\u304C\u4F1D\u308F\u308A\u306B\u304F\u304F\u306A\u308A\u307E\u3059\u3002</p>
+  <h4>\u4ED6\u306E\u8A2D\u5B9A\u3068\u306E\u517C\u306D\u5408\u3044</h4>
+  <p>\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u3068\u7D44\u307F\u5408\u308F\u305B\u308B\u3068\u3001\u63FA\u308C\u306A\u304C\u3089\u606F\u3063\u307D\u3044\u3001\u3088\u308A\u30A8\u30E2\u30FC\u30B7\u30E7\u30CA\u30EB\u306A\u8868\u73FE\u306B\u306A\u308A\u3084\u3059\u3044\u3067\u3059\u3002koe\u97F3\u6E90\uFF08UTAU\u7531\u6765\u306E.koe\u97F3\u6E90\uFF09\u9650\u5B9A\u306E\u52B9\u679C\u3067\u3001klatt\uFF08\u5185\u8535\u306E\u7C21\u6613\u5408\u6210\uFF09\u3067\u306F\u5909\u5316\u3057\u307E\u305B\u3093\u3002</p>
+</div>
+`;
+var LYRIC_REVERB_INFO_HTML = `
+<div class="dtm-modal-body-content">
+  <h4>\u4F55\u3092\u3059\u308B\u8A2D\u5B9A\u304B</h4>
+  <p>\u3053\u306E\u30DC\u30FC\u30AB\u30EB\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u3001\u66F2\u5168\u4F53\u306B\u639B\u304B\u308B\u300C\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u300D\u3078\u3069\u308C\u3060\u3051\u97F3\u3092\u9001\u308B\u304B\u3092\u6C7A\u3081\u307E\u3059\uFF080\u3067\u9001\u3089\u306A\u3044\uFF1D\u30C9\u30E9\u30A4\u3001100\u3067\u76EE\u4E00\u676F\u9001\u308B\uFF09\u3002</p>
+  <h4>\u30DE\u30B9\u30BF\u306E\u300C\u30EA\u30D0\u30FC\u30D6\u300D\u3064\u307E\u307F\u3068\u306E\u95A2\u4FC2\uFF08\u91CD\u8981\uFF09</h4>
+  <p>\u30C8\u30E9\u30C3\u30AF\u8A2D\u5B9A\u30D1\u30CD\u30EB\u306B\u3042\u308B\u30DE\u30B9\u30BF\u306E\u300C\u30EA\u30D0\u30FC\u30D6\u300D\u3064\u307E\u307F\u304C0%\u3060\u3068\u3001\u3053\u3053\u3092\u3044\u304F\u3089\u4E0A\u3052\u3066\u3082\u7121\u97F3\u306E\u307E\u307E\u3067\u3059\u3002\u300C\u9001\u308A\u91CF\uFF08\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304C\u3069\u308C\u3060\u3051\u63D0\u4F9B\u3059\u308B\u304B\uFF09\u300D\u3068\u300C\u30DE\u30B9\u30BF\u306E\u6B8B\u97FF\u8A2D\u5B9A\uFF08\u5B9F\u969B\u306B\u3069\u3093\u306A\u97FF\u304D\u304C\u639B\u304B\u308B\u304B\uFF09\u300D\u306E\u4E8C\u6BB5\u69CB\u3048\u306B\u306A\u3063\u3066\u3044\u308B\u305F\u3081\u3067\u3059\u3002\u4E21\u65B9\u3092\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002</p>
+  <h4>\u639B\u3051\u3059\u304E\u308B\u3068\u3069\u3046\u306A\u308B\u304B</h4>
+  <p>\u6B8B\u97FF\u3067\u97F3\u304C\u6EF2\u307F\u3001\u6B4C\u8A5E\u304C\u805E\u304D\u53D6\u308A\u306B\u304F\u304F\u306A\u308A\u307E\u3059\u3002\u30C9\u30E9\u30A4\u306A\u30DC\u30FC\u30AB\u30EB\u306F\u300C\u8FD1\u3044\u300D\u300C\u524D\u306B\u51FA\u308B\u300D\u5370\u8C61\u3001\u30EA\u30D0\u30FC\u30D6\u305F\u3063\u3077\u308A\u306E\u30DC\u30FC\u30AB\u30EB\u306F\u300C\u5965\u884C\u304D\u304C\u3042\u308B\u300D\u300C\u5E7B\u60F3\u7684\u300D\u306A\u5370\u8C61\u306B\u306A\u308A\u307E\u3059\u3002\u8868\u73FE\u3057\u305F\u3044\u8DDD\u96E2\u611F\u306B\u5408\u308F\u305B\u3066\u8ABF\u6574\u3057\u3066\u304F\u3060\u3055\u3044\u3002</p>
+</div>
+`;
+var 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 = `
@@ -12948,6 +13168,7 @@ var mountDAW = (target, options = {}) => {
   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;
@@ -13028,7 +13249,9 @@ var mountDAW = (target, options = {}) => {
       vocalPan: t.vocalPan,
       vocalOctave: t.vocalOctave,
       vocalVibrato: t.vocalVibrato,
-      vocalReverb: t.vocalReverb
+      vocalReverb: t.vocalReverb,
+      vocalGender: t.vocalGender,
+      vocalBreathiness: t.vocalBreathiness
     };
     if (lyricsDebounceTimer) clearTimeout(lyricsDebounceTimer);
     lyricsDebounceTimer = setTimeout(() => {
@@ -13090,7 +13313,11 @@ var mountDAW = (target, options = {}) => {
         vocalOctave: 0,
         vocalVibrato: false,
         vocalReverb: 0,
-        trackInstrument: ""
+        vocalGender: 50,
+        vocalBreathiness: 50,
+        trackInstrument: "",
+        trackCompression: 0,
+        trackWidth: 100
       };
     });
   };
@@ -13111,6 +13338,8 @@ var mountDAW = (target, options = {}) => {
         octave: t.vocalOctave,
         vibrato: t.vocalVibrato,
         reverb: t.vocalReverb,
+        gender: t.vocalGender,
+        breathiness: t.vocalBreathiness,
         syllables
       });
     });
@@ -13915,6 +14144,8 @@ var mountDAW = (target, options = {}) => {
         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
       };
     }) : [];
@@ -14020,7 +14251,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"]'
     );
@@ -14037,6 +14283,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>`;
@@ -14100,17 +14387,6 @@ var mountDAW = (target, options = {}) => {
         <span class="dtm-label">\u266A UTAU</span>
         <select class="dtm-select" data-dtm="lyric-model" aria-label="\u6B4C\u5531\u30E2\u30C7\u30EB"></select>
         <img class="dtm-lyric-icon dtm-hidden" data-dtm="lyric-icon" width="20" height="20" alt="" draggable="false">
-        <select class="dtm-select" data-dtm="lyric-octave" aria-label="\u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u6E90\u306E\u5F97\u610F\u97F3\u57DF\u306B\u5408\u308F\u305B\u308B\uFF09" title="\u30AA\u30AF\u30BF\u30FC\u30D6">
-          <option value="2">+2 oct</option>
-          <option value="1">+1 oct</option>
-          <option value="0">\xB10 oct</option>
-          <option value="-1">-1 oct</option>
-          <option value="-2">-2 oct</option>
-        </select>
-        <label class="dtm-label" style="display:inline-flex;align-items:center;gap:2px;white-space:nowrap" title="\u30ED\u30F3\u30B0\u30C8\u30FC\u30F3\u306B\u81EA\u52D5\u3067\u30D3\u30D6\u30E9\u30FC\u30C8\u3092\u639B\u3051\u307E\u3059">
-          <input type="checkbox" data-dtm="lyric-vibrato" aria-label="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8">\u30D3\u30D6\u30E9\u30FC\u30C8
-        </label>
-        <button class="dtm-infobtn" data-dtm="lyric-vibrato-info" title="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         <span class="dtm-label dtm-grow" data-dtm="lyric-count" style="text-align:right"></span>
       </div>
       <div class="dtm-row dtm-hidden" data-dtm="lyric-terms" style="font-size:10px;gap:4px;color:var(--dtm-warn)">
@@ -14136,16 +14412,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>
-        <div class="dtm-row">
-          <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6\u9001\u308A</span>
-          <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-reverb" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u9001\u308B\u91CF\uFF08\u30DE\u30B9\u30BF\u306E\u30EA\u30D0\u30FC\u30D6\u3064\u307E\u307F\u304C0%\u3060\u3068\u7121\u97F3\uFF09" title="\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u306E\u30BB\u30F3\u30C9\u91CF">
-          <span class="dtm-label" data-dtm="lyric-reverb-label"></span>
-        </div>
+        <details class="dtm-advanced" data-dtm="lyric-advanced">
+          <summary>\u8A73\u7D30\u8A2D\u5B9A</summary>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30AA\u30AF\u30BF\u30FC\u30D6</span>
+            <select class="dtm-select" data-dtm="lyric-octave" aria-label="\u30AA\u30AF\u30BF\u30FC\u30D6\uFF08\u97F3\u6E90\u306E\u5F97\u610F\u97F3\u57DF\u306B\u5408\u308F\u305B\u308B\uFF09" title="\u30AA\u30AF\u30BF\u30FC\u30D6">
+              <option value="2">+2 oct</option>
+              <option value="1">+1 oct</option>
+              <option value="0">\xB10 oct</option>
+              <option value="-1">-1 oct</option>
+              <option value="-2">-2 oct</option>
+            </select>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u5B9A\u4F4D</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-pan" min="0" max="127" aria-label="\u6B4C\u5531\u306E\u30B9\u30C6\u30EC\u30AA\u5B9A\u4F4D\uFF08\u5DE6\u53F3\uFF09">
+            <span class="dtm-label" data-dtm="lyric-pan-label"></span>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30EA\u30D0\u30FC\u30D6\u9001\u308A</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-reverb" min="0" max="100" aria-label="\u3053\u306E\u30C8\u30E9\u30C3\u30AF\u304B\u3089\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u3078\u9001\u308B\u91CF\uFF08\u30DE\u30B9\u30BF\u306E\u30EA\u30D0\u30FC\u30D6\u3064\u307E\u307F\u304C0%\u3060\u3068\u7121\u97F3\uFF09">
+            <span class="dtm-label" data-dtm="lyric-reverb-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-reverb-info" title="\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30B8\u30A7\u30F3\u30C0\u30FC</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-gender" min="0" max="100" aria-label="\u30D5\u30A9\u30EB\u30DE\u30F3\u30C8/\u30B8\u30A7\u30F3\u30C0\u30FC\u30D5\u30A1\u30AF\u30BF\u30FC\uFF08koe\u97F3\u6E90\u9650\u5B9A\uFF09">
+            <span class="dtm-label" data-dtm="lyric-gender-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-gender-info" title="\u30B8\u30A7\u30F3\u30C0\u30FC\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label">\u30D6\u30EC\u30B7\u30CD\u30B9</span>
+            <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-breathiness" min="0" max="100" aria-label="\u30D6\u30EC\u30B7\u30CD\u30B9\uFF08\u606F\u6210\u5206\u3001koe\u97F3\u6E90\u9650\u5B9A\uFF09">
+            <span class="dtm-label" data-dtm="lyric-breathiness-label"></span>
+            <button class="dtm-infobtn" data-dtm="lyric-breathiness-info" title="\u30D6\u30EC\u30B7\u30CD\u30B9\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+          <div class="dtm-row">
+            <span class="dtm-label" style="display:inline-flex;align-items:center;gap:2px">
+              <input type="checkbox" data-dtm="lyric-vibrato" aria-label="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8">\u30D3\u30D6\u30E9\u30FC\u30C8
+            </span>
+            <button class="dtm-infobtn" data-dtm="lyric-vibrato-info" title="\u81EA\u52D5\u30D3\u30D6\u30E9\u30FC\u30C8\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
+          </div>
+        </details>
         <textarea class="dtm-textarea" data-dtm="lyric-input" rows="2" placeholder="\u3072\u3089\u304C\u306A\u30FB\u30AB\u30BF\u30AB\u30CA\u3067\u6B4C\u8A5E\uFF08\u4F8B: \u3069\u308C\u307F\u3075\u3041\u305D\u3089\u3057\u3069\uFF09"></textarea>
       </div>`;
       refs.trackBody.appendChild(lyricDiv);
@@ -14185,6 +14493,36 @@ var mountDAW = (target, options = {}) => {
       const lyricReverbLabel = lyricDiv.querySelector(
         '[data-dtm="lyric-reverb-label"]'
       );
+      const lyricReverbInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-reverb-info"]'
+      );
+      lyricReverbInfo.addEventListener("click", () => {
+        showModal("\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC", LYRIC_REVERB_INFO_HTML);
+      });
+      const lyricGender = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender"]'
+      );
+      const lyricGenderLabel = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender-label"]'
+      );
+      const lyricGenderInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-gender-info"]'
+      );
+      lyricGenderInfo.addEventListener("click", () => {
+        showModal("\u30B8\u30A7\u30F3\u30C0\u30FC\u306E\u89E3\u8AAC", GENDER_INFO_HTML);
+      });
+      const lyricBreathiness = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness"]'
+      );
+      const lyricBreathinessLabel = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness-label"]'
+      );
+      const lyricBreathinessInfo = lyricDiv.querySelector(
+        '[data-dtm="lyric-breathiness-info"]'
+      );
+      lyricBreathinessInfo.addEventListener("click", () => {
+        showModal("\u30D6\u30EC\u30B7\u30CD\u30B9\u306E\u89E3\u8AAC", BREATHINESS_INFO_HTML);
+      });
       const lyricVibrato = lyricDiv.querySelector(
         '[data-dtm="lyric-vibrato"]'
       );
@@ -14257,6 +14595,10 @@ var mountDAW = (target, options = {}) => {
       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;
@@ -14307,7 +14649,6 @@ var mountDAW = (target, options = {}) => {
       };
       const syncLyricVisibility = () => {
         lyricBody.style.display = active.lyricModel ? "" : "none";
-        lyricOctaveSel.style.display = active.lyricModel ? "" : "none";
         updateLyricCount();
         syncLyricTerms();
         syncLyricIcon();
@@ -14408,6 +14749,16 @@ var mountDAW = (target, options = {}) => {
         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");
@@ -14491,18 +14842,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 = {};
+    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
       },
       " "
     );
@@ -14512,8 +14873,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
       },
       ""
     );
@@ -14562,7 +14926,9 @@ var mountDAW = (target, options = {}) => {
       pan: t.vocalPan,
       oct: t.vocalOctave,
       vib: t.vocalVibrato,
-      rev: t.vocalReverb
+      rev: t.vocalReverb,
+      gen: t.vocalGender,
+      bre: t.vocalBreathiness
     })).filter(
       (x2) => x2.model.length > 0 && x2.text.length > 0 && x2.notes.length > 0
     ).map((x2) => {
@@ -14572,7 +14938,9 @@ var mountDAW = (target, options = {}) => {
         x2.pan === 64 ? "" : `p${x2.pan}`,
         x2.oct === 0 ? "" : `o${x2.oct}`,
         x2.vib ? "b1" : "",
-        x2.rev === 0 ? "" : `r${x2.rev}`
+        x2.rev === 0 ? "" : `r${x2.rev}`,
+        x2.gen === 50 ? "" : `g${x2.gen}`,
+        x2.bre === 50 ? "" : `h${x2.bre}`
       ].filter((s) => s.length > 0).join(" ");
       const head = params ? `${x2.model} ${params}` : x2.model;
       return `@@${x2.i} ${head} ${x2.text}`;
@@ -14712,6 +15080,12 @@ 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, i2) => {
       if (applyActiveOnly && i2 !== activeTrackIndex) return;
@@ -14721,6 +15095,19 @@ var mountDAW = (target, options = {}) => {
         options.onTrackInstrumentChange?.(i2, name);
       }
     });
+    trackStates.forEach((t, i2) => {
+      if (applyActiveOnly && i2 !== activeTrackIndex) return;
+      const comp = meta.trackCompression?.[i2] ?? 0;
+      if (t.trackCompression !== comp) {
+        t.trackCompression = comp;
+        options.onTrackCompressionChange?.(t.config.id, comp);
+      }
+      const width = meta.trackWidth?.[i2] ?? 100;
+      if (t.trackWidth !== width) {
+        t.trackWidth = width;
+        options.onTrackWidthChange?.(t.config.id, width);
+      }
+    });
     trackStates.forEach((t, i2) => {
       if (applyActiveOnly && i2 !== activeTrackIndex) return;
       const v = trackVelocity.get(i2);
@@ -14739,6 +15126,8 @@ var mountDAW = (target, options = {}) => {
       active.vocalOctave = 0;
       active.vocalVibrato = false;
       active.vocalReverb = 0;
+      active.vocalGender = 50;
+      active.vocalBreathiness = 50;
     } else {
       for (const t of trackStates) {
         t.lyrics = "";
@@ -14749,6 +15138,8 @@ var mountDAW = (target, options = {}) => {
         t.vocalOctave = 0;
         t.vocalVibrato = false;
         t.vocalReverb = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     lyrics?.forEach((lt) => {
@@ -14763,6 +15154,8 @@ var mountDAW = (target, options = {}) => {
       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;
@@ -14843,6 +15236,8 @@ var mountDAW = (target, options = {}) => {
       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);
@@ -14855,6 +15250,8 @@ var mountDAW = (target, options = {}) => {
         t.vocalOctave = 0;
         t.vocalVibrato = false;
         t.vocalReverb = 0;
+        t.vocalGender = 50;
+        t.vocalBreathiness = 50;
       }
     }
     const { placements, bpm: parsedBpm } = isAdvanced ? extractMidiPlacementsByTrack(
@@ -14989,6 +15386,12 @@ var mountDAW = (target, options = {}) => {
       isSolo = refs.soloCheckbox.checked;
       redrawAll();
     });
+    unsubscribeClip = options.clipMeter?.onClipChange((clipping) => {
+      refs.clipBadge.classList.toggle("dtm-hidden", !clipping);
+    });
+    refs.clipBadge.addEventListener("click", () => {
+      options.clipMeter?.reset();
+    });
     refs.toolPen.addEventListener("click", () => setToolMode("pen"));
     refs.toolSelect.addEventListener("click", () => setToolMode("select"));
     refs.toolEraser.addEventListener("click", () => setToolMode("eraser"));
@@ -15069,6 +15472,30 @@ var mountDAW = (target, options = {}) => {
       refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
       options.onReverbChange?.(reverbAmount);
     });
+    refs.reverbAmountInfoBtn.addEventListener("click", () => {
+      showModal("\u30DE\u30B9\u30BF\u30EA\u30D0\u30FC\u30D6\u306E\u89E3\u8AAC", MASTER_REVERB_INFO_HTML);
+    });
+    refs.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);
@@ -16080,6 +16507,8 @@ var mountDAW = (target, options = {}) => {
       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];
@@ -16105,6 +16534,7 @@ var mountDAW = (target, options = {}) => {
     destroy: () => {
       sequencer.stop();
       options.singingVoices?.stopStream();
+      unsubscribeClip?.();
       resizeObserver.disconnect();
       document.removeEventListener("pointermove", onPointerMove);
       document.removeEventListener("pointerup", onPointerUp);
@@ -16197,6 +16627,8 @@ var playSingingMML = async (mml, options = {}) => {
       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
     };
   });
@@ -16804,6 +17236,147 @@ 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;
@@ -16975,7 +17548,6 @@ 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);
@@ -16986,7 +17558,6 @@ var createDtmStudio = async (options = {}) => {
   reverbWetGain.gain.value = reverbAmountToGain(options.reverbAmount ?? 0);
   masterGain.connect(reverbConvolver);
   reverbConvolver.connect(reverbWetGain);
-  reverbWetGain.connect(audioCtx.destination);
   const setReverbAmount = (amount) => {
     reverbWetGain.gain.setTargetAtTime(
       reverbAmountToGain(amount),
@@ -16994,6 +17565,27 @@ var createDtmStudio = async (options = {}) => {
       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();
@@ -17027,7 +17619,11 @@ var createDtmStudio = async (options = {}) => {
     worldlineScriptUrl: options.worldlineScriptUrl,
     // ボーカルトラック個別のリバーブセンド（`r`トークン）先。マスタリバーブの
     // Convolver 入力へ直接センドする（masterGain 経由のドライ段は素通り）。
-    reverbBus: reverbConvolver
+    reverbBus: reverbConvolver,
+    // トラック単位チャンネルストリップ（コンプレッサー/ステレオワイド）の入口。
+    // 楽器と同じ getChannelStrip キャッシュを共有するので、演奏トラックと歌詞トラックが
+    // 同じ trackId を指していれば同じ処理が掛かる。
+    getTrackDestination: (trackId) => getChannelStrip(trackId).input
   });
   const listReady = new Promise((resolve) => {
     sfList.init();
@@ -17257,7 +17853,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17304,6 +17900,9 @@ var createDtmStudio = async (options = {}) => {
       },
       reverbAmount: options.reverbAmount,
       onReverbChange: setReverbAmount,
+      onTrackCompressionChange: (trackId, amount) => getChannelStrip(trackId).setCompression(amount),
+      onTrackWidthChange: (trackId, width) => getChannelStrip(trackId).setWidth(width),
+      clipMeter,
       ...dawOverrides,
       // dawOverrides で上書きされないよう、スプレッドの後に配置して合成する
       onDrumChange: (name) => {
@@ -17330,17 +17929,22 @@ var createDtmStudio = async (options = {}) => {
     mountedEditors.push(daw);
     const wantPresetUI = presetUI ?? features.presetUI;
     const rollEl = target.querySelector('[data-dtm="roll"]');
+    const presetSlot = target.querySelector(
+      '[data-dtm="preset-select-slot"]'
+    );
     if (wantPresetUI) {
       editorPresetSelects.get(target)?.destroy();
-      presetSelect = mountPresetSelect(target, {
+      presetSelect = mountPresetSelect(presetSlot ?? target, {
         getDaw: () => daw,
         getTrackIds: () => trackIds,
         value: initialPreset,
         loadingTarget: rollEl ?? target,
-        position: "prepend",
-        // 楽器変更時、このエディタの発音解決が使うプリセットも追従させる。
+        position: presetSlot ? "append" : "prepend",
+        // 楽器変更時、このエディタの発音解決が使うプリセットも追従させ、
+        // 外部の onInstrumentChange（呼び出し側の永続化フック等）へも通知する。
+        // #inst= 付きMML読込時の通知経路（handleInstrumentChange）と揃える。
         onChange: (key) => {
-          editorPreset = key;
+          handleInstrumentChange(key);
         }
       });
       editorPresetSelects.set(target, presetSelect);
@@ -17523,7 +18127,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17609,7 +18213,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17688,7 +18292,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip(e.trackId).input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17727,7 +18331,7 @@ var createDtmStudio = async (options = {}) => {
     if (!sfInst) return;
     sfInst.play({
       ctx: audioCtx,
-      destination: masterGain,
+      destination: getChannelStrip(e.trackId).input,
       pitch: e.pitch,
       volume: e.volume,
       when: e.when,
@@ -17783,7 +18387,7 @@ var createDtmStudio = async (options = {}) => {
       if (!sfInst) return;
       sfInst.play({
         ctx: audioCtx,
-        destination: masterGain,
+        destination: getChannelStrip("chord").input,
         pitch: e.pitch,
         volume: e.volume,
         when: e.when,
@@ -17833,6 +18437,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) => {