:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#09090b;color:#f6f2ef;--red:#f04752;--muted:#b5b1b4;--line:#343238}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;min-height:44px;border:1px solid #4e454b;background:#222126;color:#fff;border-radius:6px;padding:11px 16px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{border-color:var(--red);background:#332026}button:disabled{cursor:wait;opacity:.5}.primary,button[aria-pressed=true].genre{background:#d83342;border-color:#ff6672;color:white}:focus-visible{outline:3px solid #fff;outline-offset:3px}header{border-bottom:1px solid var(--line);padding:23px max(5%,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#09090b}.logo{font-weight:900;letter-spacing:.18em;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.skip{position:absolute;top:-80px;left:12px;z-index:10;background:#111;padding:16px}.skip:focus{top:8px}.hero{position:relative;isolation:isolate;min-height:350px;padding:64px max(5%,calc((100% - 1320px)/2));display:flex;align-items:center;overflow:hidden}.hero img{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;z-index:-2;opacity:.65}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09090b 12%,#09090bda 48%,#09090b33),linear-gradient(0deg,#09090b,transparent 45%);z-index:-1}.eyebrow{color:#ff7883;font:700 11px/1.6 Arial;letter-spacing:.23em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.045em;line-height:1.04;margin:16px 0 20px}h1 span{color:var(--red)}.lead{max-width:590px;color:#d0c8cb;font-size:18px;line-height:1.65}.pills{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#d8d0d4}.pills span:before{content:'•';color:var(--red);margin-right:7px}main{max-width:1420px;padding:12px 5% 70px;margin:auto}.desk{background:linear-gradient(135deg,#232126,#141316 45%,#1b191d);border:1px solid #4a4046;border-radius:12px;box-shadow:0 26px 65px #0009,inset 0 1px #ffffff12;padding:24px;position:relative}.desk:before,.desk:after{content:'⊕';position:absolute;top:8px;color:#69616a;font-size:12px}.desk:before{left:8px}.desk:after{right:8px}.desk-top{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.desk-top h2{font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}.caption,.hint{color:var(--muted);font-size:12px;line-height:1.7}.indicator{color:#fca3ab;font:12px monospace;letter-spacing:.08em}.indicator:before{content:'●';color:var(--red);margin-right:8px}.controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:24px 0}.field{display:grid;gap:8px;font-size:12px;font-weight:700;color:#d7cfd4}.genre-controls{display:flex;gap:8px;flex-wrap:wrap}.genre{text-transform:capitalize}input,select{min-height:44px;background:#0e0d10;color:white;border:1px solid #51464d;padding:10px;border-radius:5px;min-width:0;max-width:100%}input[type=range]{padding:0;accent-color:var(--red);cursor:pointer;width:150px}#bpm{width:90px;font:24px monospace;color:#ffb9bf}output{color:#ffb9bf}.transport{display:flex;gap:8px;flex-wrap:wrap}.transport .primary{min-width:115px}.scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #363139;border-radius:8px;background:#0c0b0e;padding:8px;scrollbar-color:#77515b #141216}.sequence{min-width:1040px}.seq-row,.seq-head{display:grid;grid-template-columns:230px repeat(16,minmax(44px,1fr));gap:5px;align-items:center;padding:6px 0}.seq-head{font:11px monospace;text-align:center;color:#c0b5bc}.seq-head>span:first-child{text-align:left;letter-spacing:.15em;padding-left:8px}.instrument{display:grid;grid-template-columns:80px 48px 85px;gap:6px;align-items:center;padding:0 6px;background:#0c0b0e}.instrument b{font-size:13px}.instrument small{display:block;color:#aaa0a8;font-size:10px;line-height:1.5;margin-top:3px}.instrument input{width:80px;min-height:44px}.mute{padding:0;font-size:11px;min-width:44px}.mute[aria-pressed=true]{border-color:#ff7883;color:#ffb2ba}.pad{min-height:44px;padding:0;border-radius:4px;border:1px solid #443c45;background:linear-gradient(#28252c,#1c1a20);box-shadow:0 3px #050406;font-size:10px;color:#a69aa4;position:relative}.pad.beat{background:linear-gradient(#39323c,#28212c)}.pad[aria-pressed=true]{background:linear-gradient(#f35765,#be293b);border-color:#ff8291;color:white;box-shadow:0 3px #6a101d,inset 0 1px #ffbcc455}.pad[aria-pressed=true]:after{content:'';width:5px;height:5px;border-radius:50%;background:#ffe8ec;position:absolute;bottom:5px;left:calc(50% - 2px)}.pad.current{outline:2px solid #fff;outline-offset:-2px;filter:brightness(1.3)}.seq-head .current{color:white;background:#a7283a;border-radius:3px}.library{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px;border-top:1px solid var(--line);padding-top:22px}.library h3{font-size:13px;margin:0 0 16px;letter-spacing:.06em;text-transform:uppercase}.row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.row .field{flex:1;min-width:150px}.row input,.row select{width:100%}.status{min-height:24px;font-size:13px;color:#edc4cc;margin:18px 0 0;line-height:1.65}.download{margin-top:12px}.below{margin-top:70px}.below h2{font-size:clamp(25px,3.5vw,42px);letter-spacing:-.025em}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:24px;background:#141216}.card small{font:11px monospace;color:#ff9aa4;letter-spacing:.1em}.card h3{font-size:23px;margin:20px 0 12px}.card p,.prose p,.prose li{color:#beb5bc;line-height:1.8;font-size:15px}.card:hover{border-color:var(--red)}.prose{max-width:800px}.prose h2{margin-top:40px}.prose h3{margin-top:25px}.prose li{margin:12px 0}.callout{border-left:3px solid var(--red);padding:20px 24px;background:#191319;margin-top:30px}.callout h3{margin-top:0}.textlinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}footer{border-top:1px solid var(--line);padding:26px 5%;color:#aaa0a8;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}noscript{display:block;background:#35151f;padding:20px}.page-hero{padding:60px 5% 20px;max-width:1420px;margin:auto}.page-hero h1{font-size:clamp(38px,6vw,65px)}@media(max-width:800px){header{padding:14px 5%;align-items:flex-start;gap:12px}nav{gap:6px 16px;justify-content:flex-end;font-size:12px}.logo{font-size:15px;padding-top:14px}.hero{min-height:320px;padding-top:38px;padding-bottom:35px}.hero img{width:100%;opacity:.4}.hero:after{background:linear-gradient(90deg,#09090bf5,#09090b55),linear-gradient(0deg,#09090b,transparent)}main{padding-left:4%;padding-right:4%}.desk{padding:16px 12px}.desk-top{align-items:flex-start}.controls{gap:16px}.transport{width:100%}.library{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.card{padding:18px}.below{margin-top:45px}}@media(max-width:420px){.cards{grid-template-columns:1fr}.genre{padding:10px 11px}.indicator{font-size:10px}.desk-top h2{font-size:12px}.transport button{flex:1;padding:10px}.transport .primary{min-width:80px}.pills{gap:10px}.lead{font-size:16px}}
[hidden]{display:none!important}