.styles-module__GF4Eka__container{background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;display:flex}.styles-module__GF4Eka__op1Body{background:linear-gradient(#e8e8e8 0%,#d8d8d8 100%);border:1px solid #b0b0b0;border-radius:8px;width:100%;max-width:1100px;padding:24px;position:relative;box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff80}.styles-module__GF4Eka__controlSection{background:#f0f0f0;border:1px solid silver;border-radius:4px;grid-template-columns:180px 1fr 280px;gap:16px;margin-bottom:16px;padding:16px;display:grid}.styles-module__GF4Eka__leftControls{flex-direction:column;gap:12px;display:flex}.styles-module__GF4Eka__speakerGrille{background:#f8f8f8;border:1px solid #d0d0d0;border-radius:3px;flex-direction:column;gap:3px;padding:8px;display:flex}.styles-module__GF4Eka__speakerRow{justify-content:center;gap:3px;display:flex}.styles-module__GF4Eka__speakerDot{background:#a0a0a0;border-radius:50%;width:3px;height:3px}.styles-module__GF4Eka__smallButtonGrid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.styles-module__GF4Eka__smallButton{color:#505050;cursor:pointer;background:#f8f8f8;border:1px solid #c8c8c8;border-radius:3px;padding:8px;font-size:11px;font-weight:600;transition:all .1s}.styles-module__GF4Eka__smallButton:hover{background:#fff;border-color:#b0b0b0}.styles-module__GF4Eka__smallButton:active{background:#e0e0e0;transform:translateY(1px)}.styles-module__GF4Eka__centerControls{flex-direction:column;gap:12px;display:flex}.styles-module__GF4Eka__displayArea{flex:1;justify-content:center;align-items:center;display:flex}.styles-module__GF4Eka__mainDisplay{background:#2a2a2a;border:2px solid #1a1a1a;border-radius:4px;width:100%;padding:16px 24px;box-shadow:inset 0 2px 8px #00000080}.styles-module__GF4Eka__displayContent{color:#fff;text-align:center;letter-spacing:2px;flex-direction:column;gap:6px;font-family:Courier New,monospace;font-size:18px;font-weight:600;display:flex}.styles-module__GF4Eka__displayKit{color:#f63;letter-spacing:3px;font-size:14px;font-weight:700}.styles-module__GF4Eka__displayKeys{color:#fff;letter-spacing:2px;font-size:16px}.styles-module__GF4Eka__numberKeys{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.styles-module__GF4Eka__numberKey{color:#505050;cursor:pointer;background:#f8f8f8;border:1px solid #c8c8c8;border-radius:3px;padding:10px 6px;font-size:12px;font-weight:600;transition:all .1s}.styles-module__GF4Eka__numberKey:hover{background:#fff;border-color:#b0b0b0}.styles-module__GF4Eka__numberKey:active{background:#e0e0e0;transform:translateY(1px)}.styles-module__GF4Eka__rightControls{flex-direction:column;gap:12px;display:flex}.styles-module__GF4Eka__knobsRow{grid-template-columns:repeat(4,1fr);align-items:center;gap:12px;display:grid}.styles-module__GF4Eka__knob{aspect-ratio:1;cursor:pointer;background:linear-gradient(145deg,#f8f8f8,#e0e0e0);border:1px solid silver;border-radius:50%;justify-content:center;align-items:center;transition:all .1s;display:flex;box-shadow:0 2px 4px #0003,inset 0 1px #fffc}.styles-module__GF4Eka__knob:hover{box-shadow:0 2px 6px #00000040,inset 0 1px #ffffffe6}.styles-module__GF4Eka__knobOrange{background:linear-gradient(145deg,#f63,#e85522);border-color:#d04410}.styles-module__GF4Eka__knobInner{background:#fff;border-radius:50%;width:70%;height:70%;position:relative;box-shadow:inset 0 1px 3px #0003}.styles-module__GF4Eka__knobIndicator{background:#333;border-radius:2px;width:3px;height:25%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.styles-module__GF4Eka__utilityButtons{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.styles-module__GF4Eka__utilButton{color:#505050;cursor:pointer;background:#f8f8f8;border:1px solid #c8c8c8;border-radius:3px;padding:10px;font-size:14px;transition:all .1s}.styles-module__GF4Eka__utilButton:hover{background:#fff;border-color:#b0b0b0}.styles-module__GF4Eka__utilButton:active{background:#e0e0e0;transform:translateY(1px)}.styles-module__GF4Eka__blackButtonsRow{grid-template-columns:repeat(10,1fr);gap:8px;margin-bottom:16px;padding:0 16px;display:grid}.styles-module__GF4Eka__blackButton{aspect-ratio:1;cursor:pointer;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #0a0a0a;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a}.styles-module__GF4Eka__blackButton:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:scale(1.05)}.styles-module__GF4Eka__blackButton:active{transform:translateY(1px)scale(.98);box-shadow:0 1px 2px #0006,inset 0 1px 3px #00000080}.styles-module__GF4Eka__blackButtonActive{background:linear-gradient(145deg,#f63,#e85522);border-color:#d04410;box-shadow:0 2px 6px #ff663380,inset 0 1px #ffffff4d}.styles-module__GF4Eka__blackButtonActive:hover{background:linear-gradient(145deg,#f74,#f96633);transform:scale(1.05)}.styles-module__GF4Eka__activeIndicator{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite styles-module__GF4Eka__pulse;box-shadow:0 0 8px #fffc}@keyframes styles-module__GF4Eka__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.styles-module__GF4Eka__drumPadsSection{background:#f0f0f0;border:1px solid silver;border-radius:4px;margin-bottom:12px;padding:16px}.styles-module__GF4Eka__drumPads{grid-template-columns:repeat(4,1fr);gap:12px;max-width:100%;display:grid}.styles-module__GF4Eka__drumPad{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#f8f8f8,#e8e8e8);border:2px solid silver;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:80px;transition:all 80ms;display:flex;position:relative;box-shadow:0 4px 8px #00000026,inset 0 1px #fffc}.styles-module__GF4Eka__drumPad:hover{background:linear-gradient(145deg,#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 6px 12px #0003,inset 0 1px #ffffffe6}.styles-module__GF4Eka__drumPad.styles-module__GF4Eka__padPressed{background:linear-gradient(145deg,#d8d8d8,#c8c8c8);border-color:#a0a0a0;transform:scale(.95);box-shadow:0 2px 4px #00000026,inset 0 2px 6px #0003}.styles-module__GF4Eka__drumPad:before{content:"";background:var(--pad-color,#888);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff4d}.styles-module__GF4Eka__padName{color:#333;letter-spacing:.5px;pointer-events:none;font-size:13px;font-weight:700}.styles-module__GF4Eka__padKey{color:#888;pointer-events:none;background:#fff9;border:1px solid #d0d0d0;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600}.styles-module__GF4Eka__drumPad.styles-module__GF4Eka__padPressed .styles-module__GF4Eka__padName{color:#000}.styles-module__GF4Eka__drumPad.styles-module__GF4Eka__padPressed .styles-module__GF4Eka__padKey{color:#000;background:#ffffffe6}.styles-module__GF4Eka__bottomInfo{justify-content:space-between;align-items:center;margin-top:8px;padding:0 16px;display:flex}.styles-module__GF4Eka__brandName{color:#888;letter-spacing:2px;font-size:10px;font-weight:700}.styles-module__GF4Eka__backLink{color:#505050;background:#f8f8f8;border:1px solid #c8c8c8;border-radius:3px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .1s}.styles-module__GF4Eka__backLink:hover{background:#fff;border-color:#b0b0b0}@media (max-width:1024px){.styles-module__GF4Eka__controlSection{grid-template-columns:1fr;gap:12px}.styles-module__GF4Eka__leftControls,.styles-module__GF4Eka__centerControls,.styles-module__GF4Eka__rightControls{width:100%}.styles-module__GF4Eka__knobsRow{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.styles-module__GF4Eka__container{padding:1rem}.styles-module__GF4Eka__op1Body{padding:16px}.styles-module__GF4Eka__controlSection{padding:12px}.styles-module__GF4Eka__drumPads{grid-template-columns:repeat(3,1fr);gap:10px}.styles-module__GF4Eka__drumPad{min-height:70px}.styles-module__GF4Eka__padName{font-size:11px}.styles-module__GF4Eka__padKey{padding:2px 6px;font-size:10px}.styles-module__GF4Eka__displayKit{font-size:12px}.styles-module__GF4Eka__displayKeys{font-size:14px}.styles-module__GF4Eka__blackButtonsRow{gap:6px}}@media (max-width:480px){.styles-module__GF4Eka__op1Body{padding:12px}.styles-module__GF4Eka__drumPads{grid-template-columns:repeat(2,1fr);gap:8px}.styles-module__GF4Eka__drumPad{min-height:60px}.styles-module__GF4Eka__padName{font-size:10px}.styles-module__GF4Eka__padKey{padding:2px 5px;font-size:9px}.styles-module__GF4Eka__drumPad:before{width:6px;height:6px;top:6px;right:6px}.styles-module__GF4Eka__displayKit{letter-spacing:1px;font-size:10px}.styles-module__GF4Eka__displayKeys{letter-spacing:1px;font-size:12px}.styles-module__GF4Eka__numberKeys{gap:4px}.styles-module__GF4Eka__numberKey{padding:8px 4px;font-size:10px}.styles-module__GF4Eka__blackButtonsRow{gap:4px}.styles-module__GF4Eka__knobsRow{gap:8px}}