:root{--paper:#f3f0eb;--ink:#1c1a22;--lime:#a7a090;--muted:#817965;--line:#b7b1a333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body,html{background:#1c1a22}body{margin:0;color:var(--paper);font-family:Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a,button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid currentColor;outline-offset:4px}[id]{scroll-margin-top:1rem}.skip-link:not(:focus),.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:100;padding:.8rem 1rem;color:#1c1a22;background:var(--paper);border-radius:.4rem}.studio{min-height:100svh;background-image:radial-gradient(#736b5a22 .7px,transparent 0)}.studio-header{top:0;z-index:30;display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);min-height:4.75rem;padding:.8rem clamp(1rem,2.5vw,2.5rem);border-bottom:1px solid #625c4d88;background:#1c1a22fa}.studio-brand{display:flex;align-items:baseline;font-size:1.5rem;font-weight:800;letter-spacing:-.075em}.studio-brand>span{color:#cdc5b2}.studio-brand small{margin-left:.9rem;color:#b8b2a5;font:.55rem SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.studio-nav{display:flex;font-size:.75rem}.studio-nav a{padding-block:.65rem}.studio-footer a:hover,.studio-nav a:hover{color:#dfdace}.studio-toolbar{gap:1.5rem;margin-left:auto}.studio-status,.studio-toolbar{display:flex;align-items:center}.studio-status{gap:.4rem;min-width:6rem;color:#b5afa1;font:.5rem SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.studio-status i{width:.3rem;height:.3rem;border-radius:50%}.studio-status.is-active i{box-shadow:0 0 0 3px #d3cbba15}.studio-volume{display:flex;align-items:center;gap:.55rem;color:#d2cbb9;font-size:.65rem}.studio-volume input{width:6rem;min-height:2.75rem;margin:0;accent-color:#c8bea8}.studio-volume output{min-width:4ch;font:.6rem SFMono-Regular,Consolas,monospace}.studio-stop{display:flex;min-height:2.75rem;align-items:center;gap:.5rem;border:1px solid #9a927e;border-radius:.4rem;color:#e8e4da;font-size:.7rem;white-space:nowrap}.studio-stop>span{font-size:.6rem}.studio-stop kbd{margin-left:.25rem;font:.5rem SFMono-Regular,Consolas,monospace}.studio-main{width:min(100%,1800px);margin-inline:auto;padding:clamp(1rem,2vw,2rem)}.studio-rack{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(1rem,2vw,2rem)}.studio-footer{margin:0 clamp(1rem,2.5vw,2.5rem);padding:1.5rem 0;border-top:1px solid #89806b44;font-size:.67rem;line-height:1.5}.studio-footer-top{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.studio-legal,.studio-socials{display:flex;flex-wrap:wrap;gap:1rem}.studio-legal{margin-left:auto;font-size:.65rem}.studio-legal a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#a7a09077}.studio-footer p{max-width:110ch;margin:1.25rem 0 0;line-height:1.6}.section-kicker{margin:0 0 1.5rem;color:#817966;font:.65rem SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.legal-page{background:var(--paper);color:var(--ink)}.legal-document a{text-decoration:underline;text-underline-offset:.2em}.legal-page{min-height:100svh;padding:clamp(1.5rem,4vw,4.5rem)}.legal-back{display:inline-block;margin-bottom:clamp(3rem,8vw,7rem);font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.legal-document{width:min(100%,52rem);margin:0 auto;overflow-wrap:anywhere}.legal-document h1{max-width:12ch;margin:0;font-size:clamp(3rem,8vw,7rem);letter-spacing:-.075em;line-height:.9;hyphens:auto}.legal-updated{margin:1.5rem 0 clamp(3.5rem,8vw,7rem);color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.legal-document section{padding:2.25rem 0;border-top:1px solid var(--line)}.legal-document h2{margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em}.legal-document p{max-width:72ch;margin:0 0 1rem;color:#33303d;line-height:1.65}.owner-details{margin:0 0 2.5rem;border-top:1px solid var(--ink)}.owner-details div{display:grid;grid-template-columns:minmax(10rem,.7fr) 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.owner-details dt{color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.owner-details dd{margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:650}.chord-section{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.chord-intro{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:3rem;margin-bottom:3.5rem}.chord-intro .section-kicker{color:var(--muted)}.chord-intro h2{margin:0;font-size:clamp(3.2rem,7vw,7.2rem);font-weight:800;line-height:.95;letter-spacing:-.075em}.chord-intro h2 span{color:transparent;font-size:.78em;-webkit-text-stroke:1.3px var(--ink)}.chord-description{justify-self:end;padding-bottom:.25rem}.chord-index{color:var(--muted);font:.62rem SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.chord-description p{margin:1.25rem 0;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.55;letter-spacing:-.025em}.chord-description a{display:inline-flex;gap:2rem;padding-bottom:.5rem;border-bottom:1px solid var(--line);font-size:.75rem;font-weight:700}.chord-stage{padding:1.75rem clamp(.9rem,4vw,4rem) 1.25rem;border-radius:1.25rem;background:#1e1c24;color:var(--paper);background-image:radial-gradient(#373443 .6px,transparent 0);background-size:10px 10px}.chord-stage-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem;color:#c7bea8;font:.6rem SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.hc-device{position:relative;width:min(100%,52rem);margin:0 auto;padding:1.75rem 2rem 1.5rem;border:1px solid #f0eee8;border-radius:1.4rem;color:#23212a;background:linear-gradient(130deg,#e9e5dc,#dcd6c7 75%,#d5cebd);box-shadow:inset 0 2px 0 #fff9,0 7px 0 #9c9481,0 9px 0 #131217,0 1.5rem 2rem #07070959}.hc-screw{position:absolute;width:5px;height:5px;border-radius:50%;background:#7f7764;box-shadow:inset 0 1px 2px #353340,0 1px 0 #ffffffbf}.hc-screw-tl{top:12px;left:12px}.hc-screw-tr{top:12px;right:12px}.hc-screw-bl{bottom:12px;left:12px}.hc-screw-br{bottom:12px;right:12px}.hc-brandline{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.hc-brand{font-size:1.8rem;font-weight:800;letter-spacing:-.07em;line-height:1}.hc-brand>span{font-weight:400}.hc-brand>i{margin-left:.2rem;color:#857d69;font-size:.5rem;font-style:normal}.hc-edition{margin-left:auto;color:#645d4e;font:.52rem SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.hc-panic{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.75rem;min-height:2.75rem;padding:0 .6rem;border:1px solid #a69f8e;border-radius:.4rem;color:#484439;background:#d5cebd;font:.6rem SFMono-Regular,Consolas,monospace}.hc-panic:hover{border-color:#a54438;color:#8d2d24}.hc-top{display:grid;grid-template-columns:1fr 11rem;gap:1.5rem;align-items:center}.hc-display{min-width:0;padding:1rem 1.25rem .8rem;overflow:hidden;border:5px solid #393644;border-radius:.55rem;color:#d8d2c3;background:#19181e;box-shadow:0 1px 0 #fff9,inset 0 2px 6px #0008;font-family:SFMono-Regular,Consolas,monospace}.hc-display-footer,.hc-display-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.56rem;letter-spacing:.06em}.hc-display-meta{color:#aaa393}.hc-chord-name{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0 .25rem;font-size:clamp(2.7rem,5vw,4rem);letter-spacing:-.08em;line-height:1}.hc-chord-name>span{color:#aaa393;font-size:.62rem;letter-spacing:0}.hc-notes{min-height:1.5em;color:#b6b0a3;font-size:.6rem;letter-spacing:.12em}.hc-meter{display:flex;height:1.25rem;align-items:center;gap:3px;margin-block:.5rem .6rem;overflow:hidden}.hc-meter i{flex:1;height:calc(var(--bar) * 1px);background:#988f7b;opacity:.5;transform:scaleY(.16);transition:transform .18s ease}.hc-display.is-sounding .hc-meter i{animation:chord-meter 1.1s ease-in-out infinite alternate;opacity:.9}.hc-display-footer{color:#a49d8c;font-size:.5rem}.hc-functions{display:flex;justify-content:space-between;gap:.5rem}.hc-function{display:flex;min-width:2.75rem;min-height:5rem;flex-direction:column;align-items:center;gap:.5rem;padding:0;border:0;background:transparent;color:#363341;font:.58rem SFMono-Regular,Consolas,monospace}.hc-function i{display:block;width:2.75rem;margin-bottom:.3rem;border:1px solid #9c9481;border-radius:.4rem;box-shadow:inset 0 2px 1px #ffffff99,0 4px 0 #9c9482,0 5px 2px #2b28344d;transition:transform .1s,box-shadow .1s}.hc-function-sound i{background:#b6b0a1;box-shadow:inset 0 2px 1px #fff8,0 4px 0 #887f6a,0 5px 2px #2b28344d}.hc-function-mode i{border-color:#a76c5a;background:#cf826d;box-shadow:inset 0 2px 1px #fff6,0 4px 0 #a66451,0 5px 2px #2b28344d}.hc-function[aria-pressed=true] i{transform:translateY(3px);box-shadow:inset 0 2px 1px #fff5,0 1px 0 #746d5c,0 2px 2px #2b28344d}.hc-function>small{color:#635c4d;font:.52rem Arial,sans-serif}.hc-playarea{display:grid;grid-template-columns:8.5rem 1fr;gap:1.5rem;align-items:center;margin-block:1.5rem}.hc-left-panel{display:flex;flex-direction:column;align-items:center;gap:.65rem}.hc-speaker{width:5rem;height:2.4rem;background:radial-gradient(#756e5c 1.5px,transparent 0);background-size:6px 6px;border-radius:45%;opacity:.8}.hc-joystick{position:relative;width:8.5rem;height:8.5rem;border:1px solid #b7b1a3;border-radius:50%;background:radial-gradient(circle,#c7bda7 0 35%,#dfdacd 36% 100%);box-shadow:inset 0 1px 3px #8e856f33,0 1px 0 #f3f0eb;touch-action:none;user-select:none;-webkit-user-select:none}.hc-direction{position:absolute;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:0;border-radius:50%;background:transparent;font-size:.9rem;touch-action:none}.hc-direction[aria-pressed=true]{color:#1a181f;background:#b8b2a4}.hc-direction-nw{left:.35rem;top:.35rem}.hc-direction-n{left:calc(50% - 1.375rem);top:-.2rem}.hc-direction-ne{right:.35rem;top:.35rem}.hc-direction-w{left:-.2rem;top:calc(50% - 1.375rem)}.hc-direction-e{right:-.2rem;top:calc(50% - 1.375rem)}.hc-direction-sw{left:.35rem;bottom:.35rem}.hc-direction-s{left:calc(50% - 1.375rem);bottom:-.2rem}.hc-direction-se{right:.35rem;bottom:.35rem}.hc-stick{position:absolute;inset:calc(50% - 1.55rem) auto auto calc(50% - 1.55rem);display:grid;width:3.1rem;height:3.1rem;place-items:center;border:1px solid #34313e;border-radius:50%;background:linear-gradient(135deg,#6f6857,#312f3b);box-shadow:inset 0 2px 2px #c6bca670,0 4px 0 #292732,0 6px 7px #5a544699;transform:translate(calc(var(--stick-x) * 1px),calc(var(--stick-y) * 1px));transition:transform 70ms ease;touch-action:none}.hc-stick>span{width:1.5rem;height:1.5rem;border:1px solid #7a7260;border-radius:50%;background:#504b3f}.hc-stick-caption{min-height:1.5em;margin:0;text-align:center;color:#5b5548;font-size:.58rem;line-height:1.4}.hc-pads{display:grid;height:15rem;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:.7rem .5rem}.hc-pad{position:relative;display:flex;width:min(100%,6.5rem);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;align-self:center;justify-self:center;gap:.25rem;padding:.4rem;border:2px solid #312f3b;border-radius:50%;background:linear-gradient(145deg,#393645,#25232c);color:#f1eee8;box-shadow:inset 0 2px 1px #81796566,0 6px 0 #19171e,0 8px 7px #7d756266;transition:transform 90ms ease,box-shadow 90ms ease,border-color 90ms ease;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hc-pad:hover{border-color:#887f6a}.hc-pad[aria-pressed=true]{transform:translateY(4px);background:linear-gradient(145deg,#5f594a,#34313f);box-shadow:inset 0 1px 4px #13121899,0 2px 0 #19171e,0 3px 5px #7d756266}.hc-pad-number{color:#c7bda7;font:.65rem SFMono-Regular,Consolas,monospace}.hc-pad strong{font-size:clamp(.85rem,2vw,1.5rem);font-weight:500;letter-spacing:-.035em}.hc-pad kbd{color:#bab4a7;font:.5rem SFMono-Regular,Consolas,monospace}.hc-pad i{position:absolute;bottom:10%;width:.22rem;height:.22rem;border-radius:50%}.hc-pad[aria-pressed=true] i{background:#a7a090}.hc-pad-1{grid-area:2/1/3/3}.hc-pad-2{grid-area:1/2/2/4}.hc-pad-3{grid-area:2/3/3/5}.hc-pad-4{grid-area:1/4/2/6}.hc-pad-5{grid-area:2/5/3/7}.hc-pad-6{grid-area:1/6/2/8}.hc-pad-7{grid-area:2/7/3/9}.hc-control-bay{padding:1rem;border:1px solid #b9b4a7;border-radius:.5rem;background:#d0c8b66b;box-shadow:inset 0 1px 3px #7d756333}.hc-panel{display:flex;min-height:4rem;align-items:center;gap:1rem}.hc-panel[hidden]{display:none}.hc-panel label{display:flex;min-width:0;flex:1;flex-direction:column;gap:.4rem;color:#585245;font-size:.62rem}.hc-panel select{width:100%;min-height:2.75rem;padding:.5rem 1.5rem .5rem .6rem;border:1px solid #a8a190;border-radius:.3rem;background:#e5e0d6;color:#24222c;font-size:.75rem}.hc-control-hint{flex:1.1;max-width:10rem;margin:1rem 0 0;color:#585245;font-size:.68rem;line-height:1.5}.hc-option{flex-shrink:0;min-height:2.75rem;margin-top:1rem;padding:.5rem .75rem;border:1px solid #a69e8d;border-radius:.3rem;color:#373442;background:transparent;font-size:.7rem}.hc-option[aria-pressed=true]{background:#373442;color:#eeebe5;border-color:#373442}.hc-panel .hc-tempo{flex:0.9;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.hc-tempo input{flex-basis:100%;width:100%;min-height:2.75rem;accent-color:#585245}.hc-tempo output{font-variant-numeric:tabular-nums}.hc-tempo input:disabled{cursor:not-allowed;opacity:.45}.hc-bottom{justify-content:space-between;gap:1rem;margin-top:.75rem}.hc-bottom,.hc-volume{display:flex;align-items:center}.hc-volume{min-width:0;gap:.6rem;color:#585245;font-size:.62rem}.hc-volume input{width:7rem;min-width:3rem;min-height:2.75rem;accent-color:#504a3e}.hc-volume output{min-width:4ch;font:.6rem SFMono-Regular,Consolas,monospace}.hc-signature{color:#746d5c;font:.5rem SFMono-Regular,Consolas,monospace;letter-spacing:.1em}.hc-looper{display:flex;width:min(100%,52rem);align-items:center;gap:1.25rem;margin:2rem auto 0;padding:1rem 0;border-top:1px solid #585245;border-bottom:1px solid #585245}.hc-loop-label{display:flex;min-width:0;flex:1.2;flex-direction:column;gap:.4rem}.hc-loop-label>span{font-size:.75rem;font-weight:700}.hc-loop-label small{min-height:2.8em;max-width:20ch;color:#c8bfaa;font-size:.6rem;line-height:1.4}.hc-loop-steps{display:flex;flex:1;align-items:center;gap:3px}.hc-loop-steps i{width:4px;height:1rem;border-radius:1px}.hc-loop-steps i:nth-child(4n+1){height:1.35rem}.hc-loop-steps .is-current{background:var(--lime)}.hc-loop-actions{display:flex;flex-shrink:0;gap:.5rem}.hc-loop-actions button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .9rem;border:1px solid #7d7563;border-radius:999px;color:#ebe8e1;font-size:.67rem}.hc-loop-actions button:disabled{opacity:.4;cursor:default}.hc-loop-actions button:not(:disabled):hover{border-color:var(--lime)}.hc-loop-actions .hc-loop-clear{min-width:2.75rem;padding-inline:.5rem;font-size:1.2rem}.hc-loop-actions .hc-record>span{color:#e29987}.hc-loop-actions .is-recording{background:#ad5744;color:#fff}.hc-loop-actions .is-recording>span{color:#fff}.hc-feedback{width:min(100%,52rem);min-height:2.8em;margin:.9rem auto 0;color:#cac1ac;font-size:.63rem;line-height:1.5}.chord-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}.chord-guide p{margin:0;font-size:.8rem;line-height:1.65;color:#4e493e}.chord-guide p>span{display:block;margin-bottom:.8rem;color:var(--muted);font:.58rem SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.chord-guide kbd{font:.65rem SFMono-Regular,Consolas,monospace;white-space:nowrap}.chord-credit{margin:2rem 0 0;max-width:90ch;color:#7b7361;font-size:.65rem;line-height:1.6}.chord-credit a{text-decoration:underline;text-underline-offset:.2em}@keyframes chord-meter{0%{transform:scaleY(.35)}to{transform:scaleY(1.5)}}@keyframes arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@container (max-width: 1000px){.hc-device{padding-inline:1.4rem}.hc-playarea{grid-template-columns:8rem 1fr;gap:1rem}.hc-panel{gap:.65rem}.hc-control-hint,.hc-loop-steps{display:none}}@container (max-width: 760px){.chord-intro{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.chord-description{justify-self:start}.chord-stage{padding-inline:.75rem}.chord-stage-label{font-size:.5rem;margin-bottom:1.5rem}.chord-stage-label>:last-child{display:none}.hc-device{padding:1.25rem .85rem .75rem;border-radius:1rem}.hc-brandline{margin-bottom:.9rem;gap:.5rem}.hc-brand{font-size:1.5rem}.hc-edition{font-size:.45rem;letter-spacing:.05em}.hc-panic{padding-inline:.4rem;margin-left:auto}.hc-panic>span{display:none}.hc-top{grid-template-columns:1fr;gap:1rem}.hc-display{padding:.85rem}.hc-chord-name{font-size:clamp(2rem,8vw,3.1rem)}.hc-chord-name>span{font-size:.5rem}.hc-functions{justify-content:center;gap:2rem}.hc-function{min-height:4rem;gap:.3rem}.hc-function i{height:1.6rem}.hc-function small{display:none}.hc-playarea{grid-template-columns:1fr;gap:1.25rem;margin-block:1rem}.hc-pads{grid-row:1;height:clamp(9rem,43vw,15rem);gap:.4rem}.hc-pad{width:min(100%,6rem);padding:.3rem;gap:.15rem}.hc-pad strong{font-size:clamp(.9rem,4vw,1.4rem)}.hc-pad-number{font-size:.55rem}.hc-pad kbd{display:none}.hc-left-panel{grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem;justify-items:center}.hc-joystick{grid-area:1/1/2/2}.hc-speaker{grid-area:1/2/2/3;width:5.5rem;height:5.5rem;border-radius:50%}.hc-stick-caption{grid-column:1/-1}.hc-control-bay{padding:.7rem}.hc-panel{flex-wrap:wrap;min-height:5rem;gap:.7rem}.hc-panel>label{flex-basis:calc(50% - 0.5rem)}.hc-panel>.hc-option{margin-top:0;min-width:calc(50% - .5rem)}.hc-sound-panel label{flex-basis:100%}.hc-panel select{font-size:16px}.hc-panel .hc-tempo{flex-basis:100%}.hc-volume{gap:.4rem;width:100%}.hc-volume input{flex:1;width:auto}.hc-signature{display:none}.hc-looper{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hc-loop-label{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.hc-loop-label small{max-width:24ch;min-height:2.8em;text-align:right}.hc-loop-actions{width:100%}.hc-loop-actions>button:not(.hc-loop-clear){flex:1}.hc-loop-steps{display:flex;order:3;flex-basis:100%;justify-content:space-between}.chord-guide{grid-template-columns:1fr;gap:1.5rem}}@container (max-width: 360px){.hc-edition{display:none}.hc-pads{gap:.25rem}.hc-pad-number{font-size:.5rem}.hc-pad strong{font-size:.82rem}.hc-device{padding-inline:.6rem}}.beat-intro h2{font-size:clamp(3.2rem,6.5vw,6.8rem)}.beat-stage{padding:1.75rem clamp(.8rem,3vw,3rem) 1.25rem;border-radius:1.25rem;background:#1e1c24;color:var(--paper);background-image:radial-gradient(#373443 .6px,transparent 0);background-size:10px 10px}.beat-device{width:min(100%,70rem);margin-inline:auto;padding:clamp(1rem,2.8vw,2.3rem);color:#282631;background:linear-gradient(135deg,#e9e5dc,#dcd6c7);border:1px solid #f5f3ef;border-radius:1.1rem;box-shadow:inset 0 2px 0 #fff9,0 5px 0 #9a927f,0 7px 0 #131217,0 1.4rem 2rem #07070945}.beat-brandline{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.beat-brand{font-size:1.85rem;font-weight:800;letter-spacing:-.075em;line-height:1}.beat-brand>span{color:#9a654f}.beat-bank-name,.beat-device-footer,.beat-edition,.beat-ready{font:.55rem SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.beat-edition{color:#6e6757}.beat-ready{display:flex;align-items:center;gap:.45rem;margin-left:auto;color:#655e4f}.beat-ready i{width:.38rem;height:.38rem;border-radius:50%;background:#978f7b}.beat-ready.is-playing i{background:#686152;box-shadow:0 0 0 3px #7b736126}.beat-transport{display:grid;grid-template-columns:8.5rem 1fr;gap:1.25rem;align-items:stretch}.beat-play{display:inline-flex;min-height:5.4rem;align-items:center;justify-content:center;gap:.9rem;padding:.75rem;border:1px solid #9d624f;border-radius:.55rem;color:#2f241e;background:#d39379;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #a16d57;font-size:1rem;font-weight:650;letter-spacing:-.025em;transition:background .12s,transform .12s,box-shadow .12s}.beat-play:hover{background:#dfa189}.beat-play>span{font-size:.85rem}.beat-play.is-playing{background:#bbb5a8;border-color:#807764;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #8a816d}.beat-play:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #24222c44,0 1px 0 #8a816d}.beat-screen{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:4px solid #3b3847;border-radius:.55rem;color:#d9d2c3;background:#1c1a22;box-shadow:inset 0 2px 5px #0006,0 1px 0 #fff8;font-family:SFMono-Regular,Consolas,monospace}.beat-screen>div:first-child{display:flex;align-items:baseline;gap:.6rem}.beat-screen strong{font-size:2.6rem;font-weight:400;line-height:1;letter-spacing:-.08em;font-variant-numeric:tabular-nums}.beat-screen span{color:#b2ac9e;font-size:.57rem;letter-spacing:.1em}.beat-screen-right{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.beat-beats{display:flex;gap:5px}.beat-beats i{width:1.5rem;height:.3rem;border-radius:1px;background:#504a3e}.beat-beats .is-current{background:#d3ccbb}.beat-pattern-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:1.5rem 0 .4rem}.beat-preset{display:flex;min-width:0;align-items:center;font-size:.7rem;color:#565144}.beat-preset select{min-width:0;min-height:2.75rem;padding:.4rem 1.8rem .4rem .7rem;border:1px solid #aea798;border-radius:.35rem;color:#2f2c39;background:#e6e2d9;font:inherit}.beat-edit-actions{display:flex;flex-shrink:0;gap:.35rem}.beat-history{width:2.75rem;padding-inline:0}.beat-pattern-note{min-height:2.8em;margin:0 0 .8rem;color:#655e4f;font-size:.66rem;line-height:1.4}.beat-clear{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;padding:.4rem .8rem;border:1px solid #aea798;border-radius:.35rem;color:#595346;background:transparent;font-size:.7rem}.beat-clear>span{font-size:1.1rem}.beat-clear:not(:disabled):hover{border-color:#746c5b;background:#d2cab8}.beat-clear:disabled{cursor:default;opacity:.45}.beat-grid{padding-bottom:1.5rem;border-bottom:1px solid #b6b0a2}.beat-bank,.beat-grid{min-width:0}.beat-count-row,.beat-track{display:grid;grid-template-columns:7.1rem repeat(var(--beat-columns),minmax(0,1fr));align-items:center}.beat-count-row{margin-bottom:.5rem;color:#79715f}.beat-count-row>span:not(:first-child){padding-block:.4rem;text-align:center;border-radius:.2rem;font:.55rem SFMono-Regular,Consolas,monospace}.beat-count-row>.is-current{background:#393644;color:#f3f1ed}.beat-track{margin-top:.5rem}.beat-track-label{display:flex;min-width:0;align-items:center;justify-content:space-between}.beat-preview{display:inline-flex;min-width:0;min-height:2.75rem;align-items:center;gap:.45rem;border:0;color:#2d2b37;background:none;font-weight:600;white-space:nowrap}.beat-preview i{flex-shrink:0;width:.32rem;height:.32rem;border-radius:50%;background:var(--track-color);border:1px solid #4e493d55}.beat-mute{display:inline-flex;flex-shrink:0;width:1.8rem;min-height:2.75rem;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:#6e6756}.beat-cell{display:grid;min-width:0;min-height:2.75rem;align-self:stretch;place-items:center;padding:0;border:1px solid #a8a191;border-radius:.3rem;color:#5c5648;background:#cdc5b2;box-shadow:inset 0 1px 0 #f6f4f080,0 2px 0 #9e9684;touch-action:manipulation;transition:background 80ms,box-shadow 80ms,opacity 80ms}.beat-cell:nth-child(8n+2),.beat-cell:nth-child(8n+3),.beat-cell:nth-child(8n+4),.beat-cell:nth-child(8n+5){background:#d6d0c0}.beat-cell>span{width:.25rem;height:.25rem;border-radius:50%;background:#a49c8b}.beat-cell[aria-pressed=true]{border-color:#77705e88;box-shadow:inset 0 1px 0 #fff5,0 2px 0 #857c68}.beat-cell[aria-pressed=true]>span{background:#33303e}.beat-cell:hover{border-color:#484439}.beat-cell.is-current{outline:2px solid #5f594a;outline-offset:-3px}.beat-cell.is-current[aria-pressed=true]{outline-color:#f7f5f2;box-shadow:inset 0 0 0 3px #5f594a,0 2px 0 #857c68}.beat-cell:focus-visible{outline:2px solid #1a181f;outline-offset:3px;z-index:1}.beat-track.is-muted .beat-cell{opacity:.35}.beat-track.is-muted .beat-preview{text-decoration:line-through;text-decoration-color:#8d846f}.beat-controls{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(1rem,4vw,4rem);margin-top:1.3rem}.beat-controls label{display:flex;min-width:0;flex-direction:column;color:#5a5446;font-size:.65rem}.beat-controls label>span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.beat-controls output{color:#33303e;font:.66rem SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.beat-controls small{margin-left:.2rem;color:#736c5b;font-size:.5rem}.beat-controls input{width:100%;min-height:2.75rem;margin:0;accent-color:#555043;cursor:pointer}.beat-device-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem;font-size:.48rem}.beat-feedback{min-height:2.8em;margin:1.25rem 0 0;color:#c9c0ab;font-size:.65rem;line-height:1.5}.beat-feedback[role=alert]{color:#f2bca6}.beat-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:2.5rem}.beat-guide p{margin:0;color:#4e493e;font-size:.8rem;line-height:1.65}.beat-guide p>span{display:block;margin-bottom:.8rem;color:var(--muted);font:.58rem SFMono-Regular,Consolas,monospace;letter-spacing:.08em}@container (max-width: 1000px){.beat-count-row,.beat-track{grid-template-columns:5.5rem repeat(var(--beat-columns),minmax(0,1fr));gap:3px}.beat-preview{font-size:.65rem;gap:.3rem}.beat-mute{width:1.4rem}}@container (max-width: 760px){.beat-wide{display:none}.beat-narrow{display:block}.beat-narrow+.beat-narrow{margin-top:1.5rem}.beat-count-row,.beat-track{grid-template-columns:5.3rem repeat(8,minmax(0,1fr));gap:4px}.beat-stage{padding:1.25rem .75rem 1rem}.beat-device{padding:1.1rem .8rem}.beat-brandline{flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.beat-brand{font-size:1.5rem}.beat-edition{font-size:.45rem;letter-spacing:.04em}.beat-ready{font-size:.48rem;gap:.3rem}.beat-transport{grid-template-columns:5.5rem 1fr;gap:.7rem;position:sticky;top:.5rem;z-index:3;border-radius:.55rem;background:#e3ded2;box-shadow:0 0 0 6px #e3ded2}.beat-play{min-height:4.5rem;font-size:.9rem;gap:.5rem}.beat-screen{padding:.7rem;gap:.5rem}.beat-screen strong{font-size:2rem}.beat-screen span{font-size:.48rem}.beat-screen-right{gap:.6rem}.beat-beats{gap:3px}.beat-beats i{width:.7rem}.beat-controls{grid-template-columns:1fr 1fr;gap:.65rem 1.5rem}.beat-controls label:first-child{grid-column:1/-1}.beat-preset select{font-size:16px}.beat-device-footer>:last-child{display:none}.beat-guide{grid-template-columns:1fr;gap:1.5rem}}@container (max-width: 480px){.beat-section{padding-inline:1rem}.beat-stage{padding-inline:.5rem}.beat-device{padding-inline:.65rem}.beat-count-row,.beat-track{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.beat-track-label{grid-column:1/-1;min-height:2rem;padding-right:0;margin-top:.15rem}.beat-mute,.beat-preview{min-height:2rem}.beat-mute{width:2.5rem}.beat-preview{font-size:.7rem}.beat-bank-name{grid-column:1/-1;margin-bottom:.25rem}.beat-track{margin-top:0}.beat-narrow+.beat-narrow{padding-top:1.25rem;border-top:1px solid #bab5a8}.beat-cell{min-height:2.65rem}.beat-edition,.beat-screen-right>span{display:none}.beat-screen>div:first-child{gap:.3rem}.beat-screen{border-width:3px;padding:.6rem}.beat-screen strong{font-size:1.9rem}.beat-pattern-tools{gap:.5rem;margin-top:1.3rem}.beat-preset{gap:.5rem;font-size:.65rem}.beat-clear{padding-inline:.6rem;font-size:.65rem}.site-header .nav{gap:.7rem;font-size:.58rem;letter-spacing:.05em}}.pattern-load-error{margin:16px;color:var(--studio-gold)}.jam-scenes>summary:after{content:"+";font-size:18px}.jam-scenes[open]>summary:after{content:"−"}.jam-scenes>p button{min-height:44px;padding:10px}.studio .jam-scenes{margin:16px 0;border:1px solid #8a806b77;border-radius:12px;background:#2c2932;color:#f0eadf}.jam-scenes[hidden]{display:none}.jam-scenes>summary{min-height:48px;display:flex;gap:12px;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 18px;box-sizing:border-box;font-size:14px}.jam-scenes>summary span{font-size:11px;color:#d8c7a0;max-width:60%;overflow-wrap:anywhere}.jam-scenes>summary:focus-visible{outline:2px solid #e1ba79;outline-offset:3px}.jam-scenes>p{padding:0 18px;font-size:12px;line-height:1.7}.studio .chord-section{container-type:inline-size;min-width:0;padding:0;border:0}.studio .beat-stage,.studio .chord-stage{padding:0;border-radius:0;background:none}.beat-brand,.hc-brand{margin:0}.studio .beat-device,.studio .hc-device{margin-top:0;box-shadow:inset 0 2px 0 #fff9,0 4px 0 #8a816d,0 12px 24px #0a0a0c44}.studio .hc-looper{margin-top:1.5rem}.hc-feedback:empty{display:none}.instrument-help{width:min(100%,52rem);margin:1rem auto 0;padding:.8rem .25rem;border-top:1px solid #7a725f66;color:#c8bea8;font-size:.7rem;line-height:1.5}.beat-section .instrument-help{width:100%}.instrument-help summary{width:fit-content;padding:.25rem 0;cursor:pointer}.instrument-help .beat-guide,.instrument-help .chord-guide{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:1rem;padding:.25rem .5rem}.instrument-help p{color:#c9c0ab;font-size:.7rem}.instrument-help p>span{margin-bottom:.25rem;color:#aba494}.chord-section[data-offscreen] .hc-meter i{animation-play-state:paused!important}.studio .beat-device{padding:clamp(1rem,2.5cqi,1.7rem)}@container (min-width:621px){.beat-wide{display:block}.beat-narrow{display:none}.beat-count-row,.beat-track{grid-template-columns:5.5rem repeat(16,minmax(0,1fr));gap:3px}}@container (min-width:481px) and (max-width:760px){.hc-playarea{grid-template-columns:8rem minmax(0,1fr);gap:.7rem}.hc-pads{grid-area:1/2;height:12rem;gap:.35rem}.hc-left-panel{display:flex;grid-area:1/1}.hc-speaker{display:none}.hc-joystick{width:8rem;height:8rem}.hc-stick-caption{width:8rem}}@container (max-width:760px){.beat-transport{top:5.4rem}}@media (max-width:1179px){.studio-rack{max-width:1050px;margin-inline:auto;gap:2rem}}@media (max-width:850px){.studio-status{display:none}.studio-toolbar{gap:1rem}.studio-brand small{display:none}}@media (max-width:650px){html{scroll-padding-top:9.5rem}.studio-header{display:grid;grid-template-columns:auto 1fr;gap:.1rem 1rem;padding:.5rem 1rem}.studio-nav{justify-self:end}.studio-toolbar{grid-column:1/-1;justify-content:space-between;width:100%;margin:0;gap:.8rem}.studio-volume{flex:1}.studio-volume input{flex:1;min-width:3rem;width:5rem}.studio-stop kbd{display:none}.studio-main{padding:1rem .65rem}.studio-footer{margin-inline:1rem}.studio-footer-top{gap:1rem}.studio-legal{flex-basis:100%;margin:0}.beat-transport{top:7.8rem}.owner-details div{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.studio-nav button{border:0;padding:.65rem 0;background:none;color:inherit;font-size:inherit}.studio-nav button[aria-pressed=true]{color:#ddd8cb}.studio-modes{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.5rem}.language-picker{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;color:#dcd6c7}.language-picker .language-globe{display:block;flex:none;width:20px;height:20px;opacity:.85;pointer-events:none}.language-picker select{min-height:2.75rem;max-width:8rem;padding:.4rem 1.4rem .4rem .6rem;border:1px solid #8f8670;border-radius:.4rem;color:inherit;font-size:.75rem}.legal-language{position:absolute;right:clamp(1.5rem,4vw,4.5rem);top:1rem}.legal-language .language-picker{color:#33303e}.legal-language select{color:#33303e;background:#e7e3da}.studio-modes button{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;min-height:2.75rem;border:1px solid transparent;border-radius:.5rem;background:transparent;font-size:.85rem}.studio-modes button[aria-pressed=true]{color:#eae6dd;border-color:#857c68;background:#2e2c38}.studio-modes button span{font-size:.6rem}.studio-rack-label{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:2.2rem 0 1.2rem;color:#d2cab8;font:.65rem SFMono-Regular,Consolas,monospace;letter-spacing:.07em}.studio-rack-label span{font:.7rem Helvetica Neue,Arial,sans-serif;letter-spacing:0}.arrangement{min-width:0;margin:0 0 2rem;padding:clamp(1rem,2.5vw,2rem);border:1px solid #b8b2a5;color:#2c2a35;background:linear-gradient(125deg,#efece5,#e1dcd0);box-shadow:inset 0 2px 0 #fff9,0 4px 0 #8a816d,0 12px 24px #0a0a0c44}.arrangement[hidden]{display:none}.arrangement button,.arrangement input,.arrangement select{min-height:2.75rem;border:1px solid #aea798;border-radius:.4rem;color:#33303e;background:#e6e2d9}.arrangement button{padding:.55rem .8rem;font-size:.73rem}.arrangement button:not(:disabled):hover{border-color:#726b5a;background:#d4cdbd}.arrangement button:disabled{opacity:.42}.arrangement select{min-width:0;max-width:100%;padding:.4rem 1.8rem .4rem .6rem;font-size:.8rem}.arrangement input{min-width:0;padding:.45rem .6rem;font-size:.85rem}.arrangement input[type=range]{padding:0;accent-color:#5e584a}.arr-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.arr-eyebrow{color:#766e5c;font:.53rem SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.arr-heading h2{margin:.3rem 0 0;font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.08em}.arr-heading h2 span{font-weight:400}.arr-heading h2 i{font-style:normal;color:#978e7a}.arr-status{display:flex;align-items:center;gap:.45rem;white-space:nowrap;color:#736c5b;font:.55rem SFMono-Regular,Consolas,monospace}.arr-status i{width:5px;height:5px;border-radius:50%;background:#988f7b}.arr-status.is-playing i{box-shadow:0 0 0 4px #7f766333}.arr-transport{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;padding-bottom:1.25rem;border-bottom:1px solid #aba59577}.arrangement .arr-play{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:4.2rem;border-color:#b98571;background:#c79179;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #96725f;font-weight:700}.arrangement .arr-play.is-playing{background:#aca696;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #807764}.arr-tempo{display:grid;grid-template-columns:auto auto;gap:.1rem .4rem;align-items:baseline;color:#756e5c;font-size:.65rem}.arr-tempo input{grid-column:1;grid-row:2;width:5rem;min-height:2.75rem;color:#2f2c39;font:1.35rem SFMono-Regular,Consolas,monospace}.arr-tempo small{grid-row:2;font:.55rem SFMono-Regular,Consolas,monospace}.arr-position{display:grid;grid-template-columns:auto auto;gap:.3rem 1.1rem;min-height:4.2rem;padding:.6rem .8rem;border:3px solid #827a66;box-shadow:inset 0 2px 4px #0006}.arr-position>span{grid-column:1/-1;color:#9d9583;font:.48rem SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.arr-position output{white-space:nowrap;font:1.5rem SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}.arr-position small{align-self:center;color:#a59e8d;font:.6rem SFMono-Regular,Consolas,monospace}.arr-start{display:flex;flex-direction:column;gap:.25rem;color:#736b5a;font-size:.65rem}.arr-loop{display:flex;align-items:center;gap:.4rem;margin-left:auto;color:#887f6a}.arr-loop button[aria-pressed=true]{color:#eae6dd;background:#524d40;border-color:#524d40}.arr-loop input{width:3.7rem;text-align:center}.arr-top-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:1rem 0}.arr-top-tools>label{display:flex;align-items:center;gap:.6rem;color:#77705e;font-size:.65rem}.arr-track-switches{display:flex;flex-wrap:wrap;gap:.4rem}.arr-track-switches button{display:flex;align-items:center}.arr-track-switches i{width:.4rem;height:.4rem;border-radius:50%;background:#a39c8a}.arr-track-switches span{color:#827a67;font:.48rem SFMono-Regular,Consolas,monospace}.arr-track-switches button[aria-pressed=true]{opacity:.55}.arr-timeline-layout{display:flex;min-width:0;border:1px solid #b0a99a;border-radius:.6rem;overflow:hidden}.arr-lane-labels{display:grid;grid-template-rows:44px 88px 88px;flex-shrink:0;width:5.75rem;border-right:1px solid #a69e8d}.arr-lane-labels>span{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:.6rem;border-bottom:1px solid #b0aa9b66;font-size:.7rem}.arr-lane-labels>span:first-child{font:.5rem SFMono-Regular,Consolas,monospace;color:#594f3c}.arr-lane-labels small{color:#594f3c;font:.45rem SFMono-Regular,Consolas,monospace}.arr-scroll{min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#9b927f #ded9cc;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.arr-canvas{position:relative;width:100%}.arr-ruler{display:grid;grid-template-columns:repeat(var(--bars),minmax(0,1fr));height:44px}.arrangement .arr-ruler button{position:relative;padding:0;border:0;border-right:1px solid #aaa39366;border-bottom:1px solid #a09886;border-radius:0;font:.63rem SFMono-Regular,Consolas,monospace}.arrangement .arr-ruler button.is-looped{box-shadow:inset 0 3px 0 #918874}.arrangement .arr-ruler button.is-selected{background:#605a4b}.arr-lane{position:relative;height:88px;border-bottom:1px solid #a69f8e66;background-image:linear-gradient(90deg,#b2ab9c77 1px,transparent 0);background-size:calc(100% / var(--bars)) 100%}.arr-lane.is-muted{opacity:.4}.arr-clip{position:absolute;top:8px;height:72px;display:flex;min-width:0;padding-right:2px}.arrangement .arr-clip-body{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;overflow:hidden;padding:.5rem .65rem;border:1px solid #9a927f;border-radius:.35rem 0 0 .35rem;text-align:left;touch-action:pan-x;user-select:none}.arr-clip-body strong{font-size:.75rem;font-weight:600}.arr-clip-body strong,.arr-clip-body>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arr-clip-body>span{font-size:.63rem}.arr-clip-body small{font:.55rem SFMono-Regular,Consolas,monospace}.arrangement .arr-resize{flex-shrink:0;min-height:0;padding:0;border:1px solid #9a927f;border-left:0;border-radius:0 .35rem .35rem 0;touch-action:none;cursor:ew-resize}.arr-clip.is-selected{filter:drop-shadow(0 0 1px #26242e)}.arr-clip.is-selected .arr-clip-body{box-shadow:inset 0 0 0 2px #5a5447}.arr-lane-beat .arr-clip.is-selected .arr-clip-body{box-shadow:inset 0 0 0 2px #8b6045}.arr-clip.is-playing .arr-clip-body{box-shadow:inset 0 3px 0 #f4f2ed}.arr-clip.is-dragging{opacity:.7;z-index:3}.arr-playhead{position:absolute;top:44px;bottom:0;left:0;z-index:4;display:none;width:1px;background:#33303d;pointer-events:none;will-change:transform}.arr-playhead.is-running{display:block}.arr-playhead i{position:absolute;left:-4px;top:-5px;width:9px;height:7px;border-radius:1px;background:#33303d}.arr-add-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:.85rem 0 1.2rem}.arr-add-tools>div{display:flex;flex-wrap:wrap;gap:.4rem}.arrangement .arr-add-tools button{font-size:.67rem}.arr-editor{padding:1rem;border:1px solid #b6b0a2;border-radius:.6rem}.arr-editor-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.arr-editor-head>span{color:#594f3c;font:.55rem SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.arr-editor-head>div{display:flex;gap:.4rem;flex-wrap:wrap}.arrangement .arr-editor-head button{min-height:2.3rem;padding:.4rem .6rem;font-size:.65rem}.arrangement .arr-delete{color:#8b5844}.arr-clip-fields{display:grid;grid-template-columns:minmax(8rem,2fr) minmax(5rem,1fr) minmax(5rem,1fr);max-width:44rem}.arr-clip-fields label{display:flex;flex-direction:column;min-width:0;gap:.4rem;color:#7f7663;font-size:.65rem}.arr-clip-fields input{width:100%}.arr-sequence{margin-top:1.1rem}.arr-sequence-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem;font-size:.75rem}.arr-sequence-label small{margin-left:.5rem;font-size:.6rem;color:#594f3c}.arr-chord-steps{display:flex;flex-wrap:wrap;gap:.5rem}.arr-chord-step{position:relative;display:grid;grid-template-columns:1fr auto;gap:.4rem;padding:.6rem;border:1px solid #b9b3a5;border-radius:.45rem;background:#ddd7c9}.arr-chord-step>span{color:#594f3c;font:.625rem SFMono-Regular,Consolas,monospace}.arr-chord-step select{grid-column:1;width:100%;padding-right:1rem}.arr-chord-step select:first-of-type{font-size:1.1rem;font-weight:700}.arrangement .arr-chord-step button{grid-column:2;grid-row:2/4;align-self:stretch;min-height:2.75rem;width:1.5rem;padding:0}.arr-drum-source{align-items:center;gap:1rem;margin-top:1rem}.arr-drum-source label{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:#7b7360;font-size:.7rem}.arr-drum-source input{width:7rem}.arr-drum-source output{min-width:3ch;font-size:.65rem}.arr-drum-source p{flex-basis:100%;margin:0;color:#837b67;font-size:.65rem;line-height:1.5}.arr-pattern-preview{flex-basis:100%;max-width:34rem;display:grid;gap:4px;padding-top:.3rem}.arr-pattern-preview>div{display:grid;grid-template-columns:3rem repeat(16,minmax(0,1fr));gap:3px;align-items:center}.arr-pattern-preview span{font-size:.55rem;color:#938a76}.arr-pattern-preview i{height:.65rem;border:1px solid #b7b1a3;border-radius:2px;background:#e3ded2}.arr-pattern-preview i[data-hit=true]{border-color:#9a8569;background:#b78e72}.arr-no-selection{margin:.25rem;color:#8a816d;font-size:.75rem}.arr-feedback{min-height:2.8em;margin:.9rem 0 0;color:#766f5d;font-size:.7rem;line-height:1.4}.arr-feedback[role=alert]{color:#95583e}.arr-help{margin-top:.7rem;padding-top:.8rem;border-top:1px solid #b9b3a5;font-size:.7rem;color:#78705e;line-height:1.6}.arr-help summary{cursor:pointer;width:fit-content;padding:.25rem 0}.arr-help>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}.arr-help p{max-width:80ch}.beat-studio-note{margin:.75rem 0 0;color:#766f5d;font-size:.65rem;line-height:1.5}.beat-play:disabled{cursor:default}@media(max-width:850px){.arr-loop{margin-left:0}.studio-modes button span{display:none}}@media(max-width:650px){.studio-modes{margin-bottom:1rem}.studio-modes button{padding-inline:.65rem;font-size:.75rem}.language-picker select{max-width:5.5rem;padding-left:.4rem;padding-right:1rem;font-size:.7rem}.legal-back{margin-top:2rem}.arr-heading{align-items:flex-end;margin-bottom:1.1rem;gap:.5rem}.arr-heading h2{font-size:2rem}.arr-eyebrow{font-size:.42rem;letter-spacing:.07em}.arr-status{font-size:.43rem}.arr-transport{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.arrangement .arr-play{min-width:0;min-height:4.3rem}.arr-position{grid-column:2;grid-row:1;min-height:4.3rem;gap:.3rem .5rem}.arr-position output{font-size:1.4rem}.arr-tempo{grid-row:2;grid-template-columns:auto 1fr;gap:.35rem}.arr-tempo input{width:100%}.arr-start{grid-row:2}.arr-loop{grid-column:1/-1;gap:.6rem}.arr-loop button{flex:1}.arr-loop input{width:3.7rem}.arr-top-tools{gap:.75rem}.arr-track-switches{width:100%}.arr-track-switches button{flex:1;padding-inline:.5rem;gap:.4rem}.arr-lane-labels{width:4.2rem}.arr-lane-labels>span{font-size:.6rem;padding:.4rem}.arr-editor{padding:.75rem}.arr-clip-fields{grid-template-columns:1fr 1fr;gap:.65rem}.arr-clip-fields label:first-child{grid-column:1/-1}.arr-chord-step{width:calc(50% - .25rem);min-width:0;padding:.5rem}.arrangement .arr-chord-step select{padding-left:.4rem;font-size:1rem}.arrangement .arr-chord-step button{width:2.75rem}.arrangement input,.arrangement select{font-size:16px}.arr-help>div{grid-template-columns:1fr;gap:0}.arr-drum-source{gap:.7rem}.arrangement .arr-editor-head button{min-height:2.75rem}}@media(max-width:360px){.arr-chord-step{width:100%}}.arr-heading h2.module-brand,.beat-brand.module-brand,.hc-brand.module-brand,.module-brand{margin:0;color:#2c2a35;font-size:1.8rem;font-weight:800;letter-spacing:-.07em;line-height:1}.arr-heading h2.module-brand>span,.beat-brand.module-brand>span,.hc-brand.module-brand>span,.module-brand>span{color:inherit;font-size:inherit;font-weight:400}.arr-heading h2.module-brand>i,.module-brand>i{display:inline;margin-left:.2rem;color:#857d69;font-size:.5rem;font-style:normal}.module-name{font-size:1rem;font-weight:800;letter-spacing:-.055em}.module-name>span,.studio-modes button .module-name>span{display:inline;color:inherit;font-size:inherit;font-weight:400}.studio-nav .module-name{font-size:inherit}.arr-lane-labels .module-name,.arr-track-switches .module-name{display:inline;font-size:.75rem;color:inherit}.arr-lane-labels .module-name>span,.arr-track-switches .module-name>span{color:inherit;font-size:inherit}.studio-rack{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.hc-device{padding:clamp(1rem,2.5cqi,1.7rem)}.beat-brandline,.hc-brandline{min-height:1.8rem;gap:.7rem;margin-bottom:1.2rem}.beat-edition,.hc-edition{margin-left:auto;font-size:.48rem;color:#645d4e}.instrument-transport{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;margin-bottom:.3rem}.instrument-transport-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.instrument-transport button{display:flex;min-width:0;min-height:4rem;flex-direction:column;align-items:center;justify-content:center;border:1px solid #a79f8e;border-radius:.45rem;color:#33303e;box-shadow:inset 0 2px 0 #fff6,0 3px 0 #99917e;cursor:pointer}.instrument-transport .instrument-play{background:#d39379;border-color:#a5735d;box-shadow:inset 0 2px 0 #fff6,0 3px 0 #a16d57}.instrument-transport button:not(:disabled):hover{filter:brightness(1.06)}.instrument-transport button:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 2px #27253044,0 1px 0 #99917e}.instrument-transport button:disabled{cursor:default}.instrument-clock{display:grid;grid-template-columns:auto 1fr;align-content:center;min-width:0;border:4px solid #393644;border-radius:.5rem;color:#d8d2c3;background:#19181e;box-shadow:inset 0 2px 6px #0008;font-family:SFMono-Regular,Consolas,monospace}.instrument-clock strong{line-height:1;letter-spacing:-.07em;font-weight:400;font-variant-numeric:tabular-nums}.instrument-clock>span{align-self:end;font-size:.48rem}.instrument-clock small{grid-column:1/-1;color:#ada696;letter-spacing:.04em}.instrument-clock .beat-beats{grid-column:1/-1}.instrument-clock .beat-beats i{flex:1;width:auto}.instrument-transport-status{grid-column:1/-1;min-height:1.5em;color:#655e4f;font:.5rem SFMono-Regular,Consolas,monospace}.instrument-controls.beat-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:.8rem 0 1rem;padding-bottom:.65rem;border-bottom:1px solid #b6b0a2}.instrument-controls.beat-controls>label:first-child{grid-column:auto}.instrument-controls input:disabled{opacity:.45;cursor:default}.instrument-error{grid-column:1/-1;margin:0;color:#92553e;font-size:.7rem;line-height:1.5}.chord-sync-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;margin:0 0 1.2rem}.chord-sync-row>span,.sequence-note{margin:0;color:#635c4d;font-size:.65rem;line-height:1.5}.chord-sequence-header button[aria-pressed=true],.chord-sync[aria-pressed=true]{background:#c8bea8;border-color:#928975}.hc-effects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 1.5rem;padding:1rem 0;border-bottom:1px solid #b6b0a2}.hc-effect{min-width:0}.hc-effect .hc-option{width:100%;min-width:0;margin:0;font-size:.66rem}.hc-effect label{display:flex;align-items:center;gap:.25rem;min-width:0}.hc-effect input{width:100%;min-width:0;min-height:2.75rem;margin:0;accent-color:#5f594a}.hc-effect output{color:#5e584a;font:.55rem SFMono-Regular,Consolas,monospace}.chord-sequence-header{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 .8rem}.chord-sequence-header>div{flex:1;min-width:10rem}.chord-sequence-header h3.module-brand{font-size:1.25rem}.chord-sequence-header p{color:#635c4d;font-size:.6rem;line-height:1.5;margin:.5rem 0 0}.chord-sequencer-panel{margin-top:1rem}.chord-sequencer-panel>summary{display:flex;min-height:2.75rem;align-items:center;gap:.5rem;cursor:pointer;list-style:none}.chord-sequencer-panel>summary::-webkit-details-marker{display:none}.chord-sequencer-panel>summary:after{content:"+";margin-left:auto;font-size:1.25rem;color:#736c5b}.chord-sequencer-panel[open]>summary:after{content:"−"}.chord-sequencer-panel>summary .module-brand{font-size:1.25rem}.chord-sequencer-panel[open] .chord-sequence-header{margin-top:.75rem}.chord-sequence .beat-preview{gap:.5rem}.chord-sequence .beat-preview small{color:#8b826e;font:.55rem SFMono-Regular,Consolas,monospace}.chord-sequence .beat-cell{min-height:2.75rem}.sequence-note{margin-top:.85rem}.arrangement{max-width:100%;margin:2rem auto;padding:clamp(1rem,2.5vw,1.7rem);border:1px solid #f3f0eb;border-radius:1.1rem;background:linear-gradient(135deg,#e9e5dc,#dcd6c7)}.arr-heading{min-height:1.8rem;margin-bottom:1.2rem;flex-wrap:wrap}.arr-heading .arr-eyebrow{margin-left:auto}.arr-position{border:4px solid #393644;color:#d8d2c3;background:#19181e;border-radius:.5rem;box-shadow:inset 0 2px 6px #0008}.arr-timeline-layout{box-shadow:inset 0 2px 4px #635c4d22,0 1px 0 #fff8}.arrangement .arr-clip-body{box-shadow:inset 0 2px 0 #fff5,0 2px 0 #988f7b}.arrangement .arr-lane-beat .arr-clip-body{box-shadow:inset 0 2px 0 #fff5,0 2px 0 #a16d57}.arr-editor{box-shadow:inset 0 1px 0 #fff7}.arr-clip-fields label,.arr-editor label,.arr-sequence-label{color:#5e584a}.arrangement .arr-chord-step{box-shadow:inset 0 1px 0 #fff6,0 2px 0 #aea797}.arrangement .arr-ruler button.is-selected{color:#f4f2ed}@container (max-width:480px){.beat-brandline .module-brand,.hc-brandline .module-brand{font-size:1.5rem}.instrument-transport{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:.45rem}.instrument-transport button{font-size:.58rem;min-height:4.3rem}.instrument-clock{padding:.5rem;border-width:3px}.instrument-clock strong{font-size:1.6rem}.instrument-controls.beat-controls{gap:.65rem}.instrument-controls output{font-size:.56rem}.hc-effects{gap:.4rem}.hc-effect .hc-option{font-size:.6rem;padding-inline:.2rem}}@media(max-width:650px){.arr-heading .arr-eyebrow{display:none}.arr-heading h2.module-brand{font-size:1.5rem}}@media(max-width:1179px){.studio-rack{grid-template-columns:1fr}}.arr-chord-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.arr-capture-note{font-size:13px;line-height:1.65;max-width:80ch;color:var(--studio-label,#625c51)}.arr-chord-timing{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff18}.arr-chord-timing label{display:grid;grid-template-columns:auto minmax(90px,1fr) 4ch;gap:10px;align-items:center;font-size:13px;flex:1 1 220px}.arr-chord-timing input[type=range]{min-width:0;width:100%;height:44px}.arr-chord-timing output{font-variant-numeric:tabular-nums;text-align:right}.arr-chord-step{width:14rem;flex:0 1 14rem;min-width:0}@media(max-width:600px){.arr-chord-step{width:auto;flex:1 1 180px}}@media(max-width:540px){.arr-sequence-label{align-items:flex-start;flex-wrap:wrap}.arr-chord-actions{justify-content:flex-start;width:100%}.arr-chord-timing label{flex-basis:100%}}.arr-workflow-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px;border:1px solid #b8ad95;border-radius:14px;background:#e4ddcd}.arr-block-tools,.arr-paste-tools,.arr-view-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.arr-block-tools label,.arr-workflow-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--studio-label,#625c51);min-width:0}.arr-workflow-tools .daw-select{width:94px}.arr-block-tools input,.arr-paste-tools input{width:88px;min-width:0}.arr-clipboard-note{max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--studio-label,#625c51)}.arr-phase-label,.arr-snap-label{font-size:11px;color:var(--studio-label,#625c51)}.arr-block-tools{margin-bottom:12px}.arr-phase-label output{font-variant-numeric:tabular-nums;margin-left:6px}.arrangement .arr-clip.is-invalid .arr-clip-body{outline:2px dashed #9b4139;outline-offset:-3px;background:#dfb6a5}.arr-block-sound{margin:18px 0;border:1px solid #b8ad95;border-radius:14px;background:#e4ddcd;min-width:0}.arr-block-sound summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;cursor:pointer;list-style:none;font-size:13px;font-weight:600}.arr-block-sound summary::-webkit-details-marker{display:none}.arr-block-sound summary small{margin-left:auto;font-size:11px;font-weight:400;color:var(--studio-label,#625c51)}.arr-block-sound[open] summary{border-bottom:1px solid #b8ad95}.arr-block-sound[open] summary>span:last-child{transform:rotate(45deg)}.arr-block-sound-body{padding:16px;min-width:0}.arr-sound-source{display:grid;gap:8px;max-width:340px;font-size:12px}.arr-sound-basic,.arr-sound-motion{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:16px 0;min-width:0}.arr-sound-basic label,.arr-sound-motion label{display:grid;gap:8px;flex:1 1 125px;min-width:0;font-size:12px}.arr-sound-basic label:first-child{flex-grow:2}.arr-sound-label{display:block;font-size:12px;margin-bottom:8px}.arr-block-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:600px}.arr-block-modes button{min-width:0;padding-inline:8px}.arr-block-modes button[aria-checked=true]{background:#e7c774;border-color:#a88a43;color:#26232a;box-shadow:inset 0 1px #fff9,0 2px 5px #44392218}.arr-sound-range{display:grid;grid-template-columns:5.5ch minmax(65px,1fr) 7ch;gap:10px;align-items:center;font-size:12px}.arr-sound-range input[type=range]{width:100%;height:44px;min-width:0}.arr-sound-range output{text-align:right;font-variant-numeric:tabular-nums}.arr-sound-envelope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px}.arr-sound-envelope>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.arr-sound-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.arr-voice-badge{font-weight:600;letter-spacing:.06em}@media(max-width:700px){.arr-sound-envelope{grid-template-columns:1fr}.arr-block-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.arr-block-modes button{min-height:44px}}@media(max-width:400px){.arr-block-sound-body{padding:12px}.arr-sound-envelope>div{grid-template-columns:1fr}.arr-sound-envelope>div>button{justify-self:end}.arr-sound-source{max-width:100%}}@media(max-width:540px){.arr-workflow-tools{padding:10px}.arr-paste-tools,.arr-view-tools{width:100%}.arr-snap-label{width:100%;line-height:1.5}.arr-clipboard-note{max-width:100%;width:100%}.arr-block-tools{gap:8px}}.arr-looper-capture{margin-top:16px;padding-top:16px;border-top:1px solid #c9c2b6;min-width:0}.arr-looper-capture .arr-sequence-label{gap:12px;flex-wrap:wrap}.arr-performance-summary{font:500 12px var(--font-mono,monospace);color:#514b42;overflow-wrap:anywhere}.arr-performance-preview{display:block;width:100%;height:100px;background:#e7e5da;border:1px solid #b7b8a5;border-radius:8px;overflow:hidden}.arr-performance-preview rect{fill:#476363}.arr-selection-tools{margin:12px 0;padding:12px;border:1px solid #c9c2b6;border-radius:12px;background:#ffffff22;min-width:0}.arr-selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.arr-selection-actions button{min-height:44px;max-width:100%;white-space:normal}.arr-selection-actions output{margin-left:auto;font-size:12px;color:#514b42}.arr-selection-actions label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;min-width:0}.arr-selection-actions input[type=number]{width:88px;min-height:44px}.arr-selection-tools .arr-capture-note{margin:12px 0}.arr-block-tonality .arr-sound-basic{grid-template-columns:repeat(3,minmax(0,1fr))}.arr-local-effects{display:grid;gap:12px;margin-top:16px;max-width:660px;min-width:0}.arr-local-effects>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center}.arr-local-effects button[aria-pressed=true]{background:#b9d3ce;color:#263b3a;border-color:#7f9f98}.arr-local-effects .arr-sound-range{grid-template-columns:minmax(65px,1fr) 5ch}.arr-local-effects .arr-sound-range>span{grid-column:1/-1}@media(max-width:400px){.arr-local-effects>div{grid-template-columns:1fr}.arr-local-effects>div>button{justify-self:start;min-width:100px}}@media(max-width:540px){.arr-block-tonality .arr-sound-basic{grid-template-columns:1fr}.arr-selection-actions output{width:100%;margin-left:0}}.arr-performance-editor{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}.arr-performance-editor summary{cursor:pointer;font-weight:600}.arr-performance-editor label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px}.arr-performance-editor input{width:100%;min-width:0;min-height:44px;padding:8px;background:#e6e2d9;color:#33303e;border:1px solid var(--line);border-radius:5px}.arr-note-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.arr-note-fields [role=alert]{grid-column:1/-1}.arr-performance-editor .arr-chord-actions{margin-top:12px}@media(max-width:420px){.arr-note-fields{grid-template-columns:minmax(0,1fr)}}.hc-looper{flex-wrap:wrap}.hc-loop-edit{flex-basis:100%;margin-top:14px;border-top:1px solid #ffffff26;padding-top:12px;min-width:0}.hc-loop-edit summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px}.hc-loop-options{display:flex;align-items:end;flex-wrap:wrap;gap:12px;min-width:0;margin:8px 0}.hc-loop-actions{flex-wrap:wrap;max-width:100%}@media(max-width:400px){.hc-loop-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hc-loop-actions button{min-width:0;padding-inline:8px}.hc-loop-actions .hc-loop-clear{min-width:44px}.hc-loop-actions .hc-record{grid-column:span 2}}.hc-loop-options label{display:grid;gap:8px;font-size:12px;min-width:0;flex:1 1 100px;max-width:180px}.hc-loop-options button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #8a806b66;border-radius:12px;background:linear-gradient(#4b4650,#37323e);color:#f0eadf;font:500 13px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:inset 0 1px #ffffff25,0 2px 5px #0002;white-space:normal;cursor:pointer}.hc-loop-options button[aria-pressed=true]{background:linear-gradient(#e9d397,#d0b573);border-color:#d0b573;color:#27252a}.hc-loop-options button:disabled{opacity:.4;cursor:default;box-shadow:none}.hc-loop-options button:not(:disabled):hover{filter:brightness(1.08)}.hc-loop-edit summary:focus-visible,.hc-loop-options button:focus-visible{outline:2px solid #e1ba79;outline-offset:3px}@media(max-width:400px){.hc-loop-options{display:grid;grid-template-columns:minmax(0,1fr)}.hc-loop-options label{max-width:none;width:100%}}.hc-loop-edit p{font-size:12px;line-height:1.7;color:inherit;opacity:.8;max-width:75ch;overflow-wrap:anywhere}.hc-midi{width:min(100%,52rem);margin:0 auto 18px;border-bottom:1px solid #ffffff26;min-width:0}.hc-midi summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px}.hc-midi summary:focus-visible{outline:2px solid #e1ba79;outline-offset:3px}.hc-midi p{font-size:12px;line-height:1.7;color:#c8bfaa;max-width:80ch;overflow-wrap:anywhere}.hc-midi-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;min-width:0}.hc-midi-controls button{min-width:44px;min-height:44px;max-width:100%;border:1px solid #8a806b66;border-radius:12px;padding:10px 14px;color:#f0eadf;background:linear-gradient(#4b4650,#37323e);font:500 13px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;white-space:normal}.hc-midi-controls button:disabled{opacity:.4;cursor:default}.hc-midi-controls label{display:grid;gap:8px;min-width:0;max-width:100%;flex:1 1 180px;font-size:12px}.hc-midi-controls button:focus-visible{outline:2px solid #e1ba79;outline-offset:3px}.hc-midi[hidden]{display:none}@media(max-width:400px){.hc-midi-controls{display:grid;grid-template-columns:minmax(0,1fr)}.hc-midi-controls label{width:100%}}.hc-countdown{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7c774;color:#27232a;font:600 24px var(--font-mono,monospace)}.studio .hc-looper{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:min(100%,52rem);margin:24px auto 20px;padding:clamp(16px,3vw,24px);border:1px solid #f2ebdb;border-top:3px solid var(--studio-lime);border-radius:1rem;color:var(--studio-type);background:linear-gradient(135deg,#eee8db,var(--studio-panel) 60%,#ded6c4);box-shadow:inset 0 2px 0 #fff9,0 4px 0 #807764,0 14px 28px #08070d55}.studio .hc-looper .hc-loop-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-width:0}.studio .hc-looper h3.module-brand{font-size:1.8rem;line-height:1.1}.studio .hc-looper .hc-loop-label small{min-height:0;max-width:34ch;color:var(--studio-label);font-size:12px;line-height:1.6;text-align:right}.studio .hc-looper .hc-loop-steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));align-items:center;gap:4px;order:0;flex-basis:auto;width:100%;padding:10px 12px;border:1px solid #a99e8855;border-radius:10px;background:#d9d0bc}.studio .hc-looper .hc-loop-steps i{width:auto;height:7px;border-radius:3px;background:#b8ad96}.studio .hc-looper .hc-loop-steps i:nth-child(4n+1){height:11px;background:#968b74}.studio .hc-looper .hc-loop-steps i.is-current{background:#63512a;box-shadow:0 0 0 2px var(--studio-gold)}.studio .hc-looper[data-loop-state=recording] .hc-loop-steps i.is-current{background:#963b2d;box-shadow:0 0 0 2px var(--studio-orange)}.studio .hc-looper .hc-loop-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--control-gap);width:100%}.studio .hc-looper .hc-loop-actions button,.studio .hc-looper .hc-loop-options button{min-width:44px;min-height:44px;grid-column:auto;padding:10px 12px;border:1px solid #a99e8877;border-radius:var(--control-radius);background:linear-gradient(#f7f2e8,#eee7d8);color:var(--studio-type);font-size:13px;line-height:1.3;box-shadow:var(--control-shadow);white-space:normal}.studio .hc-looper .hc-loop-actions>button:nth-child(-n+3){min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.studio .hc-looper .hc-loop-actions>button:nth-child(-n+3)>span:first-child{font-size:16px;line-height:1}.studio .hc-looper .hc-loop-actions .hc-record{background:linear-gradient(#df805a,#cf704d);border-color:#b95b3e;color:var(--studio-ink)}.studio .hc-looper .hc-loop-actions .hc-record>span{color:inherit}.studio .hc-looper .hc-loop-actions .hc-loop-play{background:linear-gradient(#efd083,var(--studio-gold));border-color:#b38b3755;color:var(--studio-ink)}.studio .hc-looper .hc-loop-actions .is-recording{background:linear-gradient(#a34b38,#873b2f);border-color:#7d3429;color:#fff7ec}.studio .hc-looper .hc-loop-actions .hc-loop-clear{font-size:13px;gap:6px}.studio .hc-looper .hc-loop-actions button:disabled{opacity:.48;box-shadow:none;filter:none}.studio .hc-looper .hc-loop-edit{margin:0;padding-top:8px;border-top:1px solid #a99e8866}.studio .hc-looper .hc-loop-edit summary{font-size:13px;font-weight:550}.studio .hc-looper .hc-loop-options button[aria-pressed=true]{background:#302b35;border-color:#302b35;color:var(--studio-paper)}.studio .hc-looper .hc-loop-edit p,.studio .hc-looper .instrument-history-note{color:var(--studio-label);opacity:1}.studio .hc-looper :is(button,summary,.daw-select-trigger):focus-visible{outline-color:#2c6370;outline-offset:3px}@media(max-width:480px){.studio .hc-looper .hc-loop-label{align-items:flex-start;flex-direction:column;gap:8px}.studio .hc-looper .hc-loop-label small{text-align:left;max-width:none}.studio .hc-looper .hc-loop-actions button{padding-inline:6px;font-size:12px}.studio .hc-looper h3.module-brand{font-size:1.5rem}}@media(forced-colors:active){.studio .hc-looper{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.studio .hc-looper .hc-loop-steps i.is-current{background:Highlight;outline:2px solid Highlight}.studio .hc-looper :is(button,summary):focus-visible{outline-color:Highlight}}:root{--control-hit:2.75rem;--control-radius:0.5rem;--control-gap:0.5rem;--control-type:0.78rem;--transport-height:4.5rem;--library-label:#625849;--library-type:#38323c;--library-line:#a99e8866;--library-field:#f7f2e8;--library-selected:#302b35}.studio button,.studio input:not([type=range]),.studio select{min-height:var(--control-hit)}.studio a,.studio button,.studio select,.studio summary{touch-action:manipulation}.studio button{-webkit-user-select:none;user-select:none}.studio :is(.hc-pad,.hc-stick,.hc-direction){touch-action:none}.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio summary:focus-visible{outline:2px solid #d6d0c0;outline-offset:3px}.studio :is(.hc-device,.beat-device,.arrangement) :is(button,summary,select,input):focus-visible{outline-color:#34313f}.studio-nav{gap:.35rem}.studio-nav a,.studio-nav button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-hit);min-height:var(--control-hit);padding:.5rem .6rem;border-radius:var(--control-radius)}.studio-nav :is(a,button):hover{background:#c6bca610}.studio-modes{gap:var(--control-gap)}.studio-modes button{align-items:center;padding:.65rem .9rem}.studio-stop{font-size:var(--control-type);padding:.5rem .8rem}.studio-legal,.studio-socials{gap:.25rem 1rem}.studio-footer :is(.studio-socials,.studio-legal) a{display:inline-flex;min-height:var(--control-hit);align-items:center}.arr-help summary,.instrument-help summary{display:flex;align-items:center;min-height:var(--control-hit);padding:.6rem .15rem}.instrument-transport{grid-template-columns:minmax(9.25rem,1.45fr) minmax(6.5rem,1fr);gap:.65rem}.instrument-transport-buttons{gap:.4rem}.instrument-transport button{min-height:var(--transport-height);gap:.5rem;padding:.65rem .2rem;border-radius:var(--control-radius);font-size:.75rem;line-height:1.2;transition:background-color .12s,box-shadow .12s,transform 80ms}.instrument-transport button>span:first-child{font-size:.85rem;line-height:1}.instrument-clock{min-height:var(--transport-height);padding:.6rem;gap:.35rem .5rem}.instrument-clock strong{font-size:1.8rem}.instrument-clock small{grid-column:1;grid-row:2;align-self:center;font-size:.45rem}.instrument-clock .beat-beats{grid-column:2;grid-row:2;align-self:center;gap:3px}.instrument-clock .beat-beats i{min-width:3px}.instrument-transport button:disabled{opacity:.48;filter:none}.arrangement button,.beat-clear,.hc-option{border-radius:var(--control-radius);font-size:var(--control-type);line-height:1.25;transition:background-color .12s,border-color .12s,box-shadow .12s}.beat-clear,.hc-option{padding:.6rem .85rem}.arr-add-tools>div,.arr-editor-head>div,.arr-track-switches,.beat-edit-actions{gap:var(--control-gap)}.beat-history{width:var(--control-hit);min-width:var(--control-hit);padding:0}.beat-preset{flex:1;flex-wrap:wrap;gap:.5rem .75rem}.beat-preset select{flex:1;max-width:18rem;font-size:.85rem}.beat-pattern-tools{gap:.75rem}.beat-pattern-note{margin-top:.65rem}.hc-effects{gap:.75rem}.hc-effect .hc-option{font-size:var(--control-type);padding:.6rem .35rem}.chord-sync:disabled,.hc-option:disabled{opacity:.5;cursor:default}.hc-function{min-width:var(--control-hit);font-size:.65rem}.hc-function i{width:var(--control-hit);height:2rem}.hc-function:active i{transform:translateY(2px)}.hc-modes{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #aea79888}.hc-mode-label{display:block;margin-bottom:.6rem;color:#585245;font-size:.75rem}.hc-mode-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.hc-mode-buttons button{flex:1 1 4.5rem;min-width:4.5rem;min-height:var(--control-hit);padding:.6rem .75rem;border:1px solid #a8a190;border-radius:var(--control-radius);background:#e3ded2;color:#393645;box-shadow:inset 0 1px 0 #fff7;font-size:.78rem;line-height:1.2;transition:background-color .12s,border-color .12s,box-shadow .12s}.hc-mode-buttons button[aria-checked=true]{color:#f2f0eb;border-color:#4e493d;background:#4e493d;box-shadow:inset 0 1px 3px #201f2744,0 1px 0 #f0eee8}.hc-mode-buttons button:not([aria-checked=true]):hover{border-color:#746c5b;background:#d1cab8}.hc-mode-description{min-height:2.8em;margin:.7rem 0 0;color:#5c5649;font-size:.72rem;line-height:1.4}.hc-pad{min-width:var(--control-hit);min-height:var(--control-hit)}.hc-loop-actions{gap:var(--control-gap)}.hc-loop-actions button{border-radius:var(--control-radius);font-size:var(--control-type)}.hc-loop-actions .hc-loop-clear{min-width:var(--control-hit)}.hc-loop-label small{max-width:30ch}.chord-sequence-header{gap:.5rem .75rem}.chord-sequencer-panel>summary{padding-block:.5rem}.beat-track-label{gap:.25rem;padding-right:0}.beat-preview{flex:1;padding:.25rem;font-size:.75rem}.beat-mute,.beat-preview{min-height:var(--control-hit)}.beat-mute{width:var(--control-hit);min-width:var(--control-hit);border-radius:.4rem}.beat-mute:hover{background:#867e6a22}.beat-mute[aria-pressed=true]{background:#b5786222}.beat-section .beat-track-label{display:grid;grid-template-columns:3.4rem minmax(0,1fr) var(--control-hit);gap:.25rem}.beat-section .beat-preview{min-width:0;max-width:none;font-size:.7rem;padding-inline:0;gap:.25rem}.beat-sound{width:100%;min-width:0;padding:.4rem 1rem .4rem .35rem;border:1px solid #ada697;border-radius:.4rem;color:#393645;background:#e3ded2;font-size:.72rem}.beat-section .beat-count-row,.beat-section .beat-track{grid-template-columns:13.5rem repeat(var(--beat-columns),minmax(0,1fr))}.beat-cell,.chord-sequence .beat-cell{min-height:var(--control-hit)}.beat-cell:active{box-shadow:inset 0 2px 3px #2d2b3744}.beat-wide{display:none}.beat-narrow{display:block}.beat-count-row,.beat-track{grid-template-columns:7.25rem repeat(8,minmax(0,1fr));gap:4px}.beat-narrow+.beat-narrow{margin-top:1.25rem}.arrangement .arr-play{min-width:7.5rem;font-size:.9rem}.arr-position,.arrangement .arr-play{min-height:var(--transport-height)}.arrangement .arr-add-tools button,.arrangement .arr-editor-head button{min-height:var(--control-hit);font-size:var(--control-type);padding:.6rem .8rem}.arrangement .arr-chord-step button{width:var(--control-hit);min-width:var(--control-hit)}.arrangement .arr-resize{width:1.5rem;min-width:1.5rem}.arr-clip-fields{gap:.85rem}.arrangement .arr-ruler button{font-size:.7rem}.arr-track-switches button{padding:.6rem .8rem;gap:.55rem}@container (min-width:761px){.beat-wide{display:block}.beat-narrow{display:none}.beat-count-row,.beat-track{grid-template-columns:7.25rem repeat(16,minmax(0,1fr))}}@container (max-width:480px){.beat-count-row,.beat-section .beat-count-row,.beat-section .beat-track,.beat-track{grid-template-columns:repeat(8,minmax(0,1fr))}.beat-section .beat-track-label{grid-template-columns:4.5rem minmax(0,1fr) var(--control-hit)}.beat-track-label{grid-column:1/-1;min-height:var(--control-hit);margin-top:.2rem}.beat-bank-name{grid-column:1/-1;text-align:left;margin-bottom:.25rem}.beat-count-row>span:not(:first-child){padding-block:.25rem}.beat-track{margin-top:.25rem}.beat-preview{max-width:calc(100% - 3rem)}.beat-narrow+.beat-narrow{padding-top:1.1rem;border-top:1px solid #aea798}.instrument-transport{gap:.5rem}.hc-effect .hc-option,.instrument-transport button{font-size:.75rem}.hc-functions{gap:1.25rem}}@container (max-width:360px){.beat-preset{flex-basis:100%}.beat-preset select{max-width:none}.beat-edit-actions{margin-left:auto}.hc-effects{gap:.5rem}.instrument-clock{padding:.5rem;gap:.35rem;border-width:3px}.instrument-clock strong{font-size:1.6rem}.instrument-clock small{font-size:.4rem}.chord-sequence-header>div{flex-basis:100%}.hc-loop-label{flex-wrap:wrap}.hc-loop-label small{text-align:left}}@media (max-width:650px){.studio-nav{gap:0}.studio-nav a,.studio-nav button{padding-inline:.4rem}.studio-modes button{padding-inline:.8rem}.studio-modes .language-picker select{max-width:6.5rem;font-size:.8rem}.arr-track-switches button{font-size:.75rem}.arrangement .arr-chord-step{width:100%;max-width:16rem}.arr-editor-head>div{width:100%}.arr-editor-head button{flex:1}}@media (pointer:coarse){.studio input:not([type=range]),.studio select{font-size:1rem}.arrangement .arr-resize{display:none}.arrangement .arr-clip-body{border-radius:.35rem}}@media (prefers-reduced-motion:reduce){.studio button{transition:none}}.arr-heading h2.arr-title{display:inline-grid;grid-template-columns:auto auto;align-items:center}.arr-heading h2.arr-title>.arr-title-egg,.arr-heading h2.arr-title>.arr-title-normal{grid-area:1/1;position:relative;font-weight:800;color:inherit}.arr-title-egg>span,.arr-title-normal>span{font-weight:400}.arr-title>i{grid-area:1/2}.arr-title>.arr-title-egg{visibility:hidden}.arr-kit-summary{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.85rem;color:#615b4c;font-size:.7rem}.arr-kit-summary>span{display:flex;gap:.35rem}.arr-kit-summary strong{font-weight:600}.arr-title-egg:after,.arr-title-egg:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;font-weight:400}.arr-title-egg:before{color:#408f87;clip-path:inset(15% 0 55%)}.arr-title-egg:after{color:#bc765e;clip-path:inset(60% 0 10%)}@media (hover:hover) and (pointer:fine){.arr-title:hover>.arr-title-normal{visibility:hidden}.arr-title:hover>.arr-title-egg{visibility:visible;animation:arr-title-glitch .32s step-end both}.arr-title:hover .arr-title-egg:before{animation:arr-title-split .32s step-end both}.arr-title:hover .arr-title-egg:after{animation:arr-title-split .32s step-end reverse both}}@keyframes arr-title-glitch{0%,22%{transform:translateX(-1px)}12%,40%{transform:translateX(1px) skewX(-3deg)}58%{transform:translateX(-1px) skewX(2deg)}75%,to{transform:none}}@keyframes arr-title-split{0%,to{opacity:0;transform:none}12%,45%{opacity:.65;transform:translateX(2px)}28%,62%{opacity:.4;transform:translateX(-2px)}78%{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.arr-title:hover .arr-title-egg:after,.arr-title:hover .arr-title-egg:before,.arr-title:hover>.arr-title-egg{animation:none}}:root{--studio-ink:#18161f;--studio-panel:#e8e2d1;--studio-panel-soft:#ddd6c3;--studio-paper:#f2ecdf;--studio-line:#b6ae9a;--studio-type:#28262d;--studio-label:#625c51;--studio-muted:#aaa28f;--studio-cyan:#89ced1;--studio-lime:#bdcb84;--studio-gold:#e8b64b;--studio-orange:#df805a;--paper:var(--studio-paper);--ink:var(--studio-type);--lime:var(--studio-gold)}body,html{background:var(--studio-ink)}::selection{color:var(--studio-ink);background:var(--studio-gold)}.studio{color:var(--studio-paper);background-image:radial-gradient(#b2a99712 .65px,transparent 0);background-size:8px 8px}.studio-header{color:var(--studio-ink);background:#e8e2d1fa;border-bottom:1px solid #a59c8577}.studio-brand{gap:0;color:var(--studio-ink);letter-spacing:-.07em}.studio-brand:before{content:"";align-self:center;width:.9rem;height:1.45rem;margin-right:.6rem;border-radius:1px;background:linear-gradient(180deg,var(--studio-cyan) 0 25%,var(--studio-lime) 25% 50%,var(--studio-gold) 50% 75%,var(--studio-orange) 75%)}.studio-brand>span{color:var(--studio-orange)}.studio-brand small,.studio-volume{color:var(--studio-label)}.studio-nav{color:#5e594e}.studio-nav :is(a,button):hover,.studio-nav button[aria-pressed=true]{color:var(--studio-ink);background:#d5ccba88}.studio-volume input{accent-color:var(--studio-ink)}.studio-stop{border-color:#a69d88;color:var(--studio-type);background:#eee8d9}.studio-stop>span{color:#a65336}.studio-stop kbd{color:#6d6557}.studio-stop:hover{color:#7a3625;border-color:#b27356;background:#e7cdb7}.studio-status{color:var(--studio-label)}.studio-status i{background:#8a8370}.studio-status.is-active i{background:#49777a;box-shadow:0 0 0 3px #89ced138}.studio-modes button{color:#d0c7b2}.studio-modes button[aria-pressed=true]{color:var(--studio-ink);border-color:var(--studio-gold);background:var(--studio-gold);box-shadow:inset 0 1px 0 #fff5}.studio-modes button span{color:inherit;opacity:.72}.language-picker select{border-color:#736c60;color:var(--studio-paper);background:#2a2730}.studio-rack-label{color:var(--studio-gold)}.studio-rack-label span{color:#b6ad99}.studio :is(.hc-device,.beat-device,.arrangement){color:var(--studio-type);border:1px solid #f2ebdb;border-radius:1rem;background:linear-gradient(135deg,#eee8db,var(--studio-panel) 60%,#ded6c4);box-shadow:inset 0 2px 0 #fff9,0 4px 0 #807764,0 14px 28px #08070d55}.studio .beat-device{border-top:3px solid var(--studio-cyan)}.studio .hc-device{border-top:3px solid var(--studio-gold)}.studio .arrangement{border-top:3px solid var(--studio-orange)}.arr-heading h2.module-brand,.beat-brand.module-brand,.hc-brand.module-brand,.module-brand{color:var(--studio-ink)}.arr-heading h2.module-brand>i,.module-brand>i{color:#9b7e43}.beat-edition,.hc-edition{color:var(--studio-label);letter-spacing:.07em}.studio :is(.hc-device,.beat-device,.arrangement) :is(button,summary,select,input):focus-visible{outline-color:#2c6370}.studio :is(.studio-modes,.studio-footer,.instrument-help) :is(button,summary,a,select):focus-visible{outline-color:var(--studio-gold)}.instrument-transport button{color:var(--studio-type);border-color:#b0a68f;background:#ddd6c4;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #afa58e}.arrangement .arr-play,.instrument-transport .instrument-play{color:var(--studio-ink);background:var(--studio-gold);border-color:#b38b37;box-shadow:inset 0 1px 0 #fff6,0 3px 0 #a67c2f}.arrangement .arr-play:hover{background:#f0c46a!important}.arrangement .arr-play.is-playing{background:var(--studio-cyan);border-color:#67989a;box-shadow:inset 0 1px 0 #fff6,0 3px 0 #638688}.instrument-transport button:not(:disabled):hover{filter:brightness(1.035)}.arr-position,.hc-display,.instrument-clock{color:var(--studio-paper);border-color:#37363b;background:#201f28;box-shadow:inset 0 2px 6px #0007,0 1px 0 #fff7}.arr-position>span,.instrument-clock>span{color:var(--studio-gold)}.arr-position small,.hc-display-footer,.hc-display-meta,.instrument-clock small{color:#b2b6aa}.instrument-clock .beat-beats i{background:#515051}.instrument-clock .beat-beats .is-current{background:var(--studio-cyan)}.instrument-controls label,.instrument-controls output,.instrument-controls small,.instrument-transport-status{color:var(--studio-label)}.hc-effects,.instrument-controls.beat-controls{border-color:#b7ae9788}.arrangement input[type=range],.hc-effect input,.instrument-controls input{accent-color:#696755}.arrangement button,.beat-clear,.hc-mode-buttons button,.hc-option{color:var(--studio-type);border-color:var(--studio-line);background:#e4ddcb}.arrangement button:not(:disabled):hover,.beat-clear:not(:disabled):hover,.hc-mode-buttons button:not([aria-checked=true]):hover,.hc-option:not(:disabled):hover{color:var(--studio-ink);border-color:#8e8168;background:#d9cfb8}.arr-loop button[aria-pressed=true],.hc-mode-buttons button[aria-checked=true],.hc-option[aria-pressed=true]{color:var(--studio-paper);border-color:#343039;background:#343039;box-shadow:inset 0 -2px 0 var(--studio-gold)}.hc-option[aria-pressed=true]:hover{color:var(--studio-paper);background:#403b43}.chord-sequence-header button[aria-pressed=true],.chord-sync[aria-pressed=true]{color:#51472f;background:#e7d8ad;border-color:#bdab77}.arrangement input,.arrangement select,.beat-preset select,.beat-sound,.hc-panel select{color:var(--studio-type);border-color:var(--studio-line);background:#f0eadc}.beat-pattern-note,.beat-preset,.beat-studio-note,.chord-sync-row>span,.hc-control-hint,.hc-effect output,.hc-mode-description,.hc-mode-label,.hc-panel label,.sequence-note{color:var(--studio-label)}.hc-control-bay,.hc-modes{border-color:#b9b09a88}.hc-control-bay{background:#d8cfb829;box-shadow:inset 0 1px 2px #8377631a}.hc-chord-name>span,.hc-notes{color:var(--studio-cyan)}.hc-meter i{background:var(--studio-cyan)}.hc-function{color:var(--studio-label)}.hc-function i{border-color:#a39b88;background:#b6c9c4;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #8e9c97,0 4px 2px #24212b22}.hc-function-sound i{background:var(--studio-gold);border-color:#b99b4c;box-shadow:inset 0 1px 0 #fff7,0 3px 0 #ae8b3d,0 4px 2px #24212b22}.hc-joystick{border-color:#b4ab97;background:radial-gradient(circle,#c5bca8 0 35%,#e1d9c7 36% 100%);box-shadow:inset 0 1px 3px #85765f33,0 1px 0 #fff7}.hc-direction{color:#776c59}.hc-direction[aria-pressed=true]{color:var(--studio-ink);background:var(--studio-gold)}.hc-stick{border-color:#22212a;background:linear-gradient(135deg,#58545c,#29262f);box-shadow:inset 0 1px 0 #aaa18b88,0 4px 0 #25222c,0 6px 7px #33303d66}.hc-stick>span{border-color:#8d846e;background:#44404a}.hc-stick-caption{color:var(--studio-label)}.hc-pad{color:var(--studio-paper);border-color:#37343d;background:linear-gradient(145deg,#45414a,#28252e);box-shadow:inset 0 1px 0 #8c827666,0 5px 0 #19171f,0 7px 7px #3e374744}.hc-pad kbd,.hc-pad-number{color:#c5bda9}.hc-pad i{background:#aaa08a}.hc-pad[aria-pressed=true]{color:var(--studio-ink);border-color:#c69936;background:var(--studio-gold);box-shadow:inset 0 1px 3px #99753333,0 2px 0 #574932,0 3px 5px #29253044}.hc-pad[aria-pressed=true] :is(.hc-pad-number,kbd){color:#66512c}.hc-pad[aria-pressed=true] i{background:var(--studio-ink);box-shadow:none}.beat-grid{border-color:#b9b09b}.beat-count-row,.beat-mute,.beat-preview{color:#625b4e}.beat-preview:hover{color:#28262d}.beat-mute:hover{background:#c7bda577}.beat-mute[aria-pressed=true]{color:#9e5138;background:#d9906826}.beat-cell,.beat-cell:nth-child(8n+2),.beat-cell:nth-child(8n+3),.beat-cell:nth-child(8n+4),.beat-cell:nth-child(8n+5){color:#716953;border-color:#b5ac96;background:#d9d2c0;box-shadow:inset 0 1px 0 #fff9,0 2px 0 #a89e88}.beat-cell>span{background:#a69e8a}.beat-cell.beat-bar-start{border-left-color:#81745e}.beat-cell[aria-pressed=true]{background:var(--track-color);border-color:#82776699;box-shadow:inset 0 1px 0 #fff7,0 2px 0 #9f9278}.beat-cell[aria-pressed=true]>span{background:#494238}.beat-cell.is-current{outline-color:#37343d}.beat-cell.is-current[aria-pressed=true]{outline-color:#fff6dc;box-shadow:inset 0 0 0 3px #4f473b,0 2px 0 #9f9278}.beat-count-row>.is-current{color:var(--studio-paper);background:var(--studio-ink)}.beat-device-footer{color:#776e5d}.hc-looper,.instrument-help{border-color:#746b594d}.hc-loop-actions button{color:var(--studio-paper);border-color:#6d6559;background:#2d2932}.hc-loop-actions button:not(:disabled):hover{border-color:var(--studio-gold)}.hc-loop-actions .is-recording{color:var(--studio-ink);border-color:#d28b56;background:var(--studio-orange)}.hc-loop-actions .hc-record>span{color:var(--studio-orange)}.hc-loop-actions .is-recording>span{color:var(--studio-ink)}.hc-loop-steps i{background:#5c554b}.hc-loop-steps .is-current{background:var(--studio-gold)}.hc-feedback,.hc-loop-label small,.instrument-help,.instrument-help p{color:#bcb39f}.instrument-help p>span{color:var(--studio-gold)}.arr-clip-fields label,.arr-editor label,.arr-eyebrow,.arr-feedback,.arr-help,.arr-kit-summary,.arr-start,.arr-status,.arr-tempo,.arr-top-tools>label{color:var(--studio-label)}.arr-status.is-playing i{background:#457b80;box-shadow:0 0 0 4px #89ced133}.arr-track-switches i[data-track=beat]{background:#6da9af}.arr-track-switches i[data-track=chord]{background:#be9743}.arr-timeline-layout{border-color:#a99e85;background:#cfc5af;box-shadow:inset 0 2px 4px #77664f22,0 1px 0 #fff8}.arr-lane-labels{background:#e1d8c3;border-color:#b2a68e}.arr-lane-labels>span{color:#675b42;border-color:#b2a68e77}.arr-lane-labels [data-track=beat]{color:#315a61}.arr-lane-labels [data-track=chord]{color:#655023}.arr-lane{border-color:#a99c8477;background-image:linear-gradient(90deg,#a7997f77 1px,transparent 0)}.arr-lane.is-playing{background-color:#ddd3be}.arrangement .arr-ruler button{color:#75674e;border-color:#b7a98b77;background:#e6ddc7}.arrangement .arr-ruler button.is-selected{color:var(--studio-paper);background:var(--studio-ink)}.arrangement .arr-ruler button.is-looped{box-shadow:inset 0 3px 0 #cfaa5c}.arrangement .arr-clip-body{color:#574626;border-color:#b19b68;background:#deca98;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #b09a68}.arrangement .arr-lane-beat .arr-clip-body{color:#294f56;border-color:#7fabb0;background:#b5d1ce;box-shadow:inset 0 1px 0 #fff7,0 2px 0 #7eaaa9}.arrangement .arr-resize{color:#79643d;background:#c7b47f;border-color:#b09a68}.arrangement .arr-lane-beat .arr-resize{color:#4f777a;background:#9fc1c0;border-color:#7eaaa9}.arr-clip.is-selected .arr-clip-body{box-shadow:inset 0 0 0 2px #68522e}.arr-lane-beat .arr-clip.is-selected .arr-clip-body{box-shadow:inset 0 0 0 2px #365f68}.arr-playhead,.arr-playhead i{background:#ac5737}.arr-editor{border-color:#b8ad95;background:#e2d9c5;box-shadow:inset 0 1px 0 #fff8}.arrangement .arr-chord-step{border-color:#b8ab90;background:#d7cdb6;box-shadow:inset 0 1px 0 #fff7,0 2px 0 #b4a58a}.arrangement .arr-chord-step button{color:#826747;background:transparent;border-color:transparent}.arr-feedback[role=alert],.instrument-error{color:#9b412c}.studio-footer{color:#bdb4a0;border-color:#746b594d}.studio-footer p{color:#a69e8c;font-size:.7rem}.studio-footer,.studio-legal{font-size:.75rem}.arr-help summary,.instrument-help summary{font-size:.78rem}.instrument-controls output,.instrument-controls.beat-controls label{font-size:.7rem}.studio-legal a{text-decoration-color:#a69b8177}.studio-footer a:hover{color:var(--studio-gold)}.legal-page{color:var(--studio-type);background:var(--studio-paper)}.legal-language select{color:var(--studio-type);background:var(--studio-panel);border-color:var(--studio-line)}@media (max-width:650px){.studio-nav{font-size:.75rem}}@media (max-width:400px){.studio-header{column-gap:.5rem;padding-inline:.75rem}.studio-brand{font-size:1.25rem}.studio-brand:before{width:.75rem;height:1.25rem;margin-right:.45rem}}