.styles_page__xkVze{height:100dvh;display:flex;flex-direction:column;background:#fbf7f0;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_paperBg__y3vV_{position:fixed;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");z-index:0;pointer-events:none}.styles_topBar__KycNi{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#fff;border-bottom:3px solid #f0e6d6;box-shadow:0 2px 8px rgba(0,0,0,.04);min-height:56px;flex-shrink:0}.styles_backBtn__oJrOX{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fbf7f0;color:#8b7355;text-decoration:none;transition:background .2s}.styles_backBtn__oJrOX:hover{background:#f0e6d6}.styles_backBtn__oJrOX svg{width:24px;height:24px}.styles_title__Wtq_B{font-family:Patrick Hand,cursive;font-size:1.4rem;color:#5d4e37}.styles_clearBtn__GTGba{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#fbf7f0;color:#8b7355;cursor:pointer;transition:background .2s}.styles_clearBtn__GTGba:hover{background:#f0e6d6}.styles_clearBtn__GTGba svg{width:22px;height:22px}.styles_gridContainer__0rHqi{flex:1 1;min-height:0;position:relative;z-index:1;padding:.5rem;overflow:auto;display:flex;align-items:center;justify-content:center}.styles_grid__4Ekov{flex-direction:column;width:100%;max-width:min(700px,100%)}.styles_grid__4Ekov,.styles_row__TnHxk{display:flex;gap:3px}.styles_cell__Nillr{flex:1 1;aspect-ratio:1;min-width:0;border:2px solid #f0e6d6;border-radius:6px;background:#fff;cursor:pointer;transition:transform .1s,background .15s,border-color .15s;padding:0}.styles_cell__Nillr:hover{border-color:var(--cell-color);background:color-mix(in srgb,var(--cell-color) 10%,#fff)}.styles_cellActive__X2zdg{background:var(--cell-color);border-color:var(--cell-color);box-shadow:0 2px 6px color-mix(in srgb,var(--cell-color) 40%,transparent)}.styles_cellActive__X2zdg:hover{background:color-mix(in srgb,var(--cell-color) 85%,#fff)}.styles_cellPlaying__YTicS{border-color:#5d4e37;box-shadow:0 0 0 1px #5d4e37}.styles_cellActive__X2zdg.styles_cellPlaying__YTicS{transform:scale(1.15);box-shadow:0 2px 12px color-mix(in srgb,var(--cell-color) 60%,transparent)}.styles_controls__PtU_2{position:relative;z-index:10;background:#fff;border-top:3px solid #f0e6d6;padding:.6rem .75rem env(safe-area-inset-bottom,.6rem);gap:.75rem;flex-wrap:wrap;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.styles_controls__PtU_2,.styles_playBtn___6Kcz{display:flex;align-items:center;justify-content:center;flex-shrink:0}.styles_playBtn___6Kcz{width:60px;height:60px;border:3px solid #27ae60;border-radius:50%;background:#e8f8ee;color:#27ae60;cursor:pointer;transition:all .2s}.styles_playBtn___6Kcz svg{width:28px;height:28px}.styles_playBtn___6Kcz:hover{background:#27ae60;color:#fff}.styles_playBtnActive__ccun9{border-color:#e74c3c;background:#fdeaea;color:#e74c3c}.styles_playBtnActive__ccun9:hover{background:#e74c3c;color:#fff}.styles_tempoGroup__WmtBf{display:flex;gap:.25rem}.styles_tempoBtn__eJfar{width:48px;height:48px;border:2px solid #f0e6d6;border-radius:12px;background:#fbf7f0;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.styles_tempoBtn__eJfar:hover{border-color:#d4a574}.styles_tempoBtnActive__bF_tP{border-color:#f39c12;background:#fef5e7}.styles_instrumentGroup__tLA0Q{display:flex;gap:.25rem}.styles_instrumentBtn__drTgK{width:48px;height:48px;border:2px solid #f0e6d6;border-radius:12px;background:#fbf7f0;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.styles_instrumentBtn__drTgK:hover{border-color:#d4a574}.styles_instrumentBtnActive__ELcuW{border-color:#9b59b6;background:#f3e8f9}.styles_presetGroup__TK6B0{display:flex;gap:.25rem}.styles_presetBtn__X1Kh6{width:44px;height:44px;border:2px solid #f0e6d6;border-radius:12px;background:#fbf7f0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.styles_presetBtn__X1Kh6:hover{border-color:#d4a574;background:#fff8f0}.styles_presetIcon__Vrhm9{font-size:1.2rem}@media (max-width:480px){.styles_cell__Nillr{border-radius:4px;border-width:1.5px}.styles_grid__4Ekov,.styles_row__TnHxk{gap:2px}.styles_controls__PtU_2{gap:.4rem;padding:.4rem .5rem env(safe-area-inset-bottom,.4rem)}.styles_playBtn___6Kcz{width:52px;height:52px}.styles_instrumentBtn__drTgK,.styles_tempoBtn__eJfar{width:44px;height:44px;font-size:1.2rem}.styles_presetBtn__X1Kh6{width:44px;height:44px}.styles_gridContainer__0rHqi{padding:.25rem}}@media (max-width:360px){.styles_playBtn___6Kcz{width:48px;height:48px}.styles_playBtn___6Kcz svg{width:24px;height:24px}.styles_instrumentBtn__drTgK,.styles_tempoBtn__eJfar{width:40px;height:40px;font-size:1.1rem}.styles_presetBtn__X1Kh6{width:40px;height:40px}.styles_presetIcon__Vrhm9{font-size:1rem}}@media (min-width:768px){.styles_cell__Nillr{border-radius:8px}.styles_playBtn___6Kcz{width:64px;height:64px}.styles_playBtn___6Kcz svg{width:32px;height:32px}}