.hero-product{min-width:0}.hero-product>.eyebrow{margin-bottom:20px}.hero-product>p{font-size:10px;margin-top:16px;letter-spacing:.03em}.hero-product .product-frame{transform:rotate(-1.5deg)}.hero-listen{display:inline-block;margin-top:18px;font-size:12px}.lab-plugin{display:block;padding-top:65px}.lab-plugin .section-heading{align-items:center}.lab-instructions{max-width:460px}.lab-instructions p{font-size:14px}.lab-instructions>span{display:block;font-size:11px;color:var(--accent);margin-top:15px}.download-pair{display:flex;gap:10px;width:100%;align-items:stretch}.download-pair>.button{width:auto;white-space:nowrap;justify-content:center}.download-pair>.primary{flex:1}.download-pair>.support-next{flex:0 0 auto}.support-hero{display:block;max-width:850px}.support-hero p{max-width:680px}.support-hero h1{max-width:850px}.plugin-demo{--demo-paper:#f8f7f1;--demo-card:#f1f1e8;--demo-ink:#4c6049;--demo-muted:#84917b;--demo-line:#dce1d2;background:var(--demo-paper);color:var(--demo-ink);border:1px solid var(--demo-line);border-radius:10px;padding:24px;box-shadow:var(--shadow);min-width:0;font-size:13px;line-height:1.5}
[data-theme=night] .plugin-demo{--demo-paper:#18271f;--demo-card:#213327;--demo-ink:#d2dbc5;--demo-muted:#a1b198;--demo-line:#3c503d}
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.demo-header strong{font-size:16px;font-weight:400;letter-spacing:.05em}.demo-header>span{font:10px "Courier New",monospace;color:var(--demo-muted);white-space:nowrap}.demo-header i{font-style:normal;padding:0 10px;color:var(--demo-line)}
.demo-layout{display:grid;grid-template-columns:126px minmax(0,1fr)320px;gap:24px;align-items:stretch}.demo-layout>*{min-width:0}.demo-sidebar{display:flex;flex-direction:column}.demo-sidebar-label{font-size:9px;letter-spacing:.08em;color:var(--demo-muted);margin-bottom:18px}.demo-groups{display:flex;flex-direction:column;gap:10px}.demo-group{border:1px solid var(--demo-line);background:transparent;border-radius:5px;text-align:left;padding:13px;color:var(--voice);transition:background .15s,border-color .15s;min-height:62px;min-width:0}.demo-group:hover{border-color:var(--voice)}.demo-group.selected{border-color:var(--voice);background:color-mix(in srgb,var(--voice) 7%,var(--demo-paper))}.demo-group>span{display:flex;align-items:center;gap:9px;font-size:14px}.demo-group i{display:block;width:5px;height:5px;flex-shrink:0;background:var(--voice);border-radius:50%;transition:box-shadow .12s,transform .12s}.demo-group small{display:block;font-size:10px;color:var(--demo-muted);margin-top:5px;margin-left:14px}.demo-group.triggered i{transform:scale(1.45);box-shadow:0 0 0 5px color-mix(in srgb,var(--voice) 18%,transparent)}
.demo-groove{padding:23px 20px 20px;border:1px solid var(--demo-line);border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;background:var(--demo-card)}.demo-overview-heading>span{display:block;font-size:13px}.demo-overview-heading>small{display:block;font-size:9px;color:var(--demo-muted);margin-top:8px;letter-spacing:.02em}#demo-overview{width:100%;min-width:0;flex:1;display:flex;align-items:center}.demo-overview{display:block;width:100%;height:auto;margin:19px 0 9px;overflow:visible}.demo-grid-lines{stroke:var(--demo-line);stroke-width:.8}.demo-grid-lines .sub-line{stroke-dasharray:2 5;opacity:.65}.demo-bar-divider{stroke:var(--demo-muted);stroke-width:.8;opacity:.5}.demo-overview text{font:12px "Courier New",monospace}.demo-overview .beat-number{fill:var(--demo-muted);font-size:11px}.demo-overview .voice-label{font-size:13px}.demo-track-bg{fill:var(--demo-paper);opacity:.45}.demo-track-bg.selected{opacity:1}.demo-note{opacity:.45;transition:opacity .08s}.demo-note.selected{opacity:1}.demo-note.triggered{opacity:1;stroke:var(--demo-ink);stroke-width:1.5;filter:brightness(1.2)}.demo-cursor{stroke:var(--demo-ink);stroke-width:1.2;opacity:.6}.demo-overview-hint{font-size:10px;color:var(--demo-muted);margin-top:6px}
.demo-info{border:1px solid var(--demo-line);border-radius:7px;padding:23px 24px;background:var(--demo-paper)}.demo-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.04em;color:var(--demo-muted);margin-bottom:23px}.demo-panel-title b{font-weight:400;font-size:13px;color:var(--group-color);letter-spacing:0}.demo-control{margin-top:24px}.demo-control>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-control label{font-size:17px}.demo-control output{font-size:31px;font-weight:300;line-height:1.1;letter-spacing:-.05em;color:var(--group-color);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:4px}.demo-control output small{font-size:12px;letter-spacing:0}.demo-control input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:48px;margin:2px 0 0;background:transparent;cursor:ew-resize}.demo-control input::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,var(--group-color) var(--progress,12%),var(--demo-line) var(--progress,12%))}.demo-control input::-moz-range-track{height:4px;background:var(--demo-line);border-radius:3px}.demo-control input::-moz-range-progress{height:4px;background:var(--group-color)}.demo-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:var(--demo-paper);border:2px solid var(--group-color);border-radius:50%;margin-top:-7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--group-color) 10%,transparent)}.demo-control input::-moz-range-thumb{width:15px;height:15px;background:var(--demo-paper);border:2px solid var(--group-color);border-radius:50%}.demo-control>small{display:block;font-size:10px;color:var(--demo-muted);margin-top:-3px}.demo-generate{font-size:11px;width:100%;border:1px solid var(--demo-line);border-radius:4px;padding:12px 7px;margin-top:30px;color:var(--group-color);background:var(--demo-card)}.demo-generate:hover{border-color:var(--group-color)}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.demo-bottom p{font-size:11px;color:var(--demo-muted)}.demo-bottom .button{min-width:150px}.demo-caption{color:var(--muted);max-width:980px}
.demo-transport{display:flex;gap:18px;align-items:center}.demo-transport>span{font:10px "Courier New",monospace;color:var(--demo-muted);white-space:nowrap}.demo-transport i{font-style:normal;padding:0 8px}.demo-tempo{display:flex;align-items:center;gap:8px;font:10px "Courier New",monospace;color:var(--demo-muted);white-space:nowrap}.demo-tempo input{width:70px;height:38px;padding:5px 8px;font-size:16px;color:var(--demo-ink);background:var(--demo-card);border:1px solid var(--demo-line);border-radius:4px;font-variant-numeric:tabular-nums}.demo-bottom .demo-sound-note{font-size:11px;margin-top:6px;color:var(--demo-ink)}
@media(max-width:1100px){.demo-layout{grid-template-columns:110px minmax(0,1fr)290px;gap:15px}.plugin-demo{padding:20px}.demo-info{padding:20px}.demo-groove{padding:20px 15px}.demo-group{padding:12px 10px}.download-pair{flex-wrap:wrap}.download-pair>.primary,.download-pair>.support-next{flex:1 1 auto}.hero-product .frame-bar{font-size:8px}}
@media(max-width:900px){.demo-layout{grid-template-columns:minmax(0,1fr)minmax(0,1fr);gap:18px}.demo-sidebar{grid-column:1/-1}.demo-sidebar-label{margin-bottom:10px}.demo-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.demo-group{padding:12px 15px;min-height:61px}.demo-groove{padding:22px 15px}.demo-info{padding:22px}.demo-overview{margin:14px 0}.hero-product .product-frame{transform:none}.hero-listen{font-size:11px}}
@media(max-width:650px){.hero-product{margin-top:20px}.hero-product>.eyebrow{margin-bottom:14px}.hero-product>p{font-size:9px}.hero .actions{flex-wrap:nowrap}.hero .actions>.button{font-size:12px;padding:12px 15px}.lab-plugin .section-heading{margin-bottom:23px}.lab-instructions{margin-top:23px}.lab-instructions>span{font-size:10px}.plugin-demo{padding:15px;border-radius:7px}.demo-header{margin-bottom:20px;gap:10px}.demo-header strong{font-size:14px}.demo-header>span{font-size:8px}.demo-header i{padding:0 4px}.demo-layout{grid-template-columns:1fr;gap:15px}.demo-sidebar{grid-column:auto}.demo-sidebar-label{font-size:8px;margin-bottom:9px}.demo-groups{gap:6px}.demo-group{padding:10px 7px;min-height:57px}.demo-group>span{font-size:11px;gap:6px}.demo-group i{width:4px;height:4px}.demo-group small{margin-top:5px;margin-left:10px;font-size:9px}.demo-groove{padding:17px 13px 15px}.demo-overview-heading>span{font-size:12px}.demo-overview-heading>small{font-size:8px;margin-top:5px}.demo-overview{margin:16px 0 8px}.demo-overview-hint{font-size:9px}.demo-info{padding:20px}.demo-panel-title{font-size:9px;margin-bottom:20px}.demo-panel-title b{font-size:13px}.demo-control{margin-top:20px}.demo-control label{font-size:17px}.demo-control output{font-size:32px}.demo-control input{height:50px}.demo-control>small{font-size:9px}.demo-generate{margin-top:24px;font-size:11px}.demo-bottom{margin-top:17px;gap:14px}.demo-bottom p{font-size:9px;max-width:145px}.demo-bottom .button{min-width:120px;padding:10px 12px;font-size:11px}.demo-caption{font-size:10px!important}.download-pair{flex-wrap:nowrap;gap:8px}.download-pair>.button{font-size:11px;padding:11px 12px;gap:5px}.download-meta{flex-wrap:wrap;gap:4px}.download-actions>.source-links{gap:15px}}
@media(max-width:650px){.demo-transport{gap:8px}.demo-transport>span{font-size:8px}.demo-transport i{padding:0 3px}.demo-tempo{font-size:9px;gap:5px}.demo-tempo input{width:56px;height:38px;padding:5px;font-size:16px}.demo-bottom .demo-sound-note{font-size:9px;line-height:1.6;max-width:170px}.demo-header strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-group,.demo-group i,.demo-note{transition:none!important}}
/* Installer labels stay readable beside Support on narrow phones. */
.download-panel>*{min-width:0}
@media(max-width:400px){.download-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.download-pair>.button{min-width:0;white-space:normal;text-align:center}}
@media(max-width:360px){.header{gap:8px}.header .brand{gap:6px}.header .brand strong{font-size:15px}.header .brand small{font-size:6px}}