@font-face{font-family:__Space_Mono_33c22e;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ae822095a172cc5c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Mono_33c22e;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/3c70c5716f1730b3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Mono_33c22e;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fc727f226c737876-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Mono_Fallback_33c22e;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_33c22e{font-family:__Space_Mono_33c22e,__Space_Mono_Fallback_33c22e;font-weight:400;font-style:normal}@font-face{font-family:__Space_Mono_55a229;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/77fb5eec12c66d49-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Mono_55a229;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/281dae1e814de8c6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Mono_55a229;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/806de4d605d3ad01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Mono_Fallback_55a229;src:local("Arial");ascent-override:81.58%;descent-override:26.30%;line-gap-override:0.00%;size-adjust:137.28%}.__className_55a229{font-family:__Space_Mono_55a229,__Space_Mono_Fallback_55a229;font-weight:700;font-style:normal}.styles_container__gp8ot{min-height:100vh;padding:clamp(1.5rem,3vw,3rem);color:#f6f7fb;justify-content:center;gap:1.5rem}.styles_container__gp8ot,.styles_content__Ebd7u{display:flex;flex-direction:column;position:relative}.styles_content__Ebd7u{width:min(1200px,100%);margin:0 auto;gap:clamp(1.5rem,3vw,2rem)}.styles_keyboardDevice__CgUpH{background:linear-gradient(145deg,#eff6f8,#d4eef2);border:1px solid hsla(65,6%,40%,.1);border-radius:1.5rem;padding:1.5rem 1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.styles_topModulesRow__9ntBo{display:flex;gap:1.5rem;align-items:stretch}.styles_leftColumn__yojeG{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 50%;min-width:0;gap:.75rem}.styles_autoplayModule__UYT8W,.styles_synthModule__Ms8K0{flex:1 1 50%;padding:0;display:flex;flex-direction:column;gap:.75rem;min-width:0}.styles_drumPadsModule__PUS__{padding:0;display:flex;flex-direction:column;gap:1rem}.styles_synthTopRow__gZTbi{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.styles_synthRightSection___WaNf{display:flex;flex-direction:column;gap:.75rem;flex:1 1}.styles_synthButtonsGrid__L0vse{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.styles_synthButton__JdhIc{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 0.375rem);min-width:0;text-align:center}.styles_autoplayControlRow__WjjcY{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%}.styles_modeToggleColumn__jaCLb{display:flex;flex-direction:column;gap:.5rem}.styles_modeToggle__XArHE{display:flex;gap:.25rem}.styles_autoplayKnobsGroup___gXhs{display:flex;gap:1rem;align-items:flex-start}.styles_modeButton__Ssp0U{flex:0 0 auto}.styles_modeButton__Ssp0U,.styles_synthButton__JdhIc{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .8rem;border-radius:.25rem;border:2px solid hsla(0,0%,39%,.5);background:#1a1e2e;color:hsla(0,0%,47%,.8);cursor:pointer;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 hsla(0,0%,100%,.05)}.styles_modeButton__Ssp0U:hover,.styles_synthButton__JdhIc:hover{border-color:hsla(0,0%,47%,.7);color:hsla(0,0%,55%,.9)}.styles_synthButtonActive__PMaeN{border-color:#fb923c;background:#1a1e2e;color:#fb923c;box-shadow:0 0 12px rgba(251,146,60,.5),0 0 4px rgba(251,146,60,.3),inset 0 0 8px rgba(251,146,60,.2);text-shadow:0 0 8px rgba(251,146,60,.8)}.styles_modeButtonActive__G7toO{border-color:#4ade80;background:#1a1e2e;color:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.5),0 0 4px rgba(74,222,128,.3),inset 0 0 8px rgba(74,222,128,.2);text-shadow:0 0 8px rgba(74,222,128,.8)}.styles_modeButtonActiveDrums__99uyW{border-color:#fb923c;background:#1a1e2e;color:#fb923c;box-shadow:0 0 12px rgba(251,146,60,.5),0 0 4px rgba(251,146,60,.3),inset 0 0 8px rgba(251,146,60,.2);text-shadow:0 0 8px rgba(251,146,60,.8)}.styles_lcdScreen__u8Wc4{background:linear-gradient(180deg,#000,#0a0a0a);border:2px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:.75rem 1rem;display:flex;max-height:72px;flex-direction:column;gap:.25rem;box-shadow:inset 0 2px 8px rgba(0,0,0,.8),0 1px 0 hsla(0,0%,100%,.05);position:relative;text-align:left;flex:1 1}.styles_lcdBottomRow__bGE1P,.styles_lcdTopRow__XO9v1{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:100%;overflow:hidden}.styles_lcdTextAmber__MBr4H,.styles_lcdTextGreen__bNx05,.styles_lcdTextOrange___CMS_{font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase}.styles_lcdTextAmber__MBr4H{color:#f59e0b;text-shadow:0 0 2px rgba(245,158,11,.8),0 1px 0 rgba(0,0,0,.2)}.styles_lcdTextGreen__bNx05{color:#22c55e;text-shadow:0 0 2px rgba(34,197,94,.8),0 1px 0 rgba(0,0,0,.2)}.styles_lcdTextOrange___CMS_{color:#ea580c;text-shadow:0 0 2px rgba(234,88,12,.8),0 1px 0 rgba(0,0,0,.2)}.styles_lcdTextSmall__1zKZN{font-size:1rem;flex-shrink:0;white-space:nowrap}.styles_lcdTextTruncate__3_6fX{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0}.styles_autoplayControls__zA5Al{display:flex;gap:.5rem;justify-content:flex-start}.styles_autoplayButton___zccQ{width:3rem;height:3rem;border-radius:.25rem;border:2px solid hsla(0,0%,39%,.5);background:#1a1e2e;color:hsla(0,0%,47%,.8);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 hsla(0,0%,100%,.05)}.styles_autoplayButton___zccQ:hover:not(:disabled){border-color:hsla(0,0%,47%,.7);color:hsla(0,0%,55%,.9)}.styles_autoplayButton___zccQ:active:not(:disabled){transform:scale(.95)}.styles_autoplayButton___zccQ:disabled{opacity:.3;cursor:not-allowed}.styles_autoplayButtonActive__rjGoN{border-color:#60a5fa;background:#1a1e2e;color:#60a5fa;box-shadow:0 0 12px rgba(96,165,250,.5),0 0 4px rgba(96,165,250,.3),inset 0 0 8px rgba(96,165,250,.2);text-shadow:0 0 8px rgba(96,165,250,.8)}.styles_dialWrapper__NxuHc{display:flex;flex-direction:column;align-items:center;gap:0}.styles_dialLabel__oCPYN{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.6)}.styles_volumeKnobContainer__6pYhK{position:relative;width:6rem;height:6rem;cursor:pointer}.styles_volumeKnobArc__t81gB{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.styles_volumeKnobInner__28RBB{position:absolute;top:20%;left:20%;width:3.75rem;height:3.75rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#4a4f62,#2a2f42 60%),linear-gradient(145deg,#3a3f52,#1a1e2e);border:2px solid rgba(80,80,80,.5);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.3);transition:border-color .2s ease}.styles_volumeKnobContainer__6pYhK:hover .styles_volumeKnobInner__28RBB{border-color:hsla(0,0%,39%,.7)}.styles_volumeKnobPointer__2mPk5{position:absolute;top:15%;left:50%;width:4px;height:30%;background:hsla(0,0%,100%,.9);transform:translateX(-50%);border-radius:2px;box-shadow:0 0 4px hsla(0,0%,100%,.5)}.styles_selectorKnobContainer__1lJxh{position:relative;width:6rem;height:6rem;cursor:pointer}.styles_selectorKnobRing__6lahV{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.styles_selectorKnobInner__h5IGh{position:absolute;top:50%;left:50%;width:3.75rem;height:3.75rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#4a4f62,#2a2f42 60%),linear-gradient(145deg,#3a3f52,#1a1e2e);border:2px solid rgba(80,80,80,.5);box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.3);transition:border-color .2s ease}.styles_selectorKnobContainer__1lJxh:hover .styles_selectorKnobInner__h5IGh{border-color:hsla(0,0%,39%,.7)}.styles_tempoSliderWrapper__VZNVk{display:flex;align-items:center;gap:1rem;width:100%}.styles_tempoLeftSection__zU1dL{display:flex;flex-direction:column;align-items:center;gap:.5rem}.styles_tempoBpmDisplay__Ti8Z2{display:flex;align-items:baseline;justify-content:center;gap:.4rem;width:100%;padding:.4rem .6rem;background:linear-gradient(#000,#0a0a0a);border-radius:.5rem;border:1px solid rgba(34,211,238,.3)}.styles_tempoBpmValue__QMmP9{font-size:1.25rem;color:#7feeff;text-shadow:0 0 4px rgba(34,211,238,.5)}.styles_tempoBpmLabel__Fw2Ld{font-size:1rem;color:#7feeff;text-transform:uppercase;letter-spacing:.05em}.styles_tempoSliderContainer__KTm3p{display:grid;grid-template-areas:"track";align-items:center;flex:1 1;height:3rem;padding:.5rem .75rem;background:linear-gradient(145deg,#e4ebed,#cee7eb);border-radius:.5rem;box-shadow:inset 0 2px 6px rgba(0,0,0,.25),0 1px 0 hsla(0,0%,100%,.05)}.styles_tempoScale__6zBjI{grid-area:track;display:flex;justify-content:space-between;width:100%;pointer-events:none;z-index:1}.styles_tempoMark__KAcbQ{width:1px;height:1.5rem;background:rgba(0,0,0,.75)}.styles_tempoSlider__bg7Z7{grid-area:track;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.5rem;background:transparent;cursor:pointer;z-index:2}.styles_tempoSlider__bg7Z7::-webkit-slider-runnable-track{width:100%;height:.5rem;background:#0d1018;border-radius:.25rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}.styles_tempoSlider__bg7Z7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:4rem;background:linear-gradient(180deg,#1b1c27,#05060f);border:2px solid hsla(0,0%,100%,.75);border-radius:4px;cursor:pointer;margin-top:-1.75rem;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 8px rgba(34,211,238,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.styles_tempoSlider__bg7Z7::-webkit-slider-thumb:hover{border-color:rgba(34,211,238,.8);box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 12px rgba(34,211,238,.5),inset 0 1px 0 hsla(0,0%,100%,.15)}.styles_tempoSlider__bg7Z7::-moz-range-track{width:100%;height:.5rem;background:#0d1018;border-radius:.25rem;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}.styles_tempoSlider__bg7Z7::-moz-range-thumb{width:1.5rem;height:1.5rem;background:linear-gradient(180deg,#1b1c27,#05060f);border:2px solid hsla(0,0%,100%,.75);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 8px rgba(34,211,238,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.styles_tempoSlider__bg7Z7::-moz-range-thumb:hover{border-color:rgba(34,211,238,.8);box-shadow:0 2px 8px rgba(0,0,0,.4),0 0 12px rgba(34,211,238,.5),inset 0 1px 0 hsla(0,0%,100%,.15)}.styles_labelHint__u_J9z{font-size:.75rem;color:rgba(0,0,0,.75);text-align:right;margin:0}.styles_keyboardNameRow__s2gMC{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:.5rem 0}.styles_keyboardName__vuql7{font-size:1.2rem;letter-spacing:.05em;color:rgba(0,0,0,.9)}.styles_drumPadsRow__7OVf5{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.75rem;gap:.75rem;width:100%}.styles_drumPad__QC1xS{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.25rem;padding:.25rem;aspect-ratio:1;border-radius:.25rem;border:3px solid var(--pad-color,#a78bfa);background:#1a1e2e;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 0 12px var(--pad-color,#a78bfa),0 0 4px var(--pad-color,#a78bfa),inset 0 0 8px var(--pad-color,rgba(167,139,250,.2)),inset 0 1px 2px rgba(0,0,0,.25),0 1px 0 hsla(0,0%,100%,.05)}.styles_drumPad__QC1xS:hover{box-shadow:0 0 16px var(--pad-color,#a78bfa),0 0 6px var(--pad-color,#a78bfa),inset 0 0 10px var(--pad-color,rgba(167,139,250,.25)),inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 hsla(0,0%,100%,.05)}.styles_drumPadActive__ZFiA_,.styles_drumPad__QC1xS:active{transform:scale(.95);border-color:hsla(0,0%,39%,.5);background:#1a1e2e;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),0 1px 0 hsla(0,0%,100%,.05)}.styles_drumPadActive__ZFiA_ .styles_drumPadKey__j2Ze2,.styles_drumPadActive__ZFiA_ .styles_drumPadName__8oMQw{color:hsla(0,0%,100%,.6);text-shadow:none}.styles_drumPadName__8oMQw{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 8px var(--pad-color,rgba(167,139,250,.8))}.styles_drumPadKey__j2Ze2,.styles_drumPadName__8oMQw{color:var(--pad-color,#a78bfa);transition:all .2s ease}.styles_drumPadKey__j2Ze2{font-size:.65rem;font-weight:400;text-shadow:0 0 6px var(--pad-color,rgba(167,139,250,.6))}.styles_keyboardColumn__9cZi0{display:flex;flex-direction:column;gap:1rem}.styles_keyboardContainer__pRo7h{position:relative;padding:.25rem .25rem 1rem;background:linear-gradient(0deg,#cad8db,#d4eef2);border-radius:.25rem;overflow:hidden}.styles_keyboardBackdrop__sMDEh{position:absolute;inset:0;background:radial-gradient(circle at 30% 0,hsla(0,0%,100%,.08),transparent 45%);opacity:.7;pointer-events:none}.styles_piano__C_VQM{height:clamp(220px,40vh,360px);width:100%;background:linear-gradient(180deg,#fdfdff,#f0f0f7);border-radius:.25rem;overflow:hidden;box-shadow:inset 0 -4px 8px rgba(0,0,0,.2)}.styles_piano__C_VQM,.styles_whiteKey__1pwfc{position:relative;display:flex;align-items:flex-end}.styles_whiteKey__1pwfc{flex-grow:1;flex-shrink:1;flex-basis:calc(100% / 14);height:100%;background:linear-gradient(180deg,#fff,#e5e6ee);border-right:1px solid rgba(0,0,0,.08);border-left:1px solid hsla(0,0%,100%,.5);justify-content:center;padding-bottom:1rem;transition:transform .05s ease,box-shadow .05s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:pointer}.styles_whiteKey__1pwfc:hover{background:linear-gradient(180deg,#f8f8ff,#e0e1ea)}.styles_whiteKeyPressed__fub6r{transform:translateY(2px);box-shadow:inset 0 -2px 6px rgba(0,0,0,.25);background:linear-gradient(180deg,#e8e8f0,#d5d6e0)}.styles_blackKey__iIy_W{position:absolute;top:0;width:calc((100% / 14) * .65);height:68%;background:linear-gradient(180deg,#1b1c27,#05060f);border-radius:0 0 .6rem .6rem;box-shadow:0 6px 12px rgba(0,0,0,.6);transform:translateX(25%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:.7rem;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;cursor:pointer}.styles_blackKey__iIy_W:hover{background:linear-gradient(180deg,#252636,#0a0b14)}.styles_blackKeyPressed__14sGG{transform:translateX(25%) translateY(2px);box-shadow:0 3px 6px rgba(0,0,0,.5);background:linear-gradient(180deg,#0f1018,#000)}.styles_keyLabels__mgXvN{display:flex;flex-direction:column;align-items:center;gap:.2rem;pointer-events:none;font-size:.75rem;text-transform:uppercase}.styles_whiteKey__1pwfc .styles_keyLabels__mgXvN{color:rgba(0,0,0,.75)}.styles_blackKey__iIy_W .styles_keyLabels__mgXvN{color:hsla(0,0%,100%,.75)}.styles_noteLabel__aMvoc{font-size:.75rem}.styles_keyboardLabel__tEy1f{font-size:.75rem;letter-spacing:.05em;opacity:.8}@media (max-width:900px){.styles_keyboardDevice__CgUpH{padding:1rem}.styles_topModulesRow__9ntBo{flex-direction:column;gap:1rem}.styles_autoplayModule__UYT8W,.styles_drumPadsModule__PUS__,.styles_leftColumn__yojeG,.styles_synthModule__Ms8K0{flex:1 1 auto}.styles_keyboardContainer__pRo7h{padding:1rem}.styles_tempoSliderWrapper__VZNVk{flex-direction:column;align-items:stretch}.styles_tempoSliderContainer__KTm3p{height:2.5rem}.styles_autoplayButton___zccQ{width:2.5rem;height:2.5rem;font-size:.9rem}.styles_synthTopRow__gZTbi{flex-direction:column;gap:.75rem}.styles_synthRightSection___WaNf{width:100%}.styles_synthButtonsGrid__L0vse{gap:.4rem}.styles_synthButton__JdhIc{font-size:.6rem;padding:.4rem .6rem}.styles_autoplayControlRow__WjjcY{flex-direction:column;align-items:stretch}.styles_modeToggleColumn__jaCLb{width:100%}.styles_modeToggle__XArHE{width:100%;justify-content:center}.styles_autoplayKnobsGroup___gXhs{width:100%;justify-content:space-around}.styles_autoplayControls__zA5Al{width:100%;justify-content:center}.styles_lcdScreen__u8Wc4{flex:1 1 100%}.styles_drumPadsRow__7OVf5{grid-template-columns:repeat(3,1fr);gap:.5rem}}@keyframes styles_drumFlash__9tVTg{0%{opacity:1}to{opacity:0}}