:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--text:#202c38;--muted:#566575;--line:#d5dce4;--rail:#dce3e9;--lilac:#f0d9ef;--lilac-ink:#543c5e;--mint:#e4f2ec;--sky:#e6f1f4;--cream:#fff0d8;--coral:#a94333;--coral-note:#ef927e;--teal:#247b78;--teal-note:#86c8c3;--gold:#835906;--gold-fill:#f1ca7242;--reference:#fff1ec;--button:#254d58;--button-ink:#fff;--grid:#e5e9ed}
:root[data-theme=dark]{color-scheme:dark;--bg:#10151c;--surface:#19212b;--text:#edf1f6;--muted:#adbaca;--line:#3c4857;--rail:#34414f;--lilac:#3d3145;--lilac-ink:#ecd4ed;--mint:#253b37;--sky:#243c45;--cream:#423a29;--coral:#f0a18e;--teal:#97d4cc;--gold:#f0c46f;--gold-fill:#e5b55a2b;--reference:#382a29;--button:#9cddd1;--button-ink:#14212b;--grid:#2b3542}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select,input{font:inherit}button,select{color:var(--text)}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}a{color:var(--teal);text-underline-offset:4px}button,select{border:1px solid var(--line);background:var(--surface);border-radius:8px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--teal)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}select{padding:10px 34px 10px 12px;max-width:100%}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2.3rem,5vw,3.15rem);line-height:1.16;letter-spacing:-.045em;font-weight:720}h2{font-size:1.55rem;letter-spacing:-.025em}h3{font-size:1.1rem}.page-header,main,footer{max-width:1392px;margin:auto;padding-left:32px;padding-right:32px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:28px;padding-bottom:20px}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.13em;color:var(--muted);margin-bottom:9px}.intro{margin-top:12px;color:var(--muted)}.header-tools{display:flex;align-items:center;gap:24px;font-size:.875rem;flex-shrink:0}.header-tools label{display:grid;gap:4px;font-size:.75rem;color:var(--muted)}.header-tools a{font-weight:650;white-space:nowrap}.header-tools select{font-size:.875rem;padding-top:7px;padding-bottom:7px}.skip{position:absolute;top:-100px;left:20px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:12px}.sections{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px}.sections button{padding:11px 20px;border-color:transparent;background:transparent;font-size:.9375rem;font-weight:650}.sections button span{margin-left:6px}.sections button[aria-pressed=true]{background:var(--lilac);color:var(--lilac-ink)}.selection{display:flex;align-items:center;gap:12px;padding:20px 0 18px}.selection-title{min-width:200px}.selection .eyebrow{margin-bottom:3px}.crop-select{margin-left:auto;min-width:0;flex:0 1 620px;display:grid;font-size:.75rem;color:var(--muted);gap:5px}.crop-select select{width:100%;font-size:1rem}.step-buttons{display:flex;gap:7px;padding-top:22px}.step-buttons button{width:42px;height:44px;font-size:1.2rem}.example-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:18px}.example-heading h3{font-size:1.4rem}.meta{font-size:.8125rem;color:var(--muted);margin-top:4px}.task{font-size:.8125rem;font-weight:650;color:var(--lilac-ink);background:var(--lilac);padding:6px 11px;border-radius:6px;white-space:nowrap}.instruction{padding:12px 16px;margin-bottom:20px;background:var(--cream);border-left:3px solid var(--gold);border-radius:0 7px 7px 0;font-size:.9375rem}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.reference-panel,.output-panel{min-width:0}.output-panel{position:sticky;top:18px}.reference-panel{position:static}.panel-heading{padding:10px 14px;background:var(--sky);border-radius:8px 8px 0 0;font-size:.875rem;font-weight:700}.output-panel>.panel-heading{background:var(--lilac);color:var(--lilac-ink);border-radius:8px;margin-bottom:12px}.midi-panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.midi-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;justify-content:space-between;padding:10px 14px;font-size:.75rem;color:var(--muted)}.midi-tools select{font-size:.8125rem;padding:5px 25px 5px 7px;max-width:220px}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend span:before{content:"";display:inline-block;width:12px;height:7px;border-radius:2px;margin-right:5px}.legend .preserved:before{background:var(--teal-note)}.legend .changed:before{background:var(--coral-note)}.legend .target:before{background:var(--gold-fill);border:1px solid var(--gold);height:10px}.piano-label{font-size:.8125rem;font-weight:650;padding:1px 14px 5px}.piano-label.before{color:var(--teal)}.piano-label.edited{color:var(--coral)}.piano-scroll{overflow-x:auto;padding:0 12px 0 0;overscroll-behavior-x:contain}.piano-scroll svg{display:block;width:100%;min-width:520px}.midi-caption{padding:8px 14px 12px;font-size:.75rem;color:var(--muted)}.mobile-hint{display:none}.midi-links{display:flex;gap:14px;flex-wrap:wrap;font-size:.75rem;padding:8px 14px 12px}.reference-audio{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px 14px}.reference-audio.emphasis{background:var(--reference);border-color:var(--coral)}.reference-audio.before,.reference-audio.emphasis.synthesis{background:var(--mint);border-color:var(--teal)}.audio-title{font-weight:700;font-size:.9375rem;margin-bottom:3px}.emphasis .audio-title{color:var(--coral)}.reference-audio.before .audio-title,.emphasis.synthesis .audio-title{color:var(--teal)}.audio-detail{font-size:.75rem;color:var(--muted);margin-bottom:8px}.model{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:13px 15px;background:var(--surface)}.model.ours{border-left:3px solid var(--teal)}.model-heading{display:flex;align-items:center;gap:8px}.ours-tag{font-size:.6875rem;background:var(--mint);color:var(--teal);padding:1px 6px;border-radius:4px;font-weight:700}.player{display:grid;grid-template-columns:42px minmax(0,1fr) 92px;gap:12px;align-items:center;width:100%;padding-top:5px}.play{border:0;background:var(--button);color:var(--button-ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:1rem}.timeline{position:relative;height:43px;min-width:0}.rail{position:absolute;left:0;right:0;height:12px;top:9px;border-radius:4px;background:var(--rail)}.target-span{position:absolute;left:var(--start);width:var(--span);height:12px;background:var(--gold-fill);border-left:2px solid var(--gold);border-right:2px solid var(--gold)}.cursor{position:absolute;left:var(--progress,0%);top:-4px;bottom:-4px;width:2px;background:var(--text);pointer-events:none}.seek{appearance:none;-webkit-appearance:none;position:absolute;left:0;right:0;top:0;width:100%;height:30px;background:transparent;margin:0;cursor:pointer}.seek::-webkit-slider-runnable-track{height:12px;background:transparent}.seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--button);width:10px;height:22px;border-radius:4px;margin-top:-5px}.seek::-moz-range-track{height:12px;background:transparent}.seek::-moz-range-thumb{background:var(--button);width:10px;height:22px;border:0;border-radius:4px}.target-label{position:absolute;top:26px;left:50%;transform:translateX(-50%);font-size:.75rem;white-space:nowrap;color:var(--gold);font-weight:650}.time{font-variant-numeric:tabular-nums;font-size:.75rem;text-align:right;color:var(--muted)}.audio-error{grid-column:1/-1;font-size:.8125rem;color:var(--coral)}.transport{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;padding:12px 0 0;font-size:.8125rem;color:var(--muted)}.transport button{font-size:.8125rem;padding:6px 11px}.transport label{display:flex;align-items:center;gap:7px}.transport input{accent-color:var(--teal);width:16px;height:16px}.availability{font-size:.8125rem;color:var(--muted);padding:8px 2px}.empty{border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--surface);color:var(--muted)}.playhead{stroke:var(--text);stroke-width:1.5;pointer-events:none}.playhead.before{stroke:var(--teal)}.playhead.edited{stroke:var(--coral)}.pitch-label,.tick-label{fill:var(--muted);font:11px system-ui,sans-serif}.pitch-line{stroke:var(--grid);stroke-width:1}.region-edge{stroke:var(--gold);stroke-width:1;stroke-dasharray:3 3}footer{margin-top:35px;padding-top:20px;padding-bottom:34px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}footer summary{cursor:pointer;width:max-content;font-weight:650}footer p{max-width:1000px;margin-top:10px}
@media(min-width:951px){.workspace.synthesis .reference-panel{position:sticky;top:18px}.model-list{max-height:calc(100vh - 100px);overflow-y:auto;overscroll-behavior-y:contain;padding-right:7px}}
@media(min-width:1100px) and (min-height:850px){.reference-panel{position:sticky;top:18px}}
@media(max-width:950px){.page-header{padding-top:26px;align-items:flex-start}.header-tools{gap:14px}.workspace{grid-template-columns:1fr}.reference-panel{position:static}.selection-title{min-width:155px}.model-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.model{margin:0}.output-panel{position:static;margin-top:3px}.player{grid-template-columns:42px minmax(0,1fr) 88px}.midi-panel{max-width:none}}
@media(max-width:640px){.mobile-hint{display:block;padding:0 14px 6px;font-size:.75rem;color:var(--muted)}.page-header,main,footer{padding-left:16px;padding-right:16px}.page-header{display:block;padding-bottom:20px}.eyebrow{font-size:.65rem;letter-spacing:.09em}.intro{font-size:.875rem}.header-tools{margin-top:15px;justify-content:space-between}.header-tools label{display:flex;align-items:center;gap:8px}.sections{gap:3px;overflow-x:auto;padding-bottom:10px}.sections button{font-size:.8125rem;padding:9px 10px;white-space:nowrap}.sections button span{display:block;margin-left:0}.selection{flex-wrap:wrap;padding:20px 0 16px;gap:8px}.selection-title{width:100%}.selection-title h2{font-size:1.35rem}.crop-select{margin:0;flex:1}.crop-select select{font-size:.875rem;padding-left:9px}.step-buttons{gap:4px}.step-buttons button{width:34px}.example-heading{display:block}.example-heading h3{font-size:1.2rem}.task{display:inline-block;margin-top:9px;white-space:normal}.instruction{font-size:.875rem;padding:10px 12px}.workspace{gap:20px}.model-list{display:block}.model{margin-bottom:12px;padding:12px}.reference-audio{padding:12px}.player{grid-template-columns:38px minmax(0,1fr);gap:8px}.play{width:36px;height:36px}.time{grid-column:2;text-align:left;margin-top:-5px}.target-label{font-size:.75rem}.midi-tools{padding:9px 12px}.midi-tools select{max-width:185px}.piano-scroll svg{min-width:560px}.audio-title{font-size:.875rem}.model-heading{flex-wrap:wrap}.transport{gap:8px}.reference-panel .midi-caption{font-size:.6875rem}footer{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.instruction strong{color:var(--gold);font-weight:750}
.instruction{background:linear-gradient(110deg,var(--cream),var(--surface));line-height:2}
.task-keyword{display:inline-block;max-width:100%;padding:1px 7px;margin:2px 0;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:4px;background:var(--surface);color:var(--gold);font-weight:400;line-height:1.55;vertical-align:baseline}
.crop-select{color:var(--teal);font-weight:650}
.crop-select select{border:2px solid var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 10%,transparent);font-weight:500}
.crop-select select:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 20%,transparent)}
.sections .featured-tab{--tab-accent:var(--lilac-ink);border:1px solid color-mix(in srgb,var(--tab-accent) 25%,var(--line));border-radius:12px 12px 12px 4px;background:transparent;color:var(--tab-accent)}
.sections .featured-tab[data-section=bonus]{--tab-accent:var(--gold)}
.sections .featured-tab:hover{border-color:var(--tab-accent)}
.sections button[aria-pressed=true],.sections .featured-tab[aria-pressed=true]{background:var(--lilac);color:var(--lilac-ink);border-color:var(--lilac-ink);box-shadow:inset 0 -3px 0 var(--lilac-ink)}
.sections button .tab-icon{display:inline-block;margin:0 7px 0 0;font-size:1em}
.ours-tag{white-space:nowrap;flex-shrink:0}

/* Paper introduction and project resources. */
.task-context{margin-top:20px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:var(--sky);font-size:.9375rem;line-height:1.75}
.task-context .model-reference{margin-top:12px;color:var(--muted);font-size:.8125rem}
.page-header{padding-top:44px;padding-bottom:28px}
.resource-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:30px}
.resource-link{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;padding:11px 17px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.9375rem;font-weight:650}
.repo-link{background:var(--mint);color:var(--teal);border-color:var(--teal)}
.repo-link:hover{outline:2px solid var(--teal);outline-offset:2px}
.dataset-link{background:var(--lilac);color:var(--lilac-ink)}
.data-link{background:var(--sky);color:var(--text)}
.resource-link[aria-disabled=true]{cursor:default}
.resource-status{font-size:.6875rem;font-weight:500;opacity:.8}
.listen-link{margin-left:auto;font-size:.875rem;font-weight:650;white-space:nowrap}
.listen-link span{margin-left:8px}
.abstract{display:grid;grid-template-columns:155px minmax(0,1fr);gap:32px;padding:28px 0 34px;border-top:1px solid var(--line)}
.abstract h2,.section-heading h2{font-size:1.3rem;letter-spacing:-.025em}
.abstract p{max-width:1060px;font-size:1rem;line-height:1.85}
.overview{padding-bottom:38px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.section-heading>a,.section-heading>p{font-size:.8125rem;color:var(--muted)}
.overview-image{display:block;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}
.overview-image img{display:block;width:100%;height:auto}
.audio-examples{border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:22px}
@media(max-width:950px){.abstract{grid-template-columns:120px minmax(0,1fr);gap:24px}.resource-link{gap:18px}.listen-link{margin-left:0}}
@media(max-width:640px){
  .page-header{padding-top:28px;padding-bottom:22px}
  .resource-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding-bottom:24px}
  .resource-link{min-width:0;min-height:47px;padding:10px 12px;gap:6px;font-size:.8125rem}
  .dataset-link{grid-column:1/-1;grid-row:2}
  .resource-status{font-size:.625rem}
  .listen-link{grid-column:1/-1;margin-top:7px;font-size:.8125rem}
  .abstract{display:block;padding:24px 0 28px}
  .abstract h2{margin-bottom:12px}
  .abstract p{font-size:.9375rem;line-height:1.8}
  .section-heading{flex-wrap:wrap;gap:4px;margin-bottom:12px}
  .section-heading>a,.section-heading>p{font-size:.75rem}
  .overview{padding-bottom:28px}
  .overview-image{padding:8px;border-radius:7px}
  .audio-examples{padding-top:24px}
}

.sections{flex-wrap:wrap}
.paper-reference{font-size:.75rem;color:var(--muted);margin:2px 0 9px}
.paper-reference summary{cursor:pointer;width:max-content;color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.paper-reference p{margin-top:8px;line-height:1.6}
.paper-reference a{white-space:nowrap}
@media(max-width:1150px){.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}.sections button{min-width:0;white-space:normal}}

.ablation-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;font-size:.8125rem;font-weight:650;color:var(--muted)}
.ablation-control select{min-width:0;max-width:100%;font-size:.8125rem;font-weight:400}

.generation-time{margin:0 0 10px;font-size:.75rem;color:var(--muted)}
.generation-note{margin:14px 0;font-size:.75rem;color:var(--muted);line-height:1.6}
.generation-note summary{cursor:pointer;width:max-content;max-width:100%;color:var(--teal)}
.generation-note p{margin:8px 0 0}