.Sequencer-module__SQ_uOG__device{background:linear-gradient(#1e1e26 0%,#15151c 100%);border:1px solid #ffffff0f;border-radius:18px;padding:22px 24px;font-family:DM Sans,system-ui,sans-serif;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 8px #0006,0 24px 60px #0009,0 4px 14px #0000004d}.Sequencer-module__SQ_uOG__top{justify-content:center;padding-bottom:14px;display:flex}.Sequencer-module__SQ_uOG__label{letter-spacing:.22em;color:#8a8aa0;text-transform:uppercase;font-family:DM Mono,ui-monospace,monospace;font-size:10px}.Sequencer-module__SQ_uOG__grid{background:#0a0a0e;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:inset 0 2px 6px #0009,inset 0 -1px #ffffff0a}.Sequencer-module__SQ_uOG__row{align-items:center;gap:4px;display:flex}.Sequencer-module__SQ_uOG__rowLabel{letter-spacing:.06em;color:#5a5a72;text-align:right;-webkit-user-select:none;user-select:none;width:22px;padding-right:4px;font-family:DM Mono,ui-monospace,monospace;font-size:9px}.Sequencer-module__SQ_uOG__pad{cursor:pointer;background:#1a1a22;border:none;border-radius:4px;width:28px;height:22px;padding:0;transition:background .12s,transform 80ms,box-shadow .12s;box-shadow:inset 0 1px 1px #0009,inset 0 -1px #ffffff08}.Sequencer-module__SQ_uOG__barStart{margin-left:8px}.Sequencer-module__SQ_uOG__pad:hover{background:#232330}.Sequencer-module__SQ_uOG__pad.Sequencer-module__SQ_uOG__padOn{background:hsl(var(--row-hue),78%,56%);box-shadow:0 0 10px hsla(var(--row-hue),90%,60%,.55),0 1px 1px #ffffff4d inset,0 -1px 1px #00000040 inset}.Sequencer-module__SQ_uOG__pad.Sequencer-module__SQ_uOG__padOn:hover{background:hsl(var(--row-hue),82%,62%)}.Sequencer-module__SQ_uOG__pad[data-current=true]{background:#2c2c3a}.Sequencer-module__SQ_uOG__pad[data-current=true].Sequencer-module__SQ_uOG__padOn{animation:.18s ease-out Sequencer-module__SQ_uOG__padFire}@keyframes Sequencer-module__SQ_uOG__padFire{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.6);transform:scale(1.18)}to{filter:brightness();transform:scale(1)}}.Sequencer-module__SQ_uOG__pad:focus-visible{outline-offset:1px;outline:2px solid #6aa9ff}.Sequencer-module__SQ_uOG__transport{align-items:center;gap:14px;padding:16px 4px 4px;display:flex}.Sequencer-module__SQ_uOG__play{cursor:pointer;color:#1a1a22;background:linear-gradient(#f5f5fa 0%,#c8c8d2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:3px;font-size:22px;transition:transform 80ms,box-shadow .12s;display:flex;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #00000026,0 4px 10px #00000080}.Sequencer-module__SQ_uOG__play.Sequencer-module__SQ_uOG__playOn{color:#fff;background:linear-gradient(#6aa9ff 0%,#3d7ee0 100%);padding-left:0;box-shadow:0 0 14px #6aa9ff80,inset 0 1px #fff6,inset 0 -1px #0003,0 4px 10px #00000080}.Sequencer-module__SQ_uOG__play:hover{transform:translateY(-1px)}.Sequencer-module__SQ_uOG__play:active{transform:translateY(0)}.Sequencer-module__SQ_uOG__play:focus-visible{outline-offset:3px;outline:2px solid #6aa9ff}.Sequencer-module__SQ_uOG__clear,.Sequencer-module__SQ_uOG__generate{letter-spacing:.18em;color:#8a8aa0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:8px 14px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;transition:background .12s,color .12s,border-color .12s,transform 80ms}.Sequencer-module__SQ_uOG__clear:hover{color:#c8c8d8;background:#ffffff0d;border-color:#fff3}.Sequencer-module__SQ_uOG__clear:focus-visible,.Sequencer-module__SQ_uOG__generate:focus-visible{outline-offset:2px;outline:2px solid #6aa9ff}.Sequencer-module__SQ_uOG__generate{color:#c5b6e8;background:#785ad214;border-color:#aa82f052;align-items:center;gap:6px;display:inline-flex}.Sequencer-module__SQ_uOG__generate:hover{color:#e6d8ff;background:#8c6ee62e;border-color:#aa82f08c}.Sequencer-module__SQ_uOG__generate:active{transform:scale(.97)}.Sequencer-module__SQ_uOG__generateGlyph{color:#c8a8ff;text-shadow:0 0 6px #b482ff99;font-size:11px}.Sequencer-module__SQ_uOG__bpm{color:#c8c8d8;align-items:center;gap:8px;margin-left:auto;display:flex}.Sequencer-module__SQ_uOG__bpmReadout{font-variant-numeric:tabular-nums;color:#f0f0f6;text-align:right;min-width:28px;font-family:DM Mono,ui-monospace,monospace;font-size:16px}.Sequencer-module__SQ_uOG__bpmUnit{letter-spacing:.18em;color:#6a6a82;font-family:DM Mono,ui-monospace,monospace;font-size:9px}.Sequencer-module__SQ_uOG__bpm input[type=range]{accent-color:#6aa9ff;cursor:pointer;width:120px}@media (max-width:600px){.Sequencer-module__SQ_uOG__device{border-radius:14px;padding:14px 12px}.Sequencer-module__SQ_uOG__grid{gap:4px;padding:10px 8px}.Sequencer-module__SQ_uOG__rowLabel{width:18px;padding-right:2px;font-size:8px}.Sequencer-module__SQ_uOG__pad{border-radius:3px;width:17px;height:17px}.Sequencer-module__SQ_uOG__barStart{margin-left:5px}.Sequencer-module__SQ_uOG__row{gap:2px}.Sequencer-module__SQ_uOG__bpm input[type=range]{width:80px}}
.page-module__Z8JioG__stage{background:radial-gradient(at 50% 30%,#1c1c22 0%,#0b0b10 80%);justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 1rem;display:flex}
