:root{color-scheme:dark;--ink:#dce8ed;--muted:#96aeba;--rule:#2c404b;--rule-dark:#435865;--paper:#111f28;--soft:#0d1820;--navy:#9be2c7;--navy-dark:#b5f0db;--blue:#86bfae;--blue-pale:#254139;--accent:#9be2c7;--accent-pale:#224639;--shadow:none;}
body{background:radial-gradient(ellipse at 70% 0,#1b343d,transparent 55rem),#0b131a;}
[hidden]{display:none!important;}
.site-nav{position:static;background:transparent;border-bottom:1px solid #ffffff0d;}
.site-nav__inner,main,footer{width:min(1380px,calc(100% - 64px));}.site-nav__inner{min-height:70px;}.site-nav__brand{font-family:inherit;letter-spacing:-1px;font-size:23px;}.site-nav__links{font-size:12px;}
main{margin:0 auto;padding-top:32px;}h1,h2{font-family:inherit;}
.unified-heading h1{font-size:clamp(32px,4vw,52px);font-weight:650;line-height:1.15;letter-spacing:-1.7px;margin-bottom:12px;}
.unified-heading p{color:#a9bec8;font-size:15px;}.unified-heading .section-label{font-size:10px;letter-spacing:2px;color:#9cbfb0;}
.demo-jumps{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin:24px 0 36px;font-size:13px;}
.demo-jumps>span{color:#8aa6b2;font-size:11px;}
.demo-jumps a{color:#b3e6d2;text-decoration:underline;text-underline-offset:5px;padding:5px 0;}
.listening-section{scroll-margin-top:24px;min-width:0;}
.listening-section-title{font-size:clamp(25px,3vw,32px);font-weight:600;letter-spacing:-.7px;line-height:1.25;margin:0 0 18px;}
#instrument-parts,#note-editing{margin-top:48px;padding-top:36px;border-top:1px solid #344b57;}
#note-editing .editor-section-intro{color:#a9bec8;margin:-6px 0 17px;font-size:14px;}
.note-editor-frame{display:block;width:100%;height:810px;border:0;border-radius:18px;background:#0e1820;}
.demo-shell{background:#111f28;border-radius:18px;border:1px solid var(--rule);padding:24px;min-width:0;box-shadow:0 18px 50px #0002;}
.demo-heading h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;}.demo-heading .section-label{font-size:10px;letter-spacing:1.3px;color:#88ac9f;}
.request-label{font-size:11px;color:#8ba5b2;}
.example-tabs{margin:0 0 13px;padding:0;background:none;backdrop-filter:none;border:0;flex-wrap:wrap;overflow:visible;gap:8px;}
.tab{border:1px solid #2d424f;border-radius:9px;font-size:12px;padding:10px 14px;background:#14242e;white-space:normal;}
.tab[aria-selected=true]{background:#274b40;color:#cff4e5;border-color:#7eb8a1;}.tab:hover{background:#274039;}
.source-section,.instrument-listening-dock{background:none;border:0;}
.control-label{font-size:10px;font-weight:500;letter-spacing:1px;color:#87a49d;margin-bottom:7px;}
.source-buttons{display:flex;flex-wrap:wrap;gap:7px;}.source-button{border:1px solid #344b57;background:#172b34;color:#bfd0d8;border-radius:8px;padding:9px 13px;min-height:39px;font-size:12px;white-space:normal;}
.source-button:hover{background:#28463f;}.source-button[aria-pressed=true]{background:#294f41;border-color:#9be2c7;color:#d6ffeb;}
.unified-demo .instrument-demo-shell .source-button{background:#172b34;color:#bfd0d8;border:1px solid #344b57;font-weight:500;}
.unified-demo .instrument-demo-shell .source-button[aria-pressed=true]{background:#294f41;border-color:#9be2c7;color:#d6ffeb;}
.unified-demo .instrument-demo-shell .source-section{border:0;padding:0;}
.unified-demo .site-nav__links a{display:inline;}
.source-button strong{font-weight:500;}.source-button small{color:#91aca2;font-size:10px;}
.source-buttons--secondary .source-button{background:#172630;}.source-buttons--secondary .source-button[aria-pressed=true]{background:#294f41;}
.baseline-details{border:0!important;background:transparent!important;padding:0!important;margin-top:12px!important;}
.source-section{padding:0;margin:14px 0;}
.unified-note-controls{border-bottom:1px solid var(--rule);padding-bottom:17px;margin-bottom:0;display:flex;gap:22px;align-items:start;flex-wrap:wrap;}
.unified-note-controls .source-section{flex:1;min-width:260px;}
.unified-workbench{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.45fr);gap:20px;align-items:start;padding-top:20px;}
.unified-workbench>*{min-width:0;}
.score-section{margin:0;padding:15px;background:#102029;border:1px solid #2a3e48;border-radius:12px;}
.score-heading{display:block;margin-bottom:13px;}.score-heading h3{font-size:11px;line-height:1.6;color:#a6bcc6;}.legend{font-size:9px;margin-top:10px;flex-wrap:wrap;gap:8px;}.legend__swatch{background:#5a8b7c;}.legend__swatch--target{background:#c5f4db;}
.roll-label{font-size:13px;}.roll-note--selected{filter:drop-shadow(0 0 4px #9be2c780);}
.piano-roll{background:#10222b;border:0;border-radius:5px;max-height:380px;overflow:auto;}.piano-roll svg{min-width:0;width:100%;height:auto;min-height:230px;}.roll-note{stroke:#a3ddc5;}.roll-note--selected{stroke:#f1fff9;}.score-note{font-size:10px;line-height:1.65;margin:12px 0 0;color:#809daa;}
.viewer-switch{display:flex;justify-content:flex-end;gap:6px;margin-bottom:9px;}.viewer-switch button{border:1px solid #304954;border-radius:6px;background:#132731;color:#93b4be;padding:6px 10px;font-size:11px;cursor:pointer;}.viewer-switch button[aria-pressed=true]{color:#d4f4e5;background:#264338;border-color:#699b86;}
.note-spatial{position:relative;height:370px;background:radial-gradient(ellipse at 55% 35%,#203944,#10202a 80%);border:1px solid var(--rule);border-radius:12px;overflow:hidden;}
.note-spatial canvas{display:block;width:100%;height:100%;touch-action:pan-y;}.note-spatial-labels{position:absolute;inset:0;pointer-events:none;}
.spatial-label{position:absolute;white-space:nowrap;font-size:10px;color:#adc7d3;}.spatial-note-label{background:#12242ce8;color:#bdecd6;border:1px solid #709f8d;border-radius:5px;padding:4px 8px;}
.spatial-status{position:absolute;top:13px;left:16px;font-size:10px;color:#94b4bf;max-width:calc(100% - 32px);pointer-events:none;}
.spatial-caption{font-size:10px;line-height:1.6;color:#799ba9;margin:10px 2px;}
.transport{background:none;border:0;padding:13px 0 0;gap:8px;flex-wrap:wrap;}.button{background:#1b303a;color:#b5ced7;border:1px solid #344d58;border-radius:8px;font-size:12px;padding:10px 14px;}.button--primary{background:#9be2c7;color:#153528;border-color:#9be2c7;}.button--quiet{background:none;}.region-readout{font-size:10px;color:#8babb7;}
.unified-note-time{font-size:11px;color:#b4d4da;font-variant-numeric:tabular-nums;margin-left:auto;}
.spectrogram-card{margin:0;background:#10202a;border-color:#304550;border-radius:12px;}.spectrogram-meta{background:#1b303b;font-size:11px;padding:12px;}.spectrogram-axis{font-size:10px;color:#9fbac7;}.spectrogram-card .hint{color:#819eac;background:#142630;font-size:10px;line-height:1.6;margin:0;padding:11px;}
.spectrogram-plot-layout,.instrument-spectrogram-wrap{height:300px;grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 24px;}
.instrument-demo-shell{margin:0;}.instrument-listening-dock{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0 16px;border-bottom:1px solid var(--rule);padding:0 0 14px;}.instrument-listening-dock>.source-section{margin:0;}.instrument-listening-dock>.source-section:last-child{flex-basis:100%;}
.source-buttons--parts .source-button{min-width:0;padding:7px 11px;gap:7px;}.instrument-icon{width:23px!important;height:27px!important;background:#a9d8c3!important;}.instrument-part-label{font-size:11px;}
.instrument-note-lane-panel{background:#10232d;border-color:#294652;}.instrument-note-lane-meta{font-size:10px;color:#9db9c6;}.instrument-note-lane{background:#10232d;}.instrument-note-blob{fill:#538a77;stroke:#a1d7bf;}
.instrument-spatial-frame{display:block;width:100%;height:680px;border:0;background:#10202a;border-radius:12px;}.instrument-view-note{font-size:10px;color:#809eab;line-height:1.5;margin-bottom:12px;}
.unified-research{margin-top:36px;border-top:1px solid var(--rule);padding-top:28px;}.unified-research>summary{font-size:14px;color:#bad7d2;cursor:pointer;}
.paper-header{width:100%;background:none;border:0;padding:24px 0;color:#aac0ca;}.paper-header__inner{width:100%;}.paper-header h1{font-size:28px;}.paper-header .venue{display:none;}.paper-subtitle{font-family:inherit;font-size:14px;color:#9fbbc6;margin-bottom:12px;}.authors{font-size:12px;}.affiliations{font-size:11px;color:#7996a4;}.paper-links a{font-size:12px;border-color:#3a5f58;border-radius:6px;color:#b3dbcb;}.paper-links a:first-child{background:#204338;color:#c8efdf;}
.paper-section{box-shadow:none;border:0;background:none;padding:20px 0;}.abstract-section h2{text-align:left;font-size:19px;}.abstract-section>p{font:13px/1.9 inherit;color:#a5bbc5;max-width:1100px;margin:0;}
footer{font-size:11px;padding:25px 0;color:#6e909f;border:0;}
.baseline-reference-link{letter-spacing:0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.baseline-citations{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule);font-size:12px;line-height:1.7;overflow-wrap:anywhere;}
.baseline-citations h2{font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;margin:0 0 8px;}
.baseline-citations ol{margin:0;padding-left:22px;}
.baseline-citations li{padding-left:4px;margin:5px 0;scroll-margin-top:24px;}
.baseline-citations a{text-underline-offset:3px;}
button:focus-visible,a:focus-visible{outline:2px solid #b0ecd1;outline-offset:3px;}
.viewer-switch button:disabled{opacity:.45;cursor:not-allowed;}
.demo-heading,.request-label,.instrument-audition__status{overflow-wrap:anywhere;}
.mode-switch button,.viewer-switch button,.source-button,.button{touch-action:manipulation;}
@media(max-width:1000px){.unified-workbench{grid-template-columns:minmax(220px,.75fr) minmax(0,1.3fr);}.note-spatial{height:330px;}}
@media(max-width:700px){.site-nav__inner,main,footer{width:calc(100% - 28px);}.site-nav__inner{min-height:58px;}.site-nav__links{gap:14px;font-size:11px;}main{padding-top:25px;}.unified-heading h1{font-size:33px;letter-spacing:-1px;}.mode-switch{margin:20px 0 16px;}.mode-switch button{flex:1;padding:11px 10px;font-size:12px;}.demo-shell{padding:16px;border-radius:14px;}.demo-heading h2{font-size:21px;}.unified-workbench{display:flex;flex-direction:column;gap:16px;}.unified-workbench>*{width:100%;}.unified-workbench>.score-section{order:1;}.unified-viewer{order:0;}.note-spatial{height:290px;}.unified-note-controls{gap:0;}.unified-note-controls .source-section{min-width:0;flex-basis:100%;}.unified-note-controls .source-section+.source-section{margin-top:0;}.source-button{font-size:11px;padding:8px 10px;}.example-tabs{gap:6px;}.tab{font-size:11px;padding:8px 10px;}.spectrogram-plot-layout,.instrument-spectrogram-wrap{height:245px;}.instrument-listening-dock{gap:12px;}.instrument-spatial-frame{height:825px;}.piano-roll{max-height:300px;}.paper-links{gap:6px;}.site-nav__links a[href="#how-to"]{display:none;}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}

/* One compact listening surface; the two columns share their top edge. */
.demo-heading,.instrument-view-note,.score-note,.score-heading h3,.score-heading .legend,.spectrogram-card>.hint{display:none!important;}
.recording-picker{display:flex;align-items:center;gap:14px;width:100%;min-width:0;color:#9fbcb8;font-size:11px;}
.recording-picker>span{flex-shrink:0;text-transform:uppercase;letter-spacing:1px;}
.recording-picker select{color:#deece7;background:#172b34;border:1px solid #527465;border-radius:9px;padding:12px 36px 12px 13px;font-family:inherit;font-size:14px;line-height:1.4;width:100%;min-width:0;max-width:100%;cursor:pointer;}
.recording-picker select:focus-visible{outline:2px solid #9be2c7;outline-offset:3px;}
.example-tabs{display:block;margin:0 0 20px;}
.model-groups{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.9fr);gap:18px;width:100%;}
.output-group{min-width:0;}.output-group .control-label{margin:0 0 9px;}.unavailable-reference{font-size:11px;line-height:1.6;color:#839a9f;}
.unified-note-controls{display:block;padding:0 0 18px;}.unified-note-controls>.source-section{margin:0;min-width:0;}
.unified-workbench{align-items:stretch;gap:12px 18px;padding-top:16px;}
.unified-workbench>.viewer-switch,.unified-workbench>.transport{grid-column:1/-1;}
.unified-workbench>.viewer-switch{margin:0;}
.unified-viewer,.unified-workbench>.score-section{padding:14px;border:1px solid #2a3e48;border-radius:12px;background:#102029;}
.score-heading,.viewer-heading{display:block;height:22px;margin:0 0 10px;color:#a5c2be;font-size:11px;line-height:22px;}
.score-heading .control-label{margin:0;font-size:11px;line-height:22px;}
.piano-roll{height:440px;max-height:440px;}.note-spatial{height:440px;}.unified-viewer .spectrogram-plot-layout{height:396px;}
.viewer-switch{flex-wrap:wrap;}.viewer-switch button{font-size:12px;padding:9px 13px;min-height:38px;white-space:normal;}
.viewer-switch button:last-child{border-color:#547b72;color:#cee7df;}
.note-spatial canvas,.instrument-plot,.spectrogram{cursor:crosshair;}
.spatial-status{display:none;}.note-spatial[data-ready=false] .spatial-status{display:block;}
.instrument-listening-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;}
.instrument-listening-dock>.source-section:first-child{grid-column:1/-1;}
.instrument-listening-dock>.source-section:nth-child(2){grid-column:1/-1;}
.instrument-listening-dock>.source-section:nth-child(3){grid-column:1/-1;}
#instrument-mixture-output{grid-column:1/-1;}
.instrument-listening-dock>.source-section .source-buttons--examples{display:block;}
@media(max-width:800px){.model-groups{grid-template-columns:1fr 1fr;}.model-groups>.output-group:last-child{grid-column:1/-1;}.piano-roll,.note-spatial{height:330px;max-height:330px;}}
@media(max-width:700px){.unified-workbench{display:grid;grid-template-columns:minmax(0,1fr);}.unified-workbench>.viewer-switch{order:0;}.unified-workbench>.unified-viewer{order:1;}.unified-workbench>.score-section{order:2;}.unified-workbench>.transport{order:3;}.recording-picker{display:block;}.recording-picker>span{display:block;margin-bottom:7px;}.recording-picker select{font-size:12px;}.note-spatial{height:320px;}.piano-roll{height:240px;max-height:240px;}.model-groups{gap:14px;}.unified-viewer .spectrogram-plot-layout{height:276px;}}