.music-studio{--music-gold:#f5c37c;--music-ink:#163937;--music-mint:#b2e9d7;color:#edf4ea;margin:0 0 3rem}.music-studio button{cursor:pointer;font:inherit}.music-studio button:disabled{cursor:not-allowed;opacity:.5}.music-studio :is(button,input,select,summary,a,audio):focus-visible{outline-offset:4px;outline:3px solid #b85d21}.music-studio h2{letter-spacing:-.045em;margin:.3rem 0 .65rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1}.music-studio h3{margin:0;font-size:1.2rem;line-height:1.25}.music-intro{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.8rem;display:flex}.music-intro p{margin:0;line-height:1.6}.music-source-tag{color:#163937;white-space:nowrap;background:#e3ede5;border:1px solid #b9cbc0;border-radius:999px;padding:.55rem .8rem;font-size:.7rem}.music-family{grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.1rem;display:grid}.music-family button{text-align:left;color:var(--music-ink);background:#f4f1e9;border:1px solid #c7d1c7;border-radius:1rem;grid-template-columns:2rem 1fr;column-gap:.65rem;padding:1.05rem 1.4rem;display:grid}.music-family button[aria-pressed=true]{background:var(--music-ink);color:#fff5df;border-color:var(--music-ink)}.music-family span{color:#536956;grid-row:span 2;align-self:center;font-size:.8rem}.music-family button[aria-pressed=true] span{color:var(--music-gold)}.music-family strong{font-size:1rem}.music-family small{margin-top:.25rem;font-size:.74rem}.music-instruments{gap:.5rem;margin-bottom:1.2rem;padding:.2rem .1rem .5rem;display:flex;overflow-x:auto}.music-instruments button{color:#e2eddf;background:0 0;border:1px solid #bdc9c0;border-radius:999px;flex-shrink:0;padding:.65rem 1.2rem}.music-instruments button[aria-pressed=true]{color:#3b2a12;background:#e8cb9e;border-color:#be914d}.music-workspace{border:1px solid #c4d0c6;border-radius:1.4rem;grid-template-columns:minmax(0,1fr) 255px;display:grid;overflow:hidden;box-shadow:0 12px 35px #173b3610}.music-deck{color:#edf4ea;background:#112e33;min-width:0}.music-deck-title{border-bottom:1px solid #a9c5ba24;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.music-deck-title p{color:#a8c4bc;margin:0 0 .35rem;font-size:.75rem}.music-deck-title h3{letter-spacing:-.035em;color:#fff3d7;font-size:1.65rem}.music-studio .music-stop{color:#e8f0e8;background:#23464a;border:1px solid #698581;border-radius:.55rem;padding:.65rem .85rem;font-size:.7rem}.music-stop kbd{color:#a4bfb5;margin-left:.5rem}.music-surface{isolation:isolate;background:radial-gradient(at 50% 80%,#47685755,#0000 65%),repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#bdd8c807 12.5%),#0b242a;height:380px;position:relative;overflow:hidden}.music-stage-caption{letter-spacing:.14em;color:#acc7b8;z-index:1;pointer-events:none;justify-content:space-between;gap:1rem;font-size:.58rem;display:flex;position:absolute;inset:1.3rem 1.5rem auto}.music-video{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.music-surface[data-camera=true] .music-video{opacity:.5}.music-hand-overlay{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.music-parts{z-index:2;justify-content:center;align-items:end;gap:.55rem;display:flex;position:absolute;inset:85px 30px 35px}.music-part{touch-action:none;-webkit-user-select:none;user-select:none;color:#2c2312;background:linear-gradient(90deg,#aa742e,#efcd87 35%,#b27a32);border:1px solid #e2b96b;border-radius:.6rem;flex-direction:column;justify-content:end;align-items:center;gap:.6rem;min-width:0;padding:1rem .3rem;transition:filter 80ms,transform 80ms;display:flex;position:relative;box-shadow:0 10px #291e13,0 15px 20px #0005}.music-part strong{font-size:.7rem;line-height:1.2}.music-part kbd{border:1px solid #77521b77;border-radius:.25rem;padding:.16rem .4rem;font-family:inherit;font-size:.65rem}.music-part[data-active=true]{filter:brightness(1.3);outline-offset:2px;outline:2px solid #ffe3a5;transform:translateY(4px)}.music-parts-bars{border-bottom:16px solid #573425;border-radius:.5rem;padding:0 .3rem 1.5rem}.music-parts-bars .music-part{width:calc(100% / var(--part-count));height:calc(210px - var(--part-index) * 10px)}.music-parts-bars .music-part-symbol{background:#5c411e;border-radius:50%;width:6px;height:6px;position:absolute;top:18%;box-shadow:0 65px #5c411e}.music-parts-pots{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1rem;padding:.1rem 1rem;display:grid}.music-parts-pots:has(>:only-child){grid-template-columns:minmax(0,200px)}.music-parts-pots .music-part{border-radius:50%;gap:.15rem;height:110px;padding:.65rem;box-shadow:0 8px #69451e,0 12px 18px #0006}.music-parts-pots .music-part-symbol{background:radial-gradient(at 35% 25%,#fff0be,#ab752e 70%);border:1px solid #805119;border-radius:50%;width:30px;height:20px;margin-bottom:.2rem}.music-parts-gong .music-part{background:radial-gradient(circle,#e0ac53 0 15%,#755021 16% 18%,#ba8e45 19% 64%,#e9bf6c 65% 72%,#674719 74%);border-radius:50%;width:240px;height:240px;padding-bottom:2rem}.music-parts-pads{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.music-parts-pads .music-part{background:radial-gradient(at 45% 30%,#e4d7b8,#b6a17c);border:7px solid #517773;border-radius:2rem;justify-content:center;box-shadow:0 7px #0a181a,inset 0 0 0 2px #233f39}.music-parts-pads:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.music-parts-pads .music-part strong{font-size:.85rem}.music-parts-piano{gap:2px;min-width:610px;display:block;inset:140px 18px 38px}.music-surface-piano{overflow-x:hidden}.music-parts-viewport{z-index:2;position:absolute;inset:0;overflow-x:auto}.music-octave-controls{justify-content:space-between;align-items:center;gap:.7rem;padding:0 1rem 1rem;display:flex}.music-octave-controls button{color:#edf4ea;white-space:nowrap;background:#23464a;border:1px solid #698581;border-radius:.5rem;padding:.6rem;font-size:.7rem}.music-octave-controls span{color:#bdd0c6;font-size:.65rem}.music-parts-piano .music-part{width:calc(7.14286% - 2px);left:calc(var(--white-index) * 100% / 14);background:linear-gradient(90deg,#ddd8c7,#fff8e6);border:1px solid #a6aa9e;border-radius:0 0 .35rem .35rem;gap:.4rem;height:100%;padding:0 0 .8rem;position:absolute;top:0;box-shadow:0 7px #959787}.music-parts-piano .music-black-key{z-index:2;width:4.14286%;left:calc((var(--white-index) + 1) * 100% / 14 - 100% / 14 * .29);color:#ecf0df;background:linear-gradient(90deg,#081b20,#2b4548);border-color:#0a1d21;height:62%;box-shadow:0 5px #061114}.music-black-key kbd{border-color:#7f9790}.music-parts-piano .music-part strong{font-size:.6rem}.music-hint{color:#c0d2c9;min-height:4.4rem;margin:0;padding:1rem 1.5rem;font-size:.77rem;line-height:1.6}.music-live-status{color:#d6ebdb;background:#092126;min-height:3.5rem;padding:.9rem 1.5rem;font-size:.74rem;line-height:1.6}.music-live-status>span{background:#90d9be;border-radius:50%;width:6px;height:6px;margin-right:.5rem;display:inline-block}.music-console{color:#172f31;background:#eeede3;flex-direction:column;gap:1.2rem;padding:1.5rem 1.25rem;display:flex}.music-console h3{font-size:.9rem}.music-console label{flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.72rem;display:flex}.music-console output{font-weight:700}.music-console input{accent-color:#245c50;cursor:pointer;width:100%;height:18px}.music-console button{color:#173c34;background:#e3e9df;border:1px solid #94ada1;border-radius:.5rem;padding:.7rem .5rem;font-size:.75rem}.music-console button[aria-pressed=true]{color:#fff3d7;background:#214f44}.music-console small{color:#4d655b;font-size:.64rem}.music-console-divider{border-top:1px solid #becbbd}.music-beats{justify-content:space-between;gap:5px;display:flex}.music-beats i{background:#b8c5b5;border-radius:50%;width:12px;height:12px}.music-beats i[data-active=true]{background:#91571c;box-shadow:0 0 0 3px #d5ad7288}.music-tools{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;display:grid}.music-tool{color:#172f31;background:#f9f5ea;border:1px solid #c2cec1;border-radius:1rem;padding:1.5rem}.music-tool-number{letter-spacing:.12em;color:#506858;margin-bottom:.8rem;font-size:.65rem}.music-tool p{color:#3e574b;margin:.75rem 0 1rem;font-size:.82rem;line-height:1.7}.music-tool-actions{flex-wrap:wrap;gap:.55rem;display:flex}.music-tool-actions button{color:#214536;background:#edf0e5;border:1px solid #a1b5a4;border-radius:.5rem;min-height:42px;padding:.7rem .85rem;font-size:.72rem}.music-tool-actions button:first-child{color:#fff1d6;background:#224e43;border-color:#224e43}.music-studio .music-microcopy{color:#506858;margin:0;font-size:.68rem;line-height:1.6}.music-tool .music-microcopy{margin-top:1rem}.music-disclosure{color:#b6cbbb;border-top:1px solid #c1cebf;align-items:start;gap:1.5rem;margin-top:1rem;padding:1.25rem .25rem;display:flex}.music-disclosure strong{min-width:200px;font-size:.75rem}.music-disclosure p{margin:0;font-size:.72rem;line-height:1.7}.music-room{margin-top:1rem}.music-sample-settings,.music-sample-library{color:#edf4ea;background:#193b3e;border:1px solid #698581;border-radius:1rem;margin-bottom:1rem;padding:1.2rem 1.4rem}.music-sample-library{margin-top:1rem}.music-sample-settings label,.music-sample-library-controls label{gap:.5rem;font-size:.8rem;display:grid}.music-sample-settings>label{max-width:380px}.music-studio select,.music-sample-library input{font:inherit;color:#163937;background:#f4f1e9;border:1px solid #c7d1c7;border-radius:.5rem;width:100%;min-width:0;max-width:100%;padding:.6rem}.music-studio select:disabled{opacity:.65}.music-sample-settings details{margin-top:1rem}.music-sample-settings summary,.music-sample-library summary{cursor:pointer;font-weight:600}.music-sample-settings p,.music-sample-library-body p{font-size:.8rem;line-height:1.7}.music-sample-bindings{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;display:grid}.music-sample-library-controls{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:.7rem 1rem;max-width:800px;display:grid}.music-sample-library audio{width:min(100%,520px);margin:1rem 0;display:block}.music-sample-library a{color:#f5c37c}.music-sample-library .music-microcopy{color:#b6cbbb}.music-sample-library .music-tool-actions button{color:#163937;background:#f4f1e9}@media (max-width:960px){.music-workspace{grid-template-columns:1fr}.music-console{grid-template-columns:1fr 1fr;display:grid}.music-console h3,.music-console-divider,.music-console .music-microcopy{grid-column:1/-1}.music-console-divider{margin:.2rem 0}.music-source-tag{white-space:normal;max-width:180px}}@media (max-width:600px){.music-sample-library-controls{grid-template-columns:1fr;gap:.5rem}.music-intro{display:block}.music-source-tag{max-width:none;margin-top:1rem;display:inline-block}.music-family button{grid-template-columns:1fr;padding:.85rem .7rem}.music-family span{display:none}.music-family small{font-size:.65rem}.music-deck-title{padding:1rem}.music-deck-title h3{font-size:1.4rem}.music-stop kbd{display:none}.music-surface{height:345px}.music-parts{gap:.35rem;left:14px;right:14px}.music-parts-bars .music-part{padding-left:0;padding-right:0}.music-part strong{font-size:.57rem}.music-parts-pots{gap:.7rem;padding:0}.music-parts-pots .music-part{height:95px}.music-parts-pads{gap:.6rem}.music-parts-pads .music-part{border-width:4px;border-radius:1rem}.music-parts-pads .music-part strong{font-size:.67rem}.music-tools{grid-template-columns:1fr}.music-disclosure{display:block}.music-disclosure p{margin-top:.5rem}.music-hint,.music-live-status{padding:1rem}.music-tool{padding:1.15rem}}@media (prefers-reduced-motion:reduce){.music-part{transition:none}.music-part[data-active=true]{transform:none}}