.page-module__PrUfva__page{gap:var(--space-lg);flex-direction:column;display:flex}.page-module__PrUfva__transport{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);display:flex}.page-module__PrUfva__transportTitle{font-size:var(--text-lg);font-family:var(--font-display);font-weight:var(--weight-bold);margin-right:auto}.page-module__PrUfva__transportGroup{align-items:center;gap:var(--space-sm);display:flex}.page-module__PrUfva__transportBtn{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.page-module__PrUfva__transportBtn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.page-module__PrUfva__transportBtnActive{background:var(--accent-amber);color:#0e0e11;border-color:var(--accent-amber)}.page-module__PrUfva__transportBtnActive:hover{background:var(--accent-amber);opacity:.9}.page-module__PrUfva__bpmControl{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;gap:6px;padding:4px 10px;display:flex}.page-module__PrUfva__bpmLabel{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase}.page-module__PrUfva__bpmInput{width:48px;color:var(--accent-amber);font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--weight-bold);text-align:center;background:0 0;border:none;outline:none}.page-module__PrUfva__bpmInput::-webkit-inner-spin-button{-webkit-appearance:none}.page-module__PrUfva__bpmInput::-webkit-outer-spin-button{-webkit-appearance:none}.page-module__PrUfva__swingControl{align-items:center;gap:6px;display:flex}.page-module__PrUfva__swingLabel{font-size:var(--text-xs);color:var(--text-tertiary)}.page-module__PrUfva__swingSlider{width:60px;accent-color:var(--accent-amber)}.page-module__PrUfva__swingValue{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);min-width:28px}.page-module__PrUfva__midiIndicator{font-size:var(--text-xs);font-family:var(--font-mono);color:#2dd272;border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;background:#2dd27214;border:1px solid #2dd27233;align-items:center;gap:6px;max-width:180px;padding:4px 10px;display:flex;overflow:hidden}.page-module__PrUfva__main{gap:var(--space-lg);grid-template-columns:1fr 320px;display:grid}.page-module__PrUfva__sequencer{padding:var(--space-md);flex-direction:column;gap:2px;display:flex;overflow-x:auto}.page-module__PrUfva__sequencerHeader{margin-bottom:var(--space-xs);grid-template-columns:110px repeat(16,1fr);gap:2px;display:grid}.page-module__PrUfva__stepNumber{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;padding:2px 0}.page-module__PrUfva__stepNumberActive{color:var(--accent-amber);font-weight:var(--weight-bold)}.page-module__PrUfva__sequencerRow{grid-template-columns:110px repeat(16,1fr);align-items:center;gap:2px;display:grid}.page-module__PrUfva__padLabel{align-items:center;gap:var(--space-xs);min-width:0;padding:4px 8px;display:flex}.page-module__PrUfva__padColorDot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.page-module__PrUfva__padName{font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-module__PrUfva__loadedDot{border-radius:var(--radius-full);background:#2dd272;flex-shrink:0;width:5px;height:5px}.page-module__PrUfva__stepCell{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--glass-border);cursor:pointer;min-width:24px;transition:all var(--transition-fast);border-radius:3px}.page-module__PrUfva__stepCell:hover{border-color:var(--glass-border-hover);background:var(--bg-glass-hover)}.page-module__PrUfva__stepCellOn{border-color:#0000}.page-module__PrUfva__stepCellCurrent{box-shadow:inset 0 0 0 1px #f6a82366}.page-module__PrUfva__beatDivider{border-left:1px solid #e9e7e20a}.page-module__PrUfva__padSection{gap:var(--space-md);padding:var(--space-md);flex-direction:column;display:flex}.page-module__PrUfva__padSectionHeading{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.page-module__PrUfva__padGrid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.page-module__PrUfva__padWrap{position:relative}.page-module__PrUfva__pad{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;transition:all 80ms;display:flex;position:relative;overflow:hidden}.page-module__PrUfva__pad:before{content:"";border-radius:inherit;opacity:0;transition:opacity 80ms;position:absolute;inset:0}.page-module__PrUfva__pad:hover{border-color:var(--glass-border-hover)}.page-module__PrUfva__pad:active{transform:scale(.95)}.page-module__PrUfva__padTriggered{animation:.15s ease-out page-module__PrUfva__padFlash}.page-module__PrUfva__padLoading{opacity:.5;pointer-events:none}.page-module__PrUfva__padNumber{font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary);position:absolute;top:4px;left:6px}.page-module__PrUfva__padSampleName{font-size:var(--text-xs);color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 4px;overflow:hidden}.page-module__PrUfva__padEmpty{font-size:var(--text-xs);color:var(--text-tertiary);opacity:.5}.page-module__PrUfva__padLoadBtn{width:18px;height:18px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:3px;right:3px}.page-module__PrUfva__pad:hover .page-module__PrUfva__padLoadBtn{opacity:1}.page-module__PrUfva__padLoadBtn:hover{background:var(--bg-glass-hover);border-color:var(--glass-border);color:var(--accent-amber)}.page-module__PrUfva__padMenu{z-index:50;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;min-width:160px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.page-module__PrUfva__padMenuItem{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;padding:8px 12px;display:flex}.page-module__PrUfva__padMenuItem:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.page-module__PrUfva__padMenuDanger:hover{color:var(--accent-rose)}.page-module__PrUfva__mixer{gap:var(--space-xs);margin-top:var(--space-sm);flex-direction:column;display:flex}.page-module__PrUfva__mixerRow{align-items:center;gap:var(--space-sm);padding:4px 0;display:flex}.page-module__PrUfva__mixerDot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.page-module__PrUfva__mixerName{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;min-width:48px;overflow:hidden}.page-module__PrUfva__mixerSlider{accent-color:var(--accent-amber);flex:1;height:4px}.page-module__PrUfva__mixerValue{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;min-width:28px}.page-module__PrUfva__mixerMute{border:1px solid var(--glass-border);width:20px;height:20px;color:var(--text-tertiary);font-size:9px;font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:3px;justify-content:center;align-items:center;display:flex}.page-module__PrUfva__mixerMute:hover{border-color:var(--glass-border-hover)}.page-module__PrUfva__mixerMuted{background:var(--accent-rose);border-color:var(--accent-rose);color:#fff}@keyframes page-module__PrUfva__padFlash{0%{background:#f6a8234d}to{background:var(--bg-elevated)}}.page-module__PrUfva__chopper{gap:var(--space-md);padding:var(--space-md)var(--space-lg);flex-direction:column;display:flex}.page-module__PrUfva__chopperWaveform{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);height:100px;padding:var(--space-sm);-webkit-user-select:none;user-select:none;cursor:crosshair;align-items:flex-end;gap:1px;display:flex;position:relative;overflow:hidden}.page-module__PrUfva__chopperBar{min-width:2px;transition:background var(--transition-fast);background:#f6a8234d;border-radius:1px 1px 0 0;flex:1}.page-module__PrUfva__chopperBar:hover{background:#f6a82380}.page-module__PrUfva__chopRegion{border-left:2px solid var(--accent-amber);border-right:2px solid var(--accent-amber);pointer-events:none;z-index:1;background:#f6a8231f;position:absolute;top:0;bottom:0}.page-module__PrUfva__chopHandle{cursor:ew-resize;z-index:2;width:10px;margin-left:-5px;position:absolute;top:0;bottom:0}.page-module__PrUfva__chopHandle:after{content:"";background:var(--accent-amber);border-radius:2px;width:4px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #f6a82366}.page-module__PrUfva__chopHandle:hover:after{background:#f8bc54;box-shadow:0 0 10px #f6a82399}.page-module__PrUfva__chopTimes{align-items:center;gap:var(--space-md);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);display:flex}.page-module__PrUfva__exportBtn{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:6px 12px;display:flex}.page-module__PrUfva__exportBtn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--glass-border-hover)}.page-module__PrUfva__sellBtn{border-radius:var(--radius-md);background:var(--accent-amber);border:1px solid var(--accent-amber);color:#0e0e11;font-size:var(--text-xs);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;display:flex}.page-module__PrUfva__sellBtn:hover{opacity:.9;box-shadow:0 0 12px #f6a8234d}.page-module__PrUfva__browserOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-xl);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-module__PrUfva__browserModal{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000080}.page-module__PrUfva__browserHeader{padding:var(--space-md)var(--space-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.page-module__PrUfva__browserTitle{font-size:var(--text-sm);font-family:var(--font-display);font-weight:var(--weight-bold)}.page-module__PrUfva__browserPadLabel{color:var(--accent-amber);font-family:var(--font-mono)}.page-module__PrUfva__browserClose{border-radius:var(--radius-md);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.page-module__PrUfva__browserClose:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.page-module__PrUfva__browserContent{padding:var(--space-md);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.page-module__PrUfva__browserSample{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:background var(--transition-fast);flex-wrap:wrap;display:flex}.page-module__PrUfva__browserSample:hover{background:var(--bg-elevated)}.page-module__PrUfva__browserSampleInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.page-module__PrUfva__browserSampleTitle{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-module__PrUfva__browserSampleMeta{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.page-module__PrUfva__browserLoadBtn{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent-amber);border:1px solid var(--accent-amber-dim);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:4px 12px}.page-module__PrUfva__browserLoadBtn:hover{background:#f4a8251a}.page-module__PrUfva__browserSection{align-items:center;gap:var(--space-sm);padding:4px var(--space-md)4px var(--space-xl);width:100%;display:flex}.page-module__PrUfva__browserSectionName{font-size:var(--text-xs);color:var(--text-tertiary);flex:1}.page-module__PrUfva__browserEmpty{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-xl)}@media (max-width:900px){.page-module__PrUfva__main{grid-template-columns:1fr}.page-module__PrUfva__transport{flex-wrap:wrap}.page-module__PrUfva__sequencerHeader,.page-module__PrUfva__sequencerRow{grid-template-columns:90px repeat(16,1fr)}}@media (max-width:600px){.page-module__PrUfva__padGrid{grid-template-columns:repeat(3,1fr)}.page-module__PrUfva__midiIndicator{max-width:120px}}.page-module__PrUfva__comingSoon{text-align:center;padding:var(--space-3xl)var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.page-module__PrUfva__comingSoonIcon{color:var(--accent-amber);opacity:.4;margin-bottom:var(--space-sm)}.page-module__PrUfva__comingSoonTitle{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.page-module__PrUfva__comingSoonBadge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent-amber);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;background:#f6a8231f;border:1px solid #f6a82340;padding:4px 14px;display:inline-block}.page-module__PrUfva__comingSoonDesc{font-size:var(--text-base);color:var(--text-secondary);max-width:520px;margin:var(--space-sm)0 var(--space-lg);line-height:1.6}.page-module__PrUfva__comingSoonFeatures{gap:var(--space-md);width:100%;margin-top:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.page-module__PrUfva__featureCard{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.page-module__PrUfva__featureCard svg{color:var(--accent-amber);opacity:.7}.page-module__PrUfva__featureCard h3{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.page-module__PrUfva__featureCard p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;line-height:1.5}.page-module__PrUfva__previewSection{align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-xl);flex-direction:column;display:flex}.page-module__PrUfva__previewLabel{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.page-module__PrUfva__previewShell{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:560px;padding:0;overflow:hidden}.page-module__PrUfva__previewTransport{border-bottom:1px solid var(--glass-border);background:#0003;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.page-module__PrUfva__previewTransportLeft{align-items:center;gap:10px;display:flex}.page-module__PrUfva__previewPlayBtn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--accent-amber);background:#f6a82326;justify-content:center;align-items:center;display:flex}.page-module__PrUfva__previewBpm{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.page-module__PrUfva__previewTitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);letter-spacing:.1em}.page-module__PrUfva__previewTransportRight{gap:6px;display:flex}.page-module__PrUfva__previewDot{background:var(--glass-border);border-radius:50%;width:6px;height:6px}.page-module__PrUfva__previewGrid{grid-template-columns:repeat(4,1fr);gap:6px;padding:14px;display:grid}.page-module__PrUfva__previewPad{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:all .15s;display:flex}.page-module__PrUfva__previewPadLoaded{background:#ffffff0a}.page-module__PrUfva__previewPadNum{font-family:var(--font-mono);color:var(--text-tertiary);opacity:.5;font-size:9px}.page-module__PrUfva__previewPadName{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium)}.page-module__PrUfva__previewPadEmpty{font-family:var(--font-mono);color:var(--text-tertiary);opacity:.3;font-size:9px}.page-module__PrUfva__previewSequencer{border-top:1px solid var(--glass-border);grid-template-columns:repeat(16,1fr);gap:3px;padding:10px 14px 14px;display:grid}.page-module__PrUfva__previewStep{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:2px;height:10px}.page-module__PrUfva__previewStepActive{background:#f6a82340;border-color:#f6a82366}@media (max-width:640px){.page-module__PrUfva__comingSoonFeatures{grid-template-columns:1fr}.page-module__PrUfva__previewShell{max-width:100%}}