*{box-sizing:border-box;margin:0;padding:0}.splash-screen{align-items:center;background:50%/cover no-repeat;display:flex;height:100dvh;justify-content:center;opacity:1;position:relative;transition:opacity .6s ease;width:100vw}.splash-screen.fade-out{opacity:0}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-overlay{background:#00000026;inset:0;position:absolute}.splash-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px;position:relative;text-align:center;z-index:1}.splash-logo{max-width:500px;width:80vw}.splash-start-btn{background:linear-gradient(180deg,#7c6bd4,#5a4abf 50%,#4a3aaf);border:none;border-radius:6px;box-shadow:0 4px 0 #3a2a8f,0 6px 20px #5a4abf66,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:900;letter-spacing:6px;margin-top:32px;padding:18px 64px;position:relative;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;transition:all .2s ease}.splash-start-btn:hover{background:linear-gradient(180deg,#8d7ee0,#6b5bd0 50%,#5a4abf);box-shadow:0 4px 0 #3a2a8f,0 8px 30px #5a4abf80,inset 0 1px 0 #ffffff40;transform:translateY(-1px)}.splash-start-btn:active{box-shadow:0 1px 0 #3a2a8f,0 2px 10px #5a4abf4d,inset 0 1px 0 #ffffff26;transform:translateY(2px)}.splash-top-link{color:#ffffff80;font-size:12px;font-weight:700;left:0;letter-spacing:6px;position:absolute;right:0;text-align:center;text-decoration:none;text-transform:uppercase;top:32px;transition:color .2s;z-index:1}.splash-top-link:hover{color:#fffc}.splash-screen:after{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0}.splash-tagline{bottom:32px;color:#fff;font-size:10px;font-weight:800;left:0;letter-spacing:4px;position:absolute;right:0;text-align:center;text-transform:uppercase;z-index:1}body{background:#e2e2e2;color:#333;font-family:Helvetica Neue,Arial,sans-serif;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100%;width:100%}#root,.controller-bg{align-items:center;display:flex;justify-content:center}.controller-bg{background:#e2e2e2;height:100dvh;position:relative;width:100vw}.controller-bg:before{display:none}.page-title{align-items:center;display:flex;flex-direction:column;gap:2px;left:0;position:absolute;right:0;text-align:center;top:14px}.page-logo{height:32px;opacity:.5}.page-title-sub{margin-top:4px}.controller-tagline,.page-title-sub{color:#aaa;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.controller-tagline{background:none;bottom:18px;left:0;position:absolute;right:0;text-align:center;text-decoration:none;transition:color .2s}.controller-tagline:hover{color:#e8640c;text-shadow:0 0 8px #e8640c66,0 0 16px #e8640c33}.controller{background:linear-gradient(180deg,#d7d7d7,#c9c9c9);border:none;border-radius:12px;box-shadow:8px 8px 20px #0000002e,14px 14px 40px #00000014,-4px -4px 12px #ffffff80,inset 1px 0 0 #fff6,inset 0 1px 0 #ffffff4d,inset -1px 0 0 #00000008,inset 0 -1px 0 #00000008;display:flex;flex-direction:column;height:96vh;max-height:860px;max-width:1400px;overflow:hidden;position:relative;width:96vw;z-index:1}.ctrl-header{background:linear-gradient(180deg,#d9d9d9,#d2d2d2);border-bottom:none;border-radius:0;box-shadow:0 3px 6px #0000000f,-2px -2px 4px #fff6;justify-content:space-between;margin:0;padding:14px 24px}.brand,.ctrl-header{align-items:center;display:flex}.brand{gap:14px}.brand-logo{height:22px;opacity:.85}.brand-sub{font-weight:700}.brand-sub,.instructions{color:#999;font-size:10px;letter-spacing:2px;text-transform:uppercase}.instructions{align-items:center;display:flex;font-weight:600;gap:12px;line-height:1.5;text-align:center}.help-btn{background:none;border:1px solid #bbb;border-radius:4px;color:#999;cursor:pointer;font-family:inherit;font-size:9px;font-weight:800;letter-spacing:2px;padding:4px 10px;transition:all .2s}.help-btn:hover{border-color:#e8640c;color:#e8640c;text-shadow:0 0 6px #e8640c4d}.ctrl-main{display:flex;flex:1 1;gap:10px;min-height:0;padding:0 12px 12px}.deck-section{background:#0000;border-radius:0;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;padding:16px 20px}.deck-top{gap:18px;height:50px}.deck-top,.deck-top .load-btn{align-items:center;display:flex}.deck-top .load-btn{background:linear-gradient(180deg,#f8a050,#f08020 30%,#e8640c 70%,#e05a08);border:none;border-radius:3px;box-shadow:inset 0 2px 4px #ffc86480,inset 0 -2px 4px #0003,0 1px 2px #0000001f;color:#fff;cursor:pointer;font-size:11px;font-size:10px;font-weight:800;height:36px;letter-spacing:3px;padding:0 14px;position:relative;transition:all .06s;white-space:nowrap;z-index:1}.deck-top .load-btn:before{background:linear-gradient(180deg,#e07020,#d06010 30%,#c05008 70%,#b04806);border-radius:6px;box-shadow:inset 0 2px 3px #ffb4504d,inset 0 -1px 3px #0000004d;content:"";inset:-4px;position:absolute;z-index:-1}.deck-top .load-btn:after{background:#0000;border-radius:8px;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 4px #fff6;content:"";inset:-7px;position:absolute;z-index:-2}.deck-top .load-btn:hover{background:linear-gradient(180deg,#ffa860,#f89030 30%,#f07010 70%,#e86808)}.deck-top .load-btn:active{background:linear-gradient(180deg,#e05a08,#e86a0c 40%,#f08020);box-shadow:inset 0 3px 6px #0000004d,inset 0 -1px 2px #ffc86433,0 1px 1px #00000014}.deck-top .load-btn input{display:none}.track-name{color:#999;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.track-name,.waveform{flex:1 1;overflow:hidden}.waveform{background:#1a1a1a;border:none;border-radius:8px;box-shadow:inset 3px 3px 8px #0009,inset -2px -2px 4px #ffffff08,3px 3px 6px #0000001a;height:100%}.waveform canvas{display:block;height:100%;width:100%}.waveform-empty{color:#e8640c4d;font-size:11px;font-weight:600;height:100%;justify-content:flex-start;letter-spacing:2px;padding-left:16px}.deck-mid,.waveform-empty{align-items:center;display:flex}.deck-mid{flex:1 1;gap:12px;min-height:0}.jog-wheel-wrap{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:70px}.jog-wheel{background:radial-gradient(ellipse at 35% 35%,#3a3a3a 0,#252525 40%,#1a1a1a 70%,#111 100%);border:3px solid #0a0a0a;border-radius:50%;box-shadow:0 6px 20px #0006,0 2px 6px #0000004d,inset 0 2px 4px #ffffff0f,inset 0 -2px 4px #0006;height:min(320px,42vh);position:relative;width:min(320px,42vh)}.jog-wheel:before{background:repeating-conic-gradient(hsla(0,0%,100%,.015) 0deg 2deg,#0000 2deg 10deg);border:1px solid #ffffff0a;border-radius:50%;content:"";height:94%;left:3%;position:absolute;top:3%;width:94%}.jog-wheel:after{border:1px solid #ffffff0f;border-radius:50%;box-shadow:inset 0 0 20px #0000004d;content:"";height:70%;left:15%;position:absolute;top:15%;width:70%}.jog-inner{align-items:center;background:radial-gradient(ellipse at 40% 40%,#333 0,#222 50%,#1a1a1a 100%);border:2px solid #00000080;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff0d,inset 0 -2px 6px #0006,0 2px 8px #0000004d;display:flex;height:44%;justify-content:center;left:28%;position:absolute;top:28%;width:44%}.jog-label{color:#ffffff40;font-size:11px;font-weight:700;letter-spacing:4px;text-shadow:0 1px 2px #00000080}.jog-dot{background:#e8640c;border-radius:50%;box-shadow:0 0 6px #e8640c99,0 0 14px #e8640c4d;height:6px;left:50%;position:absolute;top:7%;transform:translateX(-50%);width:6px;z-index:1}.tempo-time-row{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;margin-bottom:16px;min-height:120px}.tempo-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:50px}.tempo-label{color:#999;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.tempo-track{background:#999;border:none;border-radius:2px;box-shadow:none;cursor:pointer;flex:1 1;min-height:110px;position:relative;width:6px}.tempo-thumb{background:linear-gradient(145deg,#ddd,#c8c8c8);border:none;border-radius:4px;box-shadow:2px 2px 5px #00000026,-2px -2px 4px #ffffffb3;height:14px;left:-12px;position:absolute;transform:translateY(50%);transition:none;width:28px}.tempo-thumb:before{background:#e8640c;border-radius:1px;height:8px;width:3px}.tempo-thumb:after,.tempo-thumb:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tempo-thumb:after{background:#0000000f;box-shadow:0 -3px 0 #0000000a,0 3px 0 #0000000a;height:1px;width:20px}.tempo-val{color:#e8640c;font-family:Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px}.fader-slot{align-items:stretch;display:flex;flex:1 1;gap:0;min-height:0}.fader-ticks{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.fader-tick{background:#b0b0b0;height:1px;width:6px}.fader-tick.tick-bold{background:#999;width:10px}.fader-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.fader-label{color:#999;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.fader-track{background:#aaa;border:none;border-radius:3px;box-shadow:inset 1px 1px 3px #00000040,inset -1px -1px 2px #ffffff4d;cursor:pointer;flex:1 1;min-height:40px;position:relative;width:6px}.fader-fill{background:#0000;border-radius:0 0 2px 2px;bottom:0;left:0;right:0}.fader-fill,.fader-thumb{position:absolute;transition:none}.fader-thumb{background:linear-gradient(145deg,#ddd,#c8c8c8);border:none;border-radius:4px;box-shadow:2px 2px 5px #00000026,-2px -2px 4px #ffffffb3;height:14px;left:-12px;transform:translateY(50%);width:28px}.fader-thumb:before{background:#e8640c;border-radius:1px;height:8px;width:3px}.fader-thumb:after,.fader-thumb:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.fader-thumb:after{background:#0000000f;box-shadow:0 -3px 0 #0000000a,0 3px 0 #0000000a;height:1px;width:20px}.deck-bottom{align-items:stretch;display:flex;gap:20px}.transport{flex:0 0 auto;flex-direction:column;gap:8px}.play-btn,.transport{align-items:center;display:flex;justify-content:center}.play-btn{background:linear-gradient(180deg,#e2e2e2,#d8d8d8 30%,#c5c5c5 70%,#bbb);border:none;border-radius:50%;box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #0003,0 1px 2px #00000026;color:#555;cursor:pointer;flex-shrink:0;font-size:16px;height:54px;position:relative;transition:all .06s;width:54px;z-index:1}.play-btn:before{background:linear-gradient(180deg,#d0d0d0,#c2c2c2 30%,#aaa 70%,#999);box-shadow:inset 0 2px 3px #ffffff80,inset 0 -1px 3px #0000004d;inset:-4px;z-index:-1}.play-btn:after,.play-btn:before{border-radius:50%;content:"";position:absolute}.play-btn:after{background:#0000;box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 5px #ffffff80;inset:-7px;z-index:-2}.play-btn:hover{background:linear-gradient(180deg,#e8e8e8,#ddd 30%,#ccc 70%,#c2c2c2);color:#e8640c;text-shadow:0 0 8px #e8640c80,0 0 16px #e8640c40}.play-btn:active{background:linear-gradient(180deg,#bbb,#c5c5c5 40%,#d5d5d5);box-shadow:inset 0 3px 6px #00000040,inset 0 -1px 2px #ffffff4d,0 1px 1px #0000001a}.play-btn.playing{background:linear-gradient(180deg,#e2e2e2,#d8d8d8 30%,#c5c5c5 70%,#bbb);box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #0003,0 0 10px #e8640c26,0 1px 2px #00000026;color:#e8640c;text-shadow:0 0 8px #e8640c99,0 0 16px #e8640c4d}.led{display:none}.time-display{align-items:center;align-self:flex-end;background:#1a1a1a;border-radius:4px;box-shadow:inset 3px 3px 8px #000c,inset -2px -2px 4px #3c3c3c4d,inset 0 0 12px #0006,1px 1px 0 #fff3,2px 2px 4px #ffffff14;display:flex;gap:4px;padding:6px 10px}.time-sep{color:#e8640c80;font-family:monospace;font-size:10px;margin:0 3px}.led-time{align-items:center;display:flex;gap:1px}.seg-digit{height:13px;position:relative;width:7px}.seg{background:#e8640c0f;border-radius:1px;box-shadow:inset 1px 1px 2px #0006;display:block;position:absolute}.seg.on{background:#e8640c;box-shadow:inset 1px 1px 2px #0000004d,0 0 4px #e8640c66}.seg-a{top:0}.seg-a,.seg-d{height:1.5px;left:1px;width:5px}.seg-d{top:5.5px}.seg-g{height:1.5px;left:1px;top:11px;width:5px}.seg-b{left:0}.seg-b,.seg-c{height:5.5px;top:1px;width:1.5px}.seg-c{right:0}.seg-e{left:0}.seg-e,.seg-f{height:5.5px;top:6.5px;width:1.5px}.seg-f{right:0}.seg-colon{align-items:center;display:flex;flex-direction:column;gap:4px;height:13px;justify-content:center;width:4px}.seg-colon i{background:#e8640c;border-radius:50%;box-shadow:0 0 3px #e8640c66;display:block;height:2px;width:2px}.dot-grid{background-image:radial-gradient(circle,#888 1.2px,#0000 0);background-position:50%;background-size:8px 8px;border-radius:4px;flex-shrink:0;height:48px;margin:auto 0;opacity:.8}.vol-fader{flex:0 0 auto;width:50px}.faders-row{display:flex;flex:0.8 1;gap:12px;justify-content:center;min-height:0}.level-meter{display:none}.mixer{background:#00000005;border-left:none;border-radius:10px;border-right:none;box-shadow:inset 3px 3px 8px #00000014,inset -3px -3px 6px #ffffff80;display:flex;flex:0 0 340px;flex-direction:column;gap:16px;padding:16px 20px}.mixer-label{color:#999;font-size:10px;font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase}.eq-row{gap:24px;min-height:0}.eq-col,.eq-row{align-items:stretch;display:flex;flex:1 1}.eq-col{gap:10px;justify-content:center}.crossfader-area{margin-top:12px;padding:6px 8px 10px}.cf-labels{color:#999;display:flex;font-size:10px;font-weight:700;justify-content:space-between;letter-spacing:2px;margin-bottom:6px;padding:0 4px}.cf-slot{align-items:stretch;display:flex;flex-direction:column;gap:0}.cf-ticks{display:none}.cf-track{background:#999;border:none;border-radius:2px;box-shadow:inset 1px 1px 2px #0000004d,inset -1px 0 1px #fff3;cursor:pointer;height:4px;position:relative}.cf-thumb{background:linear-gradient(145deg,#ddd,#c8c8c8);border:none;border-radius:6px;box-shadow:3px 3px 6px #00000026,-2px -2px 5px #ffffffb3;height:22px;position:absolute;top:-10px;transform:translateX(-50%);transition:none;width:28px}.cf-thumb:before{background:#e8640c;border-radius:1px;height:3px;width:8px}.cf-thumb:after,.cf-thumb:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cf-thumb:after{background:#0000000f;box-shadow:-3px 0 0 #0000000a,3px 0 0 #0000000a;height:14px;width:1px}[data-control].snapped{outline:2px solid #e8820c33;outline-offset:2px}[data-control].hovered{outline:2px solid #e8820c59;outline-offset:2px}[data-control].grabbed{outline:2px solid #e8820c99;outline-offset:2px}.hand-cursor{border-radius:50%;height:24px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:width .12s,height .12s,background .12s,border-color .12s;width:24px;z-index:1000}.hand-cursor.open{background:#00000008;border:2px solid #0000001f}.hand-cursor.snapped{background:#e8820c14;border-color:#e8820c4d}.hand-cursor.pinched{background:#e8820c59;border:2px solid #e8640c;box-shadow:0 0 12px #e8820c40;height:14px;width:14px}.waveform.drag-over{border-color:#e8640c!important}.pad-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.drum-pad{align-items:center;aspect-ratio:1.5;background:linear-gradient(180deg,#ededed,#e4e4e4 30%,#d5d5d5 70%,#ccc);border:none;border-radius:3px;box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -2px 4px #00000026,0 1px 2px #0000001a;cursor:pointer;display:flex;justify-content:center;min-height:0;position:relative;transition:all .06s;z-index:1}.drum-pad:before{background:linear-gradient(180deg,#ddd,#d0d0d0 30%,#bbb 70%,#aaa);border-radius:6px;box-shadow:inset 0 2px 3px #fff6,inset 0 -1px 3px #00000040;content:"";inset:-4px;position:absolute;z-index:-1}.drum-pad:after{background:#0000;border-radius:8px;box-shadow:inset 2px 2px 5px #00000026,inset -2px -2px 4px #fff6;content:"";inset:-7px;position:absolute;z-index:-2}.drum-pad:hover{background:linear-gradient(180deg,#f2f2f2,#eaeaea 30%,#ddd 70%,#d5d5d5)}.drum-pad:hover .pad-name{color:#e8640c;text-shadow:0 0 6px #e8640c66,0 0 12px #e8640c33}.drum-pad.pad-active,.drum-pad:active{background:linear-gradient(180deg,#ccc,#d5d5d5 40%,#e0e0e0);box-shadow:inset 0 3px 6px #00000040,inset 0 -1px 2px #ffffff4d,0 1px 1px #00000014}.pad-name{color:#777;font-size:9px;font-weight:700;letter-spacing:2px;pointer-events:none;text-transform:uppercase}.drum-pad.pad-active .pad-name{color:#e8640c;text-shadow:0 0 8px #e8640c99,0 0 16px #e8640c4d}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.onboarding-modal{background:linear-gradient(180deg,#e8e8e8,#dfdfdf);border:none;border-radius:12px;box-shadow:0 20px 60px #0003,0 4px 12px #0000001a;max-width:420px;padding:32px 36px;width:90vw}.onboarding-title{color:#1a1a1a;font-size:16px;font-weight:800;letter-spacing:4px;margin-bottom:24px;text-align:center;text-shadow:0 1px 0 #ffffff80}.onboarding-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.onboarding-step{align-items:flex-start;display:flex;gap:14px}.onboarding-icon{flex-shrink:0;height:44px;width:44px}.onboarding-step strong{color:#e8640c;display:block;font-size:11px;letter-spacing:2px;margin-bottom:3px}.onboarding-step p{color:#888;font-size:11px;line-height:1.5}.onboarding-disclaimer{color:#999;font-size:10px;font-style:italic;letter-spacing:.5px;margin-bottom:20px;text-align:center}.onboarding-close-btn{background:linear-gradient(180deg,#f8a050,#f08020 30%,#e8640c 70%,#e05a08);border:none;border-radius:6px;box-shadow:inset 0 2px 4px #ffc86480,inset 0 -2px 4px #0003,0 2px 4px #0000001f;color:#fff;cursor:pointer;display:block;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:4px;padding:12px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .06s;width:100%;z-index:1}.onboarding-close-btn:hover{background:linear-gradient(180deg,#ffa860,#f89030 30%,#f07010 70%,#e86808);box-shadow:inset 0 2px 4px #ffc86480,inset 0 -2px 4px #0003,0 2px 8px #e8820c4d;transform:none}.onboarding-close-btn:active{background:linear-gradient(180deg,#e05a08,#e86a0c 40%,#f08020);box-shadow:inset 0 3px 6px #0000004d,inset 0 -1px 2px #ffc86433,0 1px 1px #00000014;transform:none}.mobile-overlay{background:#e2e2e2;height:100dvh;justify-content:center;width:100vw}.mobile-modal,.mobile-overlay{align-items:center;display:flex}.mobile-modal{flex-direction:column;gap:16px;max-width:320px;padding:40px 32px;text-align:center}.mobile-logo{height:52px;margin-bottom:8px;opacity:.6}.mobile-text{color:#555;font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}.mobile-sub{color:#999;font-size:11px;line-height:1.6}.mobile-btn{background:linear-gradient(180deg,#f8a050,#f08020 30%,#e8640c 70%,#e05a08);border:none;border-radius:6px;box-shadow:inset 0 2px 4px #ffc86480,inset 0 -2px 4px #0003,0 2px 4px #0000001f;color:#fff;cursor:pointer;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:3px;margin-top:8px;padding:12px 28px;text-shadow:0 1px 2px #0000004d;transition:all .06s}.mobile-btn:hover{background:linear-gradient(180deg,#ffa860,#f89030 30%,#f07010 70%,#e86808)}.mobile-btn:active{background:linear-gradient(180deg,#e05a08,#e86a0c 40%,#f08020);box-shadow:inset 0 3px 6px #0000004d,inset 0 -1px 2px #ffc86433,0 1px 1px #00000014}.webcam-preview{border:2px solid #e8820c40;border-radius:10px;bottom:12px;position:fixed;right:12px;transform:scaleX(-1);width:160px;z-index:999}.desktop-scale-wrap{align-items:center;display:flex;justify-content:center}@media (max-width:900px){#root,body{overflow:hidden}#root{height:100dvh;left:0;position:fixed;top:0;width:100dvw}#root.rotated{height:100dvw;left:calc(100dvw/2 - 100dvh/2);top:calc(100dvh/2 - 100dvw/2);transform:rotate(90deg);transform-origin:center center;width:100dvh}.controller-bg{background:#e2e2e2;height:100%;width:100%}.controller-tagline,.page-title{display:none}.mobile-scale-wrap{overflow:hidden}.controller,.mobile-scale-wrap{border-radius:12px;flex-shrink:0}.controller{height:860px;max-height:none;max-width:none;transform-origin:top left;width:1400px}.jog-wheel{height:340px;width:340px}.jog-wheel-wrap{align-self:flex-end;margin-bottom:-40px;margin-top:120px}.webcam-preview{border-radius:4px;bottom:4px;right:4px;width:80px}#root.rotated .webcam-preview{transform:scaleX(-1) rotate(90deg)}.hand-cursor{height:16px;width:16px}.hand-cursor.pinched{height:10px;width:10px}.onboarding-overlay{height:100%;inset:0;position:fixed;position:absolute;width:100%;z-index:9999}.onboarding-modal{transform:scale(.65)}.mobile-overlay{align-items:center;display:flex;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:9999}}.library-add-btn,.library-empty,.library-list,.library-load-btn,.library-panel,.library-toggle,.library-track,.library-track-actions,.library-track-name{display:none}