*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#151515;color:#f0f0f0}nav{display:flex;align-items:center;padding:16px;background-color:#080808;border-bottom:1px solid #505050;gap:8px}nav a{color:#fff}._main_gdfkr_34{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;width:100%;min-height:100vh}._main_gdfkr_34>*:nth-child(2){display:grid;place-items:center}._loading_gdfkr_47{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;text-transform:uppercase;font-weight:700;animation:_fadeIn_gdfkr_1 2s ease-in-out alternate infinite;background-color:#d2691e;padding:8px 16px;border-radius:5px}@keyframes _fadeIn_gdfkr_1{0%{opacity:0;filter:blur(15px)}to{opacity:1;filter:blur(0)}}._container_f0zl8_1{display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}._container_f0zl8_1._dragging_f0zl8_10,._container_f0zl8_1._dragging_f0zl8_10 *{cursor:ns-resize!important}._knob_f0zl8_15{position:relative;border-radius:50%;background:linear-gradient(135deg,#3d3d3d,#1a1a1a);box-shadow:0 3px 5px #0000004d,inset 0 1px 1px #fff3,inset 0 -1px 1px #000c;margin-bottom:4px;transition:all .02s linear;-webkit-user-select:none;user-select:none;touch-action:none}._knob_f0zl8_15:hover{background:linear-gradient(135deg,#444,#222);transform:scale(1.02)}._knob_f0zl8_15:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}._active_f0zl8_39{box-shadow:0 1px 3px #0000004d,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #000000e6;background:linear-gradient(135deg,#505050,#252525)}._indicator_f0zl8_46{position:absolute;top:10%;left:50%;width:4px;height:25%;background-color:#fff;transform:translate(-50%);border-radius:2px;box-shadow:0 0 3px #ffffff80}._textInput_f0zl8_58{text-align:center;padding:2px;border:1px solid transparent;border-radius:4px;font-size:8px;background-color:transparent;color:#ccc;transition:all .5s ease}._textInput_f0zl8_58:focus{outline:none;border:1px solid #0066cc;background-color:#f5f5f5;color:#333;box-shadow:0 0 4px #06c6}._label_f0zl8_77{margin-bottom:4px;font-size:8px;color:#ccc;text-align:center;text-transform:uppercase}._srOnly_f0zl8_86{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._container_f0zl8_1._focused_f0zl8_99{outline:none}body[style*="cursor: ns-resize"] *{cursor:ns-resize!important}._stepButton_11joc_2{--backlight-transition-duration: .2s;--backlight-glow-transition-duration: .3s;--backlight-transition-easing: ease-out;--backlight-max-intensity: .8;--active-state: 0;width:100%;height:100%;min-width:30px;min-height:30px;aspect-ratio:1 / 1;box-sizing:border-box;border:2px solid #2a2a2a;border-radius:4px;background:linear-gradient(145deg,#f5f5f0d9,#ebebe1e6,#e1e1d7eb,#d7dce1e6,#c8cdd7d9);box-shadow:inset 1px 1px 3px #fff6,inset -1px -1px 3px #00000026,inset 0 0 0 1px #fff3,0 1px 2px #0000001a,inset 0 0 100px rgba(245,140,85,calc(var(--active-state) * .85)),inset 1px 1px 3px rgba(255,200,150,calc(var(--active-state) * .4)),inset -1px -1px 3px rgba(150,50,25,calc(var(--active-state) * .2)),inset 0 0 0 1px rgba(255,180,120,calc(var(--active-state) * .3)),0 0 6px rgba(215,110,65,calc(var(--active-state) * .3)),0 0 calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * 20px) rgba(255,200,100,calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * (.3 + var(--active-state) * .1))),0 0 calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * 40px) rgba(255,160,80,calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * (.1 + var(--active-state) * .1)));cursor:pointer;position:relative;overflow:hidden;transition:border-color var(--backlight-transition-duration) var(--backlight-transition-easing),transform var(--backlight-transition-duration) var(--backlight-transition-easing),box-shadow var(--backlight-transition-duration) var(--backlight-transition-easing),--active-state var(--backlight-transition-duration) var(--backlight-transition-easing);padding:0;margin:0;outline:none}._stepButton_11joc_2:before{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%) scale(calc(.8 + var(--backlight-intensity, 0) * .2));border-radius:50%;background:radial-gradient(circle at center,rgba(255,220,120,.8) 0%,rgba(255,180,80,.6) 30%,rgba(255,140,60,.3) 60%,transparent 80%);opacity:calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity));pointer-events:none;transition:opacity var(--backlight-transition-duration) var(--backlight-transition-easing),transform var(--backlight-transition-duration) var(--backlight-transition-easing);z-index:1}._stepButton_11joc_2:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%) scale(calc(.7 + var(--backlight-intensity, 0) * .3));border-radius:50%;background:radial-gradient(circle at center,rgba(255,200,100,.4) 0%,rgba(255,160,80,.2) 40%,transparent 70%);opacity:calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity));filter:blur(3px);pointer-events:none;transition:opacity var(--backlight-glow-transition-duration) var(--backlight-transition-easing),transform var(--backlight-glow-transition-duration) var(--backlight-transition-easing);z-index:0}._stepButton_11joc_2:hover{background:linear-gradient(145deg,#fafaf5e6,#f0f0e6eb,#e6e6dcf0,#dce1e6eb,#cdd2dce6);border-color:#333;box-shadow:inset 1px 1px 4px #ffffff80,inset -1px -1px 3px #0000001f,inset 0 0 0 1px #ffffff40,0 1px 3px #00000026,inset 0 0 100px rgba(245,140,85,calc(var(--active-state) * .85)),inset 1px 1px 3px rgba(255,200,150,calc(var(--active-state) * .4)),inset -1px -1px 3px rgba(150,50,25,calc(var(--active-state) * .2)),inset 0 0 0 1px rgba(255,180,120,calc(var(--active-state) * .3)),0 0 6px rgba(215,110,65,calc(var(--active-state) * .3)),0 0 calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * 20px) rgba(255,200,100,calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * (.3 + var(--active-state) * .1))),0 0 calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * 40px) rgba(255,160,80,calc(var(--backlight-intensity, 0) * var(--backlight-max-intensity) * (.1 + var(--active-state) * .1)))}._stepButton_11joc_2:active{transform:translateY(1px);box-shadow:inset 1px 1px 3px #0006,inset -1px -1px 1px #ffffff0d}._stepButton_11joc_2._active_11joc_156{--active-state: 1;border-color:#2a2a2a}._stepButton_11joc_2._active_11joc_156:hover{border-color:#2a2a2a}._stepButton_11joc_2:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}._sequencer_1aom9_2{display:grid;grid-template-columns:min-content repeat(16,min-content);gap:4px;padding:10px;background:linear-gradient(135deg,#2d2d2df2,#282826f7 15%,#232321fa 35%,#202226f7 65%,#1c1e23f2 85%,#191a1eeb);border-radius:8px;border:1px solid #2a2a2a;box-shadow:inset 2px 2px 6px #ffffff26,inset -2px -2px 6px #00000026,inset 0 0 0 1px #ffffff14,0 2px 4px #0000001a,0 4px 8px #0000000d}._header_1aom9_30,._trackRow_1aom9_35{display:contents}._trackLabel_1aom9_40{font-size:12px;font-weight:700;color:#ccc;text-transform:uppercase;text-align:right;padding-right:8px;display:flex;align-items:center;justify-content:flex-end}._stepHeader_1aom9_52{font-size:14px;font-weight:700;text-align:center;height:16px;display:flex;align-items:center;justify-content:center;position:relative;color:rgba(255,220,150,calc(.3 + var(--playhead-intensity, 0) * .7));transition:color .2s ease-out}._stepHeader_1aom9_52:before{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,rgba(255,245,200,calc(var(--playhead-intensity, 0) * .1)) 0%,rgba(255,220,150,calc(var(--playhead-intensity, 0) * .06)) 60%,transparent 100%);filter:blur(2px);pointer-events:none;z-index:1;transition:all .2s ease-out;box-shadow:0 0 4px rgba(255,245,200,calc(var(--playhead-intensity, 0) * .06))}._stepHeader_1aom9_52:nth-child(4n+2){font-weight:700;color:rgba(255,220,150,calc(.6 + var(--playhead-intensity, 0) * .4))}._stepHeader_1aom9_52:nth-child(4n+2):before{background:radial-gradient(circle at center,rgba(255,245,200,calc(.03 + var(--playhead-intensity, 0) * .1)) 0%,rgba(255,220,150,calc(.02 + var(--playhead-intensity, 0) * .06)) 60%,transparent 100%);box-shadow:0 0 4px rgba(255,245,200,calc(.02 + var(--playhead-intensity, 0) * .06))}._sequencer_1aom9_2{grid-template-columns:min-content repeat(16,1fr);grid-auto-rows:1fr;overflow-x:auto}._sequencer_1aom9_2[data-vertical]{grid-template-columns:min-content repeat(var(--track-count, 4),1fr);grid-auto-rows:1fr}@media (max-width: 650px){._sequencer_1aom9_2{max-width:100vw;width:100%}}._cornerCell_1aom9_136{background:transparent;width:100%;height:100%}._container_1bobi_2{position:relative;display:inline-block}._iconOverlay_1bobi_7{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}._icon_1bobi_7{width:12px;height:12px;color:#000c;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:color .2s ease}._container_1bobi_2:has(._stepButton_1bobi_26._active_1bobi_26) ._icon_1bobi_7{color:#000000e6}._appContainer_sja5h_1{max-width:800px;margin:0 auto;padding:10px;display:flex;flex-direction:column;align-items:center;background-color:#f5f5f7;border-radius:10px;box-shadow:0 5px 15px #0000001a;background-color:#e6d8c5;gap:8px}._title_sja5h_15{color:#333;margin-bottom:20px}._controlsContainer_sja5h_20{display:grid;grid-template-columns:1fr auto;width:100%;align-items:flex-end;position:relative;padding:10px;background:linear-gradient(135deg,#2d2d2df2,#282826f7 15%,#232321fa 35%,#202226f7 65%,#1c1e23f2 85%,#191a1eeb);border-radius:8px;border:1px solid #2a2a2a;box-shadow:inset 2px 2px 6px #ffffff26,inset -2px -2px 6px #00000026,inset 0 0 0 1px #ffffff14,0 2px 4px #0000001a,0 4px 8px #0000000d}._knobsContainer_sja5h_48{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:16px}._buttonsContainer_sja5h_56{height:100%;display:flex;align-items:center;gap:8px}._buttonContainer_sja5h_63{display:grid;place-items:center;height:42px}._playButton_sja5h_69{background-color:#06c;color:#fff;border:none;border-radius:5px;padding:8px 16px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s ease,font-size .1s ease,padding .1s ease;box-shadow:0 2px 5px #0003;text-transform:uppercase}._playButton_sja5h_69:hover{background-color:#05a}._playButton_sja5h_69._active_sja5h_85{font-size:9px;padding:6px 12px;background-color:#c00;box-shadow:0 1px 3px #0000004d}._playButton_sja5h_69._active_sja5h_85:hover{background-color:#900000}._playButton_sja5h_69:has(+:checked){background-color:#c00}._versionInfo_sja5h_101{font-weight:100;font-size:10px;color:#000;align-self:flex-end}._versionInfo_sja5h_101 a{font-weight:400}