.bl-launch{position:fixed;z-index:90;left:22px;bottom:20px;display:flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #ff7a0055;border-radius:5px;background:#151515;color:#f3f1e8;box-shadow:0 8px 24px #0002;font-size:12px;cursor:pointer}.bl-launch>span{font-size:23px;color:#ff7a00}.bl-launch small{font-size:8px;letter-spacing:1.4px;color:#ff7a00}.beat-lab-background{filter:brightness(.35);transition:filter .6s ease}.bl-shell{position:fixed;z-index:1000;top:var(--bl-top,0);left:var(--bl-left,0);width:var(--bl-width,100vw);height:var(--bl-height,100dvh);color:#e2e2e2;background:#0d0d0d}.bl-experience[hidden],.bl-shell[hidden]{display:none}.bl-loading{height:100%;display:grid;place-items:center;font-size:14px;letter-spacing:2px}.bl-experience{--bl-muted:#9a9a9a;--bl-accent:#cb7650;height:100%;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 12% 80%,#2b2b2b55,transparent 55%),#0d0d0d;font-family:Arial,Helvetica,sans-serif;animation:bl-enter .7s ease both;isolation:isolate}.bl-experience,.bl-experience *{box-sizing:border-box}.bl-experience button,.bl-experience input,.bl-experience select{font:inherit}.bl-experience button{cursor:pointer}.bl-experience button:disabled,.bl-experience select:disabled{cursor:default;opacity:.45}.bl-experience button:focus-visible,.bl-experience input:focus-visible,.bl-experience select:focus-visible{outline:2px solid #ff9638;outline-offset:3px}.bl-experience button,.bl-experience select{-webkit-tap-highlight-color:transparent}.bl-experience select{max-width:100%;background:#1c1c1c;color:#e2e2e2;border:1px solid #424242;border-radius:4px;padding:6px;font-size:11px}.bl-topbar{justify-content:space-between;gap:12px;flex:0 0 54px;border-bottom:1px solid #ffffff14;padding-bottom:10px;animation:bl-down .65s .2s both}.bl-brand,.bl-topbar{display:flex;align-items:center}.bl-brand{gap:10px;font-size:30px;font-weight:800;letter-spacing:-2px}.bl-brand>span{font-size:10px;letter-spacing:2px;border-left:1px solid #ffffff30;padding-left:10px;line-height:1.5}.bl-brand small{display:block;color:var(--bl-muted);font-weight:400;font-size:7px;letter-spacing:1px}.bl-transport{display:flex;align-items:center;gap:10px}.bl-transport-play{width:40px;height:36px;background:#ff7a00;border:0;border-radius:4px;color:#1e1e1e;font-size:17px!important}.bl-transport-play.is-playing{box-shadow:0 0 20px #92929220}.bl-record-button{border:1px solid #3a3a3a;border-radius:4px;color:#d6d6d6;background:#1a1a1a;height:36px;padding:0 12px;font-size:11px!important;display:flex;align-items:center;gap:7px}.bl-record-button i{width:8px;height:8px;border-radius:50%;background:#c97356}.bl-record-button.recording{color:#ffac8d;border-color:#c97356}.bl-bpm{display:flex;gap:5px;align-items:center}.bl-bpm input{width:49px;border:none;border-bottom:1px solid #616161;border-radius:0;background:transparent;color:#dbdbdb;font-size:22px;padding:3px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.bl-bpm input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.bl-bpm span,.bl-swing,.bl-volume{font-size:9px;color:#aeaeae}.bl-swing{display:flex;gap:5px;align-items:center}.bl-experience input[type=range]{accent-color:#ff7a00;height:20px;padding:0;border:0;background:transparent}.bl-swing input{width:62px}.bl-meter{width:110px;height:26px;opacity:.7}.bl-exit{z-index:6;height:36px;min-width:42px;border:1px solid #464646;border-radius:4px;color:#c7c7c7;background:#202020;padding:0 10px;font-size:12px!important}.bl-main{min-height:0;flex:1 1;display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);grid-gap:24px;gap:24px}.bl-deck{min-width:0;display:flex;flex-direction:column;justify-content:center;animation:bl-left .75s .06s both}.bl-deck-heading{justify-content:space-between;color:#aaaaaa;font-size:8px;letter-spacing:1.8px;padding:0 10px 8px}.bl-deck-heading,.bl-led{display:flex;align-items:center}.bl-led{font-size:7px;letter-spacing:1px;gap:5px}.bl-led:before{content:"";width:5px;height:5px;border-radius:50%;background:#595959}.bl-led.on:before{background:#d28964;box-shadow:0 0 10px #c97b56}.bl-turntable{position:relative;width:100%;aspect-ratio:3/2;max-height:100%;filter:drop-shadow(0 16px 17px #0007)}.bl-turntable-photo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.bl-record-touch,.bl-turntable-photo{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bl-record-touch{position:absolute;left:44.9%;top:48.6%;width:52.1%;aspect-ratio:1;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:#0c1010;touch-action:none}.bl-record-touch:disabled{opacity:1!important}.bl-record-disc{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;will-change:transform}.bl-vinyl-photo{inset:0;background:url(/images/turntable.webp) 39.35% 43.6%/191.94% auto}.bl-record-label,.bl-vinyl-photo{position:absolute;border-radius:50%}.bl-record-label{width:33%;height:33%;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ff7a00;color:#1e1e1e;line-height:1.2;box-shadow:0 0 0 1px #747474}.bl-record-label>span{font-size:clamp(3px,.43vw,7px);letter-spacing:.7px}.bl-record-label strong{font-size:clamp(13px,2.2vw,28px);letter-spacing:-1.5px;margin:5% 0}.bl-record-label small{font-size:clamp(2px,.3vw,5px);letter-spacing:.3px}.bl-record-label i{position:absolute;width:6%;height:6%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#dbdbdb;box-shadow:0 0 0 1px #3b3b3b}.bl-tonearm{position:absolute;left:54.1%;top:17.2%;width:34.4%;transform-origin:79.4% 26.3%;transform:rotate(-30deg);transition:transform .65s cubic-bezier(.4,0,.2,1);filter:drop-shadow(-3px 5px 4px #0006);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bl-tonearm.playing{transform:rotate(-8deg)}.bl-deck-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 0}.bl-button{border:1px solid #454545;border-radius:4px;background:#242424;color:#dddddd;padding:9px 12px;font-size:10px!important;min-height:34px}.bl-button.accent{background:#ff7a00;color:#1e1e1e;border-color:#ff7a00}.bl-rpm{display:flex;gap:4px}.bl-rpm button{background:#1c1c1c;color:#aaaaaa;border:1px solid #3f3f3f;border-radius:3px;height:30px;min-width:33px;font-size:9px!important}.bl-rpm button[aria-pressed=true]{color:#e3e3e3;border-color:#a2a2a2}.bl-deck-hint{font-size:7px;letter-spacing:1.1px;color:#aaaaaa;padding:0 10px;line-height:1.7;margin:9px 0 0}.bl-instrument{min-height:0;display:flex;flex-direction:column;animation:bl-right .75s .12s both}.bl-bankbar{display:flex;flex:0 0 45px;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px}.bl-eyebrow{display:block;font-size:8px;letter-spacing:1.6px;color:#aaaaaa;margin-bottom:5px}.bl-bankbar select{font-size:13px;border:0;padding:2px 18px 2px 0;background:transparent;min-width:120px}.bl-tabs{display:flex;align-items:center;padding:3px;gap:2px;border:1px solid #363636;border-radius:5px;background:#161616}.bl-tabs button{border:0;border-radius:3px;padding:8px 10px;font-size:9px!important;background:transparent;color:#aaaaaa}.bl-tabs button[aria-pressed=true]{background:#343434;color:#e2e2e2}.bl-pad-grid{flex:1 1;min-height:0;display:grid;grid-template:repeat(4,minmax(0,1fr)) /repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.bl-pad{--pad-color:#ff7a00;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #68686866;border-bottom:3px solid #0c0c0c;border-radius:6px;background:linear-gradient(145deg,#404040,#272727);box-shadow:inset 0 1px 0 #c9c9c920,0 3px 5px #0007;color:#dadada;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .06s,box-shadow .06s}.bl-pad.pad-1{--pad-color:#d4bca0;background:linear-gradient(145deg,#494238,#29251e);border-color:#7b6b5366;color:#e3d6c3}.bl-pad.pad-2{--pad-color:#c2c2c2;background:linear-gradient(145deg,#404040,#282828)}.bl-pad.pad-3{--pad-color:#d49e7c;background:linear-gradient(145deg,#4c3930,#30211c);border-color:#91664e66;color:#e4c4ae}.bl-pad.selected{border-top-color:var(--pad-color)}.bl-pad.sounding,.bl-pad:active{background:color-mix(in srgb,var(--pad-color) 55%,#222222);box-shadow:inset 0 0 20px #ffffff35,0 0 16px color-mix(in srgb,var(--pad-color) 25%,transparent);color:#141414}.bl-pad-number{position:absolute;top:7px;left:9px;font-size:8px;opacity:.5;letter-spacing:1px}.bl-pad strong{font-size:clamp(9px,1.2vw,15px);font-weight:500}.bl-pad-light{position:absolute;bottom:6px;width:17px;height:2px;border-radius:2px;background:var(--pad-color);opacity:.4}.bl-pad.sounding .bl-pad-light{opacity:1}.bl-pad-caption{font-size:7px;letter-spacing:1.4px;color:#aaaaaa;padding-top:9px}.bl-bottom,.bl-pad-caption{display:flex;justify-content:space-between}.bl-bottom{min-height:34px;flex:0 0 34px;align-items:center;gap:10px;border-top:1px solid #ffffff14;padding-top:6px;animation:bl-up .7s .25s both}.bl-bottom>div:first-child{display:flex;align-items:center;gap:13px;font-size:8px;color:#aaaaaa}.bl-status{font-size:7px;letter-spacing:1px;color:#ff9638}.bl-status.recording{color:#e39878}.bl-session-controls{display:flex;gap:14px;align-items:center}.bl-session-controls>label{display:flex;align-items:center;gap:6px;font-size:9px;color:#aaaaaa}.bl-session-controls select{font-size:9px;padding:4px}.bl-volume input{width:65px}.bl-clear{font-size:9px!important;background:transparent;border:0;color:#b2b2b2;padding:8px}.bl-sampler,.bl-sequencer{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #3b3b3b;border-radius:5px;background:#181818}.bl-seq-toolbar{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.bl-seq-toolbar label{display:grid;grid-gap:4px;gap:4px;font-size:9px;color:#aaaaaa}.bl-step-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:6px;gap:6px;margin:14px 0}.bl-step{min-height:38px;border:1px solid #474747;border-radius:3px;background:#262626;color:#aaaaaa;font-size:9px!important}.bl-step.enabled{background:#ff7a00;color:#181818;border-color:#cecece}.bl-step.current{box-shadow:0 0 0 2px #df946d}.bl-track-list{display:grid;grid-gap:5px;gap:5px}.bl-track-list>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:30px;border:1px solid #303030;border-radius:3px;background:#1c1c1c;color:#aaaaaa;padding:6px 8px}.bl-track-list>button.active{border-color:#868686}.bl-track-list strong{font-size:10px;font-weight:400}.bl-track-list span{display:flex;gap:3px}.bl-track-list i{height:7px;width:7px;background:#363636}.bl-track-list i.on{background:#ff7a00}.bl-help,.bl-sampler p{font-size:10px;line-height:1.6;color:#aaaaaa}.bl-panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.bl-panel-heading h2{font-size:17px;margin:0;font-weight:500}.bl-waveform{width:100%;height:65px;display:block;border-radius:3px}.bl-sample-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px}.bl-sample-controls label{display:grid;grid-gap:3px;gap:3px;font-size:9px;color:#aaaaaa}.bl-sample-controls input{width:110px}.bl-unlock{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#101010ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bl-enter .7s}.bl-unlock h1{font-size:clamp(32px,6vw,76px);line-height:.98;letter-spacing:-2px;margin:12px 0 20px;color:#e9e9e9;font-weight:500}.bl-unlock h1 em{font-family:Georgia,serif;font-weight:400;color:#ff9638}.bl-unlock button{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#ff7a00;color:#1e1e1e;padding:14px 18px;min-height:46px;border:0;border-radius:3px;font-size:10px;letter-spacing:1.5px}.bl-unlock p{font-size:10px;color:#aaaaaa;line-height:1.7;margin:15px 0 0}.bl-error{position:absolute;z-index:9;bottom:54px;left:20%;right:20%;padding:12px;border:1px solid #bd7c58;border-radius:4px;background:#39271f;color:#f6d7c4;font-size:12px}.bl-error button{float:right;background:transparent;border:0;color:inherit}.bl-confirm{position:absolute;inset:20% 25%;z-index:10;padding:22px;background:#242424;box-shadow:0 0 0 200vmax #000b;border:1px solid #747474;border-radius:6px}.bl-confirm h2{font-size:20px;margin-top:0}.bl-confirm p{font-size:12px;line-height:1.5;color:#b8b8b8}.bl-confirm button{margin:8px 8px 0 0}@keyframes bl-enter{0%{opacity:0}to{opacity:1}}@keyframes bl-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bl-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes bl-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes bl-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse) and (orientation:portrait){.bl-launch:not(.bl-launch-landscape){display:none}}@media (max-height:420px){.bl-experience{gap:7px;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom))}.bl-topbar{flex-basis:42px;padding-bottom:6px}.bl-brand{font-size:24px}.bl-main{gap:15px}.bl-deck-heading{padding-bottom:3px}.bl-deck-hint{font-size:6px;margin-top:5px}.bl-bankbar{flex-basis:39px;padding-bottom:5px}.bl-bankbar .bl-eyebrow{font-size:6px;margin-bottom:2px}.bl-pad-grid{gap:6px}.bl-pad-caption{font-size:6px;padding-top:6px}.bl-bottom{flex-basis:28px;min-height:28px;padding-top:4px}.bl-unlock h1{font-size:42px;margin:6px 0 14px}.bl-unlock p{margin-top:10px}}@media (max-width:760px){.bl-brand small,.bl-exit>span,.bl-meter{display:none}.bl-brand{font-size:23px;gap:6px}.bl-brand>span{padding-left:6px;font-size:8px;letter-spacing:1px}.bl-topbar{gap:8px}.bl-transport{gap:7px}.bl-swing input{width:40px}.bl-session-controls{gap:8px}.bl-volume input{width:45px}.bl-bottom>div:first-child{gap:7px}.bl-status{font-size:6px;letter-spacing:0}.bl-bottom>div:first-child>span:last-child{font-size:7px}.bl-deck-controls{padding:5px 4px 0}.bl-deck-controls .bl-button{padding:6px;font-size:8px!important}.bl-tabs button{padding:7px;font-size:8px!important}.bl-main{grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:12px}.bl-pad-number{top:5px;left:6px;font-size:6px}.bl-deck-hint{letter-spacing:.5px}.bl-confirm{inset:12% 15%;padding:16px}}@media (max-height:330px){.bl-bankbar .bl-eyebrow,.bl-deck-heading,.bl-deck-hint,.bl-pad-caption{display:none}.bl-topbar{flex-basis:36px}.bl-topbar button{height:30px}.bl-pad strong{font-size:9px}.bl-deck{justify-content:center}.bl-main{grid-template-columns:minmax(0,32fr) minmax(0,68fr)}.bl-rpm button{height:25px;min-width:27px}.bl-unlock h1{font-size:32px}.bl-unlock p{font-size:9px}}@media (prefers-reduced-motion:reduce){.bl-bottom,.bl-deck,.bl-experience,.bl-instrument,.bl-topbar,.bl-unlock{animation:none}.beat-lab-background,.bl-pad,.bl-tonearm{transition:none}}.bl-experience .bl-topbar{position:relative;width:auto;box-shadow:none}.bl-experience .bl-bottom,.bl-experience .bl-topbar{background:transparent;margin:0;padding-left:0;padding-right:0}.bl-experience .bl-bottom{letter-spacing:normal}.bl-experience .bl-bottom span{margin:0}.bl-experience .bl-topbar{height:auto;min-height:0}.bl-experience .bl-bottom{padding-bottom:0}.bl-guide-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:12px;background:#000c}.bl-guide{width:min(960px,100%);height:100%;max-height:820px;display:flex;flex-direction:column;min-height:0;background:#1b1b1b;border:1px solid #555;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0008}.bl-guide-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #444}.bl-guide-header h2{color:#f5f0eb;font-size:24px;margin-top:5px}.bl-guide-header button{flex-shrink:0}.bl-guide-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:22px 24px;scrollbar-width:thin;scrollbar-color:#666 transparent}.bl-guide-content:focus-visible{outline:2px solid #ff9638;outline-offset:-3px}.bl-guide p{color:#c4c4c4;font-size:14px;line-height:1.65;margin:10px 0 0}.bl-guide .bl-guide-intro{margin:0 0 24px}.bl-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.bl-guide-cards article{min-width:0}.bl-guide-cards h3{color:#f5f0eb;font-size:17px;margin-top:14px}.bl-guide-illustration{display:block;width:100%;height:auto}.bl-guide-session{border:1px solid #555;border-radius:12px;padding:20px}.bl-guide-session h3{margin-top:0}.bl-experience .bl-unlock .bl-guide-start{background:transparent;border:1px solid #777;color:#eee;font-size:12px;padding:10px 16px;margin-top:10px;min-height:36px}@media (max-width:600px){.bl-guide-cards{grid-template-columns:1fr}.bl-guide-header{padding:12px;gap:8px}.bl-guide-header h2{font-size:18px}.bl-guide-header .bl-button{font-size:10px;padding:8px}.bl-guide-content{padding:16px}}@media (max-height:400px){.bl-guide-header{padding:8px 16px}.bl-guide-header h2{font-size:18px}.bl-guide-overlay{padding:5px}.bl-experience .bl-unlock .bl-guide-start{padding:6px 12px;min-height:28px;margin-top:4px}}