.audio-inversion-demo{--ink:#363636;--body:#4f5661;--muted:#747b86;--paper:#ffffff;--soft:#f6f7f9;--line:#dfe3e8;--blue:#2f63d8;--green:#2fbf7d;--red:#ed5f4f;--gold:#e5b83e}.audio-inversion-demo,.audio-inversion-demo *{box-sizing:border-box}html{scroll-behavior:smooth}.audio-inversion-demo{margin:0;background:var(--paper);color:var(--ink);font-family:Google Sans,Inter,Arial,Helvetica,sans-serif}.audio-inversion-demo a{color:var(--blue);text-decoration:none}.audio-inversion-demo a:hover{text-decoration:underline}.audio-inversion-demo button,.audio-inversion-demo select{font:inherit}.audio-inversion-demo{padding:44px clamp(18px,5vw,64px) 0}.audio-inversion-demo .publication-hero,.audio-inversion-demo .teaser,.audio-inversion-demo .abstract,.audio-inversion-demo .results{max-width:1120px;margin:0 auto}.audio-inversion-demo .listening{max-width:1360px;margin:0 auto}.audio-inversion-demo .publication-hero{text-align:center;padding:18px 0 24px}.audio-inversion-demo .project-kicker{margin:0 0 12px;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.audio-inversion-demo .post-title{margin:0 auto;max-width:980px;text-align:center;color:var(--ink);font-size:clamp(26px,4.5vw,42px);font-weight:400;line-height:1.125;letter-spacing:0}.audio-inversion-demo .publication-subtitle{margin:15px auto 0;max-width:760px;color:var(--body);font-size:20px;line-height:1.4}.audio-inversion-demo .publication-authors{margin-top:18px;text-align:center;font-size:17px;line-height:1.5}.audio-inversion-demo .publication-authors sup{margin-left:2px;color:var(--muted);font-size:11px}.audio-inversion-demo .publication-affiliations{margin-top:9px;text-align:center;font-size:.92rem;line-height:1.45;color:#5f6368}.audio-inversion-demo .publication-affiliations .affil-line{margin:2px 0}.audio-inversion-demo .publication-affiliations sup{font-weight:600;color:#3c4043}.audio-inversion-demo .publication-icons{margin:28px 0 26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.audio-inversion-demo .btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:7px;padding:.5rem 1.5rem;background:var(--ink);color:#fff;font-size:17px;font-weight:500;text-transform:none}.audio-inversion-demo .btn:nth-child(2){background:var(--blue)}.audio-inversion-demo .btn:nth-child(3){background:#eef1f5;color:var(--ink)}.audio-inversion-demo .github-btn{gap:9px}.audio-inversion-demo .github-btn svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}.audio-inversion-demo .btn:hover{text-decoration:underline}.audio-inversion-demo .tldr{max-width:820px;margin:0 auto;color:var(--body);font-size:17px;line-height:1.55}.audio-inversion-demo .tldr strong{color:var(--ink)}.audio-inversion-demo .teaser{padding:18px 0 30px;text-align:center}.audio-inversion-demo .teaser img{display:block;width:min(960px,100%);margin:0 auto;border-radius:8px;box-shadow:0 10px 34px #1e263724}.audio-inversion-demo .teaser p{max-width:880px;margin:18px auto 0;color:var(--body);font-size:16px;line-height:1.55}.audio-inversion-demo .abstract{padding:20px 0 36px}.audio-inversion-demo .abstract h2,.audio-inversion-demo .results-intro h2,.audio-inversion-demo .section-heading h2{margin:0 0 22px;text-align:center;color:var(--ink);font-size:30px;font-weight:400;line-height:1.125}.audio-inversion-demo .abstract p{max-width:900px;margin:0 auto;color:var(--body);font-size:16px;line-height:1.7;text-align:justify}.audio-inversion-demo .stats{margin:28px auto 0;max-width:720px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.audio-inversion-demo .stats div{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:18px}.audio-inversion-demo .stats dt{color:var(--ink);font-size:30px;font-weight:600;line-height:1}.audio-inversion-demo .stats dd{margin:7px 0 0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.audio-inversion-demo .results,.audio-inversion-demo .listening{padding:38px 0 44px}.audio-inversion-demo .results-intro,.audio-inversion-demo .section-heading{margin-bottom:24px;text-align:center}.audio-inversion-demo .section-number{margin:0 0 10px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.audio-inversion-demo .results-intro p:last-child,.audio-inversion-demo .section-heading>p{max-width:720px;margin:0 auto;color:var(--body);line-height:1.55}.audio-inversion-demo .result-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 12px 36px #141c2a14}.audio-inversion-demo .result-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:stretch}.audio-inversion-demo .result-toolbar label,.audio-inversion-demo .controls label{background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:12px 14px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;display:flex;flex-direction:column;gap:7px}.audio-inversion-demo .result-toolbar label{width:230px}.audio-inversion-demo .result-toolbar select,.audio-inversion-demo .controls select{border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:600;outline:none}.audio-inversion-demo .comparison-mode{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.audio-inversion-demo .comparison-mode button,.audio-inversion-demo .encoder-toggles button,.audio-inversion-demo .pager button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 14px;color:var(--ink);font-weight:600;cursor:pointer}.audio-inversion-demo .comparison-mode button.active{background:var(--ink);border-color:var(--ink);color:#fff}.audio-inversion-demo .result-explainer{display:grid;grid-template-columns:minmax(260px,.86fr) minmax(420px,1.35fr);gap:12px;align-items:stretch;margin:14px 0 16px}.audio-inversion-demo .ablation-notes{display:grid;grid-template-columns:1fr;gap:10px;margin:0}.audio-inversion-demo .ablation-notes p{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--body);font-size:12px;line-height:1.45}.audio-inversion-demo .ablation-notes .setup-badges{display:inline-flex;margin-right:6px;vertical-align:middle}.audio-inversion-demo .schedule-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fff}.audio-inversion-demo .schedule-copy{display:flex;flex-direction:column;gap:6px}.audio-inversion-demo .schedule-copy strong{font-size:13px;font-weight:600;color:var(--ink)}.audio-inversion-demo .schedule-copy span{color:var(--muted);font-size:12px;line-height:1.45}.audio-inversion-demo .schedule-chart{width:100%;height:auto;min-height:132px}.audio-inversion-demo .schedule-chart line{stroke:#e7eaef;stroke-width:1}.audio-inversion-demo .schedule-chart path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.audio-inversion-demo .schedule-chart text{fill:var(--muted);font-size:10px;text-anchor:end}.audio-inversion-demo .schedule-chart .x-tick{text-anchor:middle}.audio-inversion-demo .schedule-chart .peak-label{fill:var(--ink);font-weight:600;text-anchor:end}.audio-inversion-demo .schedule-legend{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--body);font-size:11px;font-weight:600}.audio-inversion-demo .schedule-legend span{display:inline-flex;align-items:center;gap:6px}.audio-inversion-demo .schedule-legend b{width:18px;height:3px;border-radius:99px;display:inline-block}.audio-inversion-demo .encoder-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}.audio-inversion-demo .encoder-toggles>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;margin-right:4px}.audio-inversion-demo .encoder-toggles button{display:flex;align-items:center;gap:9px;font-size:12px}.audio-inversion-demo .encoder-toggles button[aria-pressed=true]{background:#e9f8f0;border-color:#8cdab5;color:#116a43}.audio-inversion-demo .encoder-toggles em{font-style:normal;font-size:14px}.audio-inversion-demo .table-caption{display:block;width:100%;box-sizing:border-box;margin:10px 0 14px;padding:10px 14px;border-radius:7px;color:var(--muted);font-size:12px;font-weight:600}.audio-inversion-demo .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px}.audio-inversion-demo table{width:100%;border-collapse:collapse;font-size:13px}.audio-inversion-demo th{text-align:left;background:var(--soft);color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;padding:13px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.audio-inversion-demo td{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}.audio-inversion-demo tr:last-child td{border-bottom:0}.audio-inversion-demo td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.audio-inversion-demo .metric-value{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-inversion-demo .selection-labels{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.audio-inversion-demo .best-label{display:inline-flex;align-items:center;border-radius:4px;padding:3px 5px;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1;color:#168a55;background:#eafbf2}.audio-inversion-demo .best-label.test-best{color:#106b41;background:#eafbf2}.audio-inversion-demo .best-label.validation-best{color:#805a00;background:#fff4d0}.audio-inversion-demo .variant-mark{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--variant)}.audio-inversion-demo .variant-mark.plain{--variant:#9aa1ad}.audio-inversion-demo .variant-mark.small{--variant:#65aeca}.audio-inversion-demo .variant-mark.default,.audio-inversion-demo .scheduler.default{--variant:var(--gold)}.audio-inversion-demo .variant-mark.plateau,.audio-inversion-demo .scheduler.plateau{--variant:#8f70db}.audio-inversion-demo .variant-mark.slow,.audio-inversion-demo .scheduler.slow{--variant:#dd4b82}.audio-inversion-demo .variant-mark.hold,.audio-inversion-demo .scheduler.hold{--variant:#1cae9b}.audio-inversion-demo .setup-badges{display:flex;gap:5px}.audio-inversion-demo .setup-badges span{border:1px solid var(--line);border-radius:6px;color:#9aa1ad;padding:5px 7px;font-size:9px;font-weight:700;text-transform:uppercase}.audio-inversion-demo .setup-badges span.on{border-color:#9ddfbd;color:#106b41;background:#eafbf2}.audio-inversion-demo .scheduler{display:inline-block;border-left:5px solid var(--variant);border-radius:4px;padding:6px 8px;background:var(--soft);font-size:10px;font-weight:700}.audio-inversion-demo .distributions{padding-top:8px}.audio-inversion-demo .plot-toolbar{justify-content:flex-start}.audio-inversion-demo .plot-toolbar .comparison-mode{margin-left:auto}.audio-inversion-demo .violin-legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 12px;color:var(--muted);font-size:11px;font-weight:600}.audio-inversion-demo .violin-legend span{display:inline-flex;align-items:center;gap:6px}.audio-inversion-demo .violin-legend .swatch-mean{width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:inline-block}.audio-inversion-demo .violin-legend .swatch-median{width:16px;height:2px;background:var(--ink);display:inline-block}.audio-inversion-demo .violin-legend .swatch-box{width:12px;height:10px;background:var(--muted);opacity:.55;border-radius:2px;display:inline-block}.audio-inversion-demo .violin-legend-hint{margin-left:auto;font-weight:500;color:#9aa1ad;text-transform:none}.audio-inversion-demo .violin-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:#fff}.audio-inversion-demo .violin-chart{display:block;width:100%;height:auto}.audio-inversion-demo .violin-chart.violin-vertical{min-width:760px}.audio-inversion-demo .violin-chart.violin-horizontal{min-width:640px}.audio-inversion-demo .violin-chart line{stroke:#e9ecf1;stroke-width:1}.audio-inversion-demo .violin-chart .zero-axis{stroke:#c7ccd6;stroke-width:1.3}.audio-inversion-demo .violin-chart text{fill:var(--muted);font-size:10px}.audio-inversion-demo .violin-chart .row-label{fill:var(--body);font-size:11px;font-weight:600}.audio-inversion-demo .violin-chart .x-label{fill:var(--body);font-weight:600}.audio-inversion-demo .violin-group .hit-area{fill:transparent;cursor:pointer}.audio-inversion-demo .violin-shape{opacity:.5;stroke:#1e243047;stroke-width:1;transition:opacity .15s ease}.audio-inversion-demo .violin-group.active .violin-shape{opacity:.8}.audio-inversion-demo .violin-chart .whisker,.audio-inversion-demo .violin-chart .whisker-cap{stroke:#2b3140;stroke-width:1.3}.audio-inversion-demo .violin-chart .box{opacity:.85;stroke:#2b3140;stroke-width:1}.audio-inversion-demo .violin-chart .median{stroke:#20242c;stroke-width:2.2}.audio-inversion-demo .violin-chart .mean-dot{stroke-width:2}.audio-inversion-demo .violin-tooltip rect{fill:#20242c;opacity:.95}.audio-inversion-demo .violin-tooltip .tooltip-title{fill:#fff;font-weight:700;font-size:10px}.audio-inversion-demo .violin-tooltip .tooltip-line{fill:#c9ced8;font-size:10px}.audio-inversion-demo .plot-empty{border:1px solid var(--line);border-radius:7px;padding:34px;color:var(--muted);text-align:center;font-size:13px;font-weight:600}.audio-inversion-demo .controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.audio-inversion-demo .example-card{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);overflow:hidden}.audio-inversion-demo .source-copy{padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:360px}.audio-inversion-demo .source-copy>span,.audio-inversion-demo .encoder>span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.audio-inversion-demo .source-copy>div{margin:auto 0}.audio-inversion-demo .source-label{margin:0;color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase}.audio-inversion-demo .source-copy h3{font-size:26px;font-weight:500;line-height:1.08;margin:10px 0;color:var(--ink)}.audio-inversion-demo .source-copy p{color:var(--body)}.audio-inversion-demo .source-copy audio,.audio-inversion-demo .encoder audio{width:100%;height:34px}.audio-inversion-demo .spectrogram-player{width:100%;margin-top:10px}.audio-inversion-demo .spectrogram-surface{position:relative;display:block;width:100%;aspect-ratio:10/3;border:1px solid var(--line);border-radius:6px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;cursor:pointer;overflow:hidden}.audio-inversion-demo .spectrogram-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff14,#00000014);pointer-events:none}.audio-inversion-demo .playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0006,0 0 10px #00000073;transform:translate(-1px);z-index:2}.audio-inversion-demo .spectrogram-controls{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:11px;font-weight:700}.audio-inversion-demo .spectrogram-controls .play-toggle{width:30px;height:30px;padding:0;border-radius:50%;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.audio-inversion-demo .musicnn-tags{margin-top:10px}.audio-inversion-demo .musicnn-tags>span{display:block;margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.audio-inversion-demo .musicnn-tags>div{display:flex;flex-wrap:wrap;gap:5px}.audio-inversion-demo .musicnn-tags em{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:5px;padding:4px 5px;color:var(--body);background:var(--soft);font-size:9px;font-style:normal;font-weight:700}.audio-inversion-demo .musicnn-tags small{color:var(--muted);font-size:9px;font-weight:700}.audio-inversion-demo .musicnn-tags p{margin:6px 0 0;color:var(--muted);font-size:10px;font-weight:700}.audio-inversion-demo .credit{margin-top:12px;font-size:12px;font-weight:600;text-decoration:underline}.audio-inversion-demo .encoder-grid{display:grid;grid-template-columns:repeat(3,1fr)}.audio-inversion-demo .encoder{min-height:230px;padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.audio-inversion-demo .encoder:nth-child(3n){border-right:0}.audio-inversion-demo .encoder-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.audio-inversion-demo .encoder-title strong{font-size:15px}.audio-inversion-demo .band{font-size:9px;font-weight:700;text-transform:uppercase;font-style:normal;padding:5px 8px;border-radius:6px}.audio-inversion-demo .band.high{background:#e9f8f0;color:#116a43}.audio-inversion-demo .band.middle{background:#eef1f5;color:#5c6370}.audio-inversion-demo .band.low{background:#ffe8e4;color:#9e3327}.audio-inversion-demo .mini-metrics{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:10px;font-weight:600}.audio-inversion-demo .pending{color:var(--muted);font-size:12px;margin-top:38px}.audio-inversion-demo .empty-state{border:1px solid var(--line);border-radius:8px;padding:52px;text-align:center;background:#fff}.audio-inversion-demo .empty-state strong{font-size:22px;font-weight:500}.audio-inversion-demo .empty-state p{color:var(--body)}.audio-inversion-demo .pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px}.audio-inversion-demo .pager button:disabled{opacity:.45;cursor:not-allowed}.audio-inversion-demo .pager span{color:var(--muted);font-size:12px;font-weight:700}.audio-inversion-demo footer{margin-top:12px;padding:34px clamp(18px,5vw,64px);display:grid;grid-template-columns:1fr 2fr auto;gap:24px;border-top:1px solid var(--line);color:var(--body)}.audio-inversion-demo footer strong{color:var(--ink);font-weight:600}.audio-inversion-demo footer p{margin:0}.audio-inversion-demo footer a{font-size:13px;font-weight:700}@media (max-width:900px){.audio-inversion-demo{padding-top:28px}.audio-inversion-demo .result-toolbar{align-items:stretch;flex-direction:column}.audio-inversion-demo .result-toolbar label{width:100%}.audio-inversion-demo .comparison-mode{justify-content:space-between}.audio-inversion-demo .result-explainer,.audio-inversion-demo .ablation-notes,.audio-inversion-demo .schedule-card{grid-template-columns:1fr}.audio-inversion-demo .schedule-legend{grid-column:1}.audio-inversion-demo .controls{grid-template-columns:1fr}.audio-inversion-demo .count{min-height:48px}.audio-inversion-demo .example-card{grid-template-columns:1fr}.audio-inversion-demo .source-copy{border-right:0;border-bottom:1px solid var(--line);min-height:290px}.audio-inversion-demo .encoder-grid{grid-template-columns:repeat(2,1fr)}.audio-inversion-demo .encoder:nth-child(3n){border-right:1px solid var(--line)}.audio-inversion-demo .encoder:nth-child(2n){border-right:0}.audio-inversion-demo .violin-legend-hint{margin-left:0}.audio-inversion-demo footer{grid-template-columns:1fr}}@media (max-width:620px){.audio-inversion-demo .post-title{font-size:34px}.audio-inversion-demo .publication-subtitle{font-size:17px}.audio-inversion-demo .stats,.audio-inversion-demo .encoder-grid{grid-template-columns:1fr}.audio-inversion-demo .encoder,.audio-inversion-demo .encoder:nth-child(3n),.audio-inversion-demo .encoder:nth-child(2n){border-right:0}}
