.controls[data-v-f387b901]{position:sticky;top:0;z-index:1000;background:#191c2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(74,158,255,.2);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000004d}.controls__container[data-v-f387b901]{display:flex;align-items:center;justify-content:center;gap:1.25rem;max-width:600px;margin:0 auto}.controls__bpm-group[data-v-f387b901]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.controls__bpm-label[data-v-f387b901]{font-weight:700;font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;min-width:32px}.controls__bpm-slider[data-v-f387b901]{flex:1;height:4px;border-radius:2px;background:#ffffff26;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-width:120px}.controls__bpm-slider[data-v-f387b901]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#5d9bf8,#4a9eff);cursor:pointer;box-shadow:0 2px 6px #4a9eff80,0 0 0 2px #191c2ecc;transition:all .2s ease}.controls__bpm-slider[data-v-f387b901]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #4a9effb3,0 0 0 2px #191c2ecc}.controls__bpm-slider[data-v-f387b901]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#5d9bf8,#4a9eff);cursor:pointer;border:none;box-shadow:0 2px 6px #4a9eff80,0 0 0 2px #191c2ecc;transition:all .2s ease}.controls__bpm-slider[data-v-f387b901]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #4a9effb3,0 0 0 2px #191c2ecc}.controls__bpm-slider[data-v-f387b901]::-moz-range-progress{background:linear-gradient(90deg,#5d9bf8,#4a9eff);height:4px;border-radius:2px}.controls__bpm-input[data-v-f387b901]{width:50px;padding:.4rem .5rem;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff14;color:#fff;font-size:.875rem;font-weight:700;text-align:center;outline:none;transition:all .2s ease}.controls__bpm-input[data-v-f387b901]:hover{border-color:#4a9eff66;background:#ffffff1f}.controls__bpm-input[data-v-f387b901]:focus{border-color:#5d9bf8;background:#ffffff1f;box-shadow:0 0 0 2px #5d9bf833}.controls__bpm-input[data-v-f387b901]::-webkit-inner-spin-button,.controls__bpm-input[data-v-f387b901]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.controls__bpm-input[type=number][data-v-f387b901]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.controls__btn[data-v-f387b901]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,#5d9bf8,#4a9eff);color:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px #4a9eff4d;white-space:nowrap}.controls__btn[data-v-f387b901]:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4a9eff66}.controls__btn[data-v-f387b901]:active{transform:translateY(0)}.controls__btn--active[data-v-f387b901]{background:linear-gradient(135deg,#ff5d5d,#ff4a4a);box-shadow:0 2px 10px #ff4a4a4d}.controls__btn--active[data-v-f387b901]:hover{box-shadow:0 4px 15px #ff4a4a66}.controls__btn--wav[data-v-f387b901]{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 2px 10px #9c27b04d}.controls__btn--wav[data-v-f387b901]:hover{box-shadow:0 4px 15px #9c27b066}.controls__btn--wav[data-v-f387b901]:disabled{opacity:.5;cursor:not-allowed}.controls__btn-icon[data-v-f387b901]{font-size:.75rem;line-height:1}.controls__btn-text[data-v-f387b901]{letter-spacing:.5px}@media (max-width: 640px){.controls[data-v-f387b901]{padding:.625rem 1rem;margin-bottom:1rem}.controls__container[data-v-f387b901]{gap:.875rem}.controls__bpm-group[data-v-f387b901]{gap:.5rem}.controls__bpm-label[data-v-f387b901]{font-size:.7rem;min-width:28px}.controls__bpm-slider[data-v-f387b901]{min-width:100px}.controls__bpm-input[data-v-f387b901]{width:45px;padding:.35rem .4rem;font-size:.8rem}.controls__btn[data-v-f387b901]{padding:.45rem .875rem;font-size:.8rem}.controls__btn-text[data-v-f387b901]{display:none}}.spectrum-analyzer[data-v-20d6114c]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.spectrum-analyzer__header[data-v-20d6114c]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.spectrum-analyzer__title[data-v-20d6114c]{font-size:1.5rem;font-weight:700;color:#4a9eff;margin:0;text-align:left;flex:1}.spectrum-analyzer__collapse-btn[data-v-20d6114c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.spectrum-analyzer__collapse-btn[data-v-20d6114c]:hover{background:#ffffff1a;border-color:#4a9eff80;color:#4a9eff}.spectrum-analyzer__collapse-icon[data-v-20d6114c]{font-size:.75rem;line-height:1;transition:transform .2s ease}.spectrum-analyzer__collapse-btn--collapsed .spectrum-analyzer__collapse-icon[data-v-20d6114c]{transform:rotate(180deg)}.spectrum-analyzer__content[data-v-20d6114c]{transition:opacity .3s ease}.spectrum-analyzer__bars[data-v-20d6114c]{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0}.spectrum-analyzer__bar[data-v-20d6114c]{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:20px;gap:2px;justify-content:flex-end}.spectrum-analyzer__bar-segments[data-v-20d6114c]{display:flex;flex-direction:column-reverse;align-items:center;flex:1;width:100%;gap:2px}.spectrum-analyzer__bar-frequency[data-v-20d6114c]{font-size:.65rem;font-weight:600;color:#ffffff80;margin-top:.5rem;text-align:center;min-height:1.2rem}.spectrum-analyzer__bar-segment[data-v-20d6114c]{width:100%;border-radius:3px;background:#65432166;transition:background-color .05s ease;min-height:3px}.spectrum-analyzer__bar-segment--active[data-v-20d6114c]{background:linear-gradient(180deg,#66bb6a,#4caf50,#43a047);box-shadow:0 0 6px #4caf5099}.spectrum-analyzer__bar-segment--peak[data-v-20d6114c]{background:linear-gradient(180deg,#ffeb3b,#ffc107,#ffb300);box-shadow:0 0 10px #ffeb3be6,0 0 20px #ffeb3b80}@media (max-width: 768px){.spectrum-analyzer[data-v-20d6114c]{padding:1.5rem;margin-top:1.5rem}.spectrum-analyzer__title[data-v-20d6114c]{font-size:1.25rem;margin-bottom:1.25rem}.spectrum-analyzer__container[data-v-20d6114c]{height:200px;padding:1rem}.spectrum-analyzer__bars[data-v-20d6114c]{gap:.25rem}.spectrum-analyzer__bar[data-v-20d6114c]{min-width:3px}.spectrum-analyzer__bar-frequency[data-v-20d6114c]{display:none}.spectrum-analyzer__bar-segment[data-v-20d6114c]{min-height:2px}}@media (max-width: 480px){.spectrum-analyzer[data-v-20d6114c]{padding:1rem;margin-top:1rem}.spectrum-analyzer__title[data-v-20d6114c]{font-size:1.1rem;margin-bottom:1rem}.spectrum-analyzer__container[data-v-20d6114c]{height:150px;padding:.75rem}.spectrum-analyzer__bars[data-v-20d6114c]{gap:.2rem}.spectrum-analyzer__bar[data-v-20d6114c]{min-width:2px}.spectrum-analyzer__bar-frequency[data-v-20d6114c]{display:none}.spectrum-analyzer__bar-segment[data-v-20d6114c]{min-height:1.5px}}.custom-pattern-select[data-v-bd25b286]{position:relative;width:100%;z-index:100}.custom-pattern-select__trigger[data-v-bd25b286]{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.custom-pattern-select__trigger[data-v-bd25b286]:hover{border-color:#4a9eff80;background:#ffffff26}.custom-pattern-select__trigger--open[data-v-bd25b286]{border-color:#4a9effcc;background:#ffffff26}.custom-pattern-select__selected[data-v-bd25b286]{color:#fff}.custom-pattern-select__placeholder[data-v-bd25b286]{color:#ffffff80}.custom-pattern-select__arrow[data-v-bd25b286]{color:#fff9;font-size:.7rem;transition:transform .2s ease}.custom-pattern-select__trigger--open .custom-pattern-select__arrow[data-v-bd25b286]{transform:rotate(180deg)}.custom-pattern-select__dropdown[data-v-bd25b286]{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1a1a2ef2;border:2px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0006;max-height:400px;overflow-y:auto;z-index:9999}.custom-pattern-select__category[data-v-bd25b286]{border-bottom:1px solid rgba(255,255,255,.1)}.custom-pattern-select__category[data-v-bd25b286]:last-child{border-bottom:none}.custom-pattern-select__category-header[data-v-bd25b286]{padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease;font-weight:600;color:#4a9eff}.custom-pattern-select__category-header[data-v-bd25b286]:hover{background:#4a9eff1a}.custom-pattern-select__category-icon[data-v-bd25b286]{font-size:.7rem;color:#fff9;width:12px;display:inline-block}.custom-pattern-select__category-name[data-v-bd25b286]{color:#4a9eff}.custom-pattern-select__patterns[data-v-bd25b286]{background:#0003;padding-left:1.5rem}.custom-pattern-select__pattern[data-v-bd25b286]{padding:.6rem 1rem;cursor:pointer;transition:all .2s ease;color:#fffc;border-left:3px solid transparent}.custom-pattern-select__pattern[data-v-bd25b286]:hover{background:#4a9eff26;border-left-color:#4a9eff80;color:#fff}.custom-pattern-select__pattern--active[data-v-bd25b286]{background:#4a9eff33;border-left-color:#4a9eff;color:#fff;font-weight:600}.custom-pattern-select__dropdown[data-v-bd25b286]::-webkit-scrollbar{width:8px}.custom-pattern-select__dropdown[data-v-bd25b286]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.custom-pattern-select__dropdown[data-v-bd25b286]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.custom-pattern-select__dropdown[data-v-bd25b286]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.custom-pattern-select[data-v-bd25b286]{min-width:180px}.custom-pattern-select__button[data-v-bd25b286]{padding:.4rem .75rem;font-size:.85rem}.custom-pattern-select__dropdown[data-v-bd25b286]{max-height:300px}.custom-pattern-select__category[data-v-bd25b286]{padding:.4rem .75rem}.custom-pattern-select__category-name[data-v-bd25b286]{font-size:.8rem}.custom-pattern-select__pattern[data-v-bd25b286]{padding:.35rem .75rem;font-size:.8rem}}@media (max-width: 480px){.custom-pattern-select[data-v-bd25b286]{min-width:160px}.custom-pattern-select__button[data-v-bd25b286]{padding:.35rem .65rem;font-size:.8rem}.custom-pattern-select__dropdown[data-v-bd25b286]{max-height:250px}.custom-pattern-select__category[data-v-bd25b286]{padding:.35rem .65rem}.custom-pattern-select__category-name[data-v-bd25b286]{font-size:.75rem}.custom-pattern-select__pattern[data-v-bd25b286]{padding:.3rem .65rem;font-size:.75rem}}.modal[data-v-80a1f726]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;padding:2rem}.modal__content[data-v-80a1f726]{background:#1a1a2ef2;border:2px solid rgba(255,255,255,.2);border-radius:12px;width:90%;max-width:800px;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;margin:auto;position:relative}.modal__header[data-v-80a1f726]{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal__title[data-v-80a1f726]{font-size:1.5rem;font-weight:700;color:#4a9eff;margin:0}.modal__close[data-v-80a1f726]{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.modal__close[data-v-80a1f726]:hover{background:#ffffff1a;color:#fff}.modal__body[data-v-80a1f726]{padding:1.5rem;overflow-y:auto;flex:1}.modal__footer[data-v-80a1f726]{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:1rem;justify-content:flex-end}.modal__body[data-v-80a1f726]::-webkit-scrollbar{width:8px}.modal__body[data-v-80a1f726]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal__body[data-v-80a1f726]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal__body[data-v-80a1f726]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sequencer[data-v-5dc0bd25]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.sequencer__header-wrapper[data-v-5dc0bd25]{margin-bottom:1rem}.sequencer__header-title[data-v-5dc0bd25]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sequencer__title[data-v-5dc0bd25]{font-size:1.5rem;font-weight:700;color:#4a9eff;margin:0;text-align:left;background:linear-gradient(135deg,#4a9eff,#6bb0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sequencer__collapse-btn[data-v-5dc0bd25]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.sequencer__collapse-btn[data-v-5dc0bd25]:hover{background:#ffffff1a;border-color:#4a9eff80;color:#4a9eff}.sequencer__collapse-icon[data-v-5dc0bd25]{font-size:.75rem;line-height:1;transition:transform .2s ease}.sequencer__collapse-btn--collapsed .sequencer__collapse-icon[data-v-5dc0bd25]{transform:rotate(180deg)}.sequencer__content[data-v-5dc0bd25]{transition:opacity .3s ease}.sequencer__track[data-v-5dc0bd25]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.sequencer__track[data-v-5dc0bd25]:last-child{margin-bottom:0}.sequencer__track-label-container[data-v-5dc0bd25]{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:60px;min-width:60px;max-width:60px}.sequencer__track-label[data-v-5dc0bd25]{font-weight:600;font-size:.75rem;color:#4a9eff;cursor:pointer;padding:.4rem .5rem;border-radius:4px;transition:all .2s ease;text-align:center;box-sizing:border-box;width:100%}.sequencer__track-label[data-v-5dc0bd25]:hover{background:#4a9eff1a}.sequencer__track-clear[data-v-5dc0bd25]{font-size:.65rem;color:#ff4a4a;cursor:pointer;padding:.2rem .3rem;border-radius:4px;transition:all .2s ease;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.sequencer__track-clear[data-v-5dc0bd25]:hover{background:#ff4a4a33;color:#ff6b6b}.sequencer__step-labels[data-v-5dc0bd25]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sequencer__step-label-spacer[data-v-5dc0bd25]{width:60px;min-width:60px;max-width:60px;box-sizing:border-box}.sequencer__step-label-container[data-v-5dc0bd25]{display:flex;gap:.5rem;flex:1}.sequencer__step-label[data-v-5dc0bd25]{flex:1;width:8px;min-width:8px;height:20px;min-height:20px;font-size:.6rem;color:#fff6;text-align:center;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.sequencer__step-label--current[data-v-5dc0bd25]{color:#4a9eff;font-weight:700;font-size:.6rem;text-shadow:0 0 12px rgba(74,158,255,1),0 0 20px rgba(74,158,255,.6);background:#4a9eff33;border-radius:3px;box-shadow:0 0 10px #4a9eff80}.sequencer__steps[data-v-5dc0bd25]{display:flex;gap:.5rem;flex:1}.sequencer__step[data-v-5dc0bd25]{flex:1;width:8px;min-width:8px;height:50px;min-height:50px;border:2px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;cursor:pointer;transition:all .2s ease;position:relative;padding:0;overflow:hidden}.sequencer__step-velocity[data-v-5dc0bd25]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#4a9eff,#6bb0ff);transition:height .1s ease;border-radius:0 0 2px 2px}.sequencer__step--block-1[data-v-5dc0bd25]{background:#060e24}.sequencer__step--block-2[data-v-5dc0bd25]{background:#ffffff0d}.sequencer__step--block-3[data-v-5dc0bd25]{background:#060e24}.sequencer__step--block-4[data-v-5dc0bd25]{background:#ffffff0d}.sequencer__step[data-v-5dc0bd25]:hover{border-color:#4a9eff80;background:#4a9eff1a}.sequencer__step--active[data-v-5dc0bd25]{border-color:#4a9eff;box-shadow:0 4px 15px #4a9eff66}.sequencer__step--active .sequencer__step-velocity[data-v-5dc0bd25]{box-shadow:0 0 8px #4a9eff99}.sequencer__header[data-v-5dc0bd25]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1.5rem;flex-wrap:wrap}.sequencer__header-left[data-v-5dc0bd25]{display:flex;align-items:end;gap:1.5rem;flex-wrap:wrap;flex:1}.sequencer__samplepack[data-v-5dc0bd25]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sequencer__samplepack-label[data-v-5dc0bd25]{font-weight:600;font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.sequencer__samplepack-buttons[data-v-5dc0bd25]{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.sequencer__samplepack-btn[data-v-5dc0bd25]{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fffc;font-size:.9rem;font-weight:600;text-align:center;outline:none;transition:all .2s ease;cursor:pointer;min-width:80px}.sequencer__samplepack-btn[data-v-5dc0bd25]:hover{border-color:#4a9eff80;background:#ffffff26;color:#fff}.sequencer__samplepack-btn--active[data-v-5dc0bd25]{border-color:#4a9eff;background:#4a9eff33;color:#fff;box-shadow:0 0 0 3px #4a9eff33}.sequencer__samplepack-btn--active[data-v-5dc0bd25]:hover{background:#4a9eff4d;box-shadow:0 0 0 3px #4a9eff4d}.sequencer__pattern[data-v-5dc0bd25]{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:100;min-width:200px}.sequencer__pattern-label[data-v-5dc0bd25]{font-weight:600;font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.sequencer__header-right[data-v-5dc0bd25]{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.sequencer__resolution[data-v-5dc0bd25]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sequencer__resolution-label[data-v-5dc0bd25]{font-weight:600;font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.sequencer__resolution-select[data-v-5dc0bd25]{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:600;text-align:center;outline:none;transition:all .2s ease;cursor:pointer;min-width:90px}.sequencer__resolution-select[data-v-5dc0bd25]:hover{border-color:#4a9eff80;background:#ffffff26}.sequencer__resolution-select[data-v-5dc0bd25]:focus{border-color:#4a9eff;background:#ffffff26;box-shadow:0 0 0 3px #4a9eff33}.sequencer__resolution-select option[data-v-5dc0bd25]{background:#1a1a2e;color:#fff;padding:.5rem}.sequencer__actions[data-v-5dc0bd25]{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.sequencer__action-btn[data-v-5dc0bd25]{padding:.5rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#fffc;font-size:.9rem;font-weight:600;text-align:center;outline:none;transition:all .2s ease;cursor:pointer;min-width:80px;white-space:nowrap}.sequencer__action-btn[data-v-5dc0bd25]:hover{border-color:#4a9eff80;background:#ffffff26;color:#fff}.sequencer__action-btn--export[data-v-5dc0bd25]{border-color:#4caf504d;background:#4caf501a;color:#ffffffe6}.sequencer__action-btn--export[data-v-5dc0bd25]:hover{border-color:#4caf5099;background:#4caf5033;color:#fff}.sequencer__action-btn--clear[data-v-5dc0bd25]{border-color:#ff98004d;background:#ff98001a;color:#ffffffe6}.sequencer__action-btn--clear[data-v-5dc0bd25]:hover{border-color:#ff980099;background:#ff980033;color:#fff}.sequencer__modal-btn[data-v-5dc0bd25]{padding:.6rem 1.2rem;border:2px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff1a;color:#ffffffe6;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.sequencer__modal-btn[data-v-5dc0bd25]:hover{background:#ffffff26;color:#fff}.sequencer__modal-btn--confirm[data-v-5dc0bd25]{background:#4caf5033;border-color:#4caf5080;color:#fff}.sequencer__modal-btn--confirm[data-v-5dc0bd25]:hover{background:#4caf504d;border-color:#4caf50b3}.sequencer__modal-btn--cancel[data-v-5dc0bd25]{background:#ffffff1a;border-color:#fff3}.sequencer__modal-btn--cancel[data-v-5dc0bd25]:hover{background:#ffffff26;border-color:#ffffff4d}@keyframes pulse-5dc0bd25{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.sequencer[data-v-5dc0bd25]{padding:1.25rem;margin-top:1.5rem}.sequencer__header[data-v-5dc0bd25],.sequencer__header-left[data-v-5dc0bd25]{flex-direction:column;align-items:stretch;gap:1rem}.sequencer__header-right[data-v-5dc0bd25]{justify-content:center}.sequencer__samplepack[data-v-5dc0bd25],.sequencer__pattern[data-v-5dc0bd25],.sequencer__resolution[data-v-5dc0bd25]{width:100%}.sequencer__samplepack-buttons[data-v-5dc0bd25]{justify-content:center}.sequencer__track[data-v-5dc0bd25]{gap:.75rem;margin-bottom:1rem}.sequencer__step-label-spacer[data-v-5dc0bd25],.sequencer__track-label-container[data-v-5dc0bd25]{width:50px;min-width:50px;max-width:50px}.sequencer__track-label[data-v-5dc0bd25]{font-size:.7rem;padding:.35rem .4rem}.sequencer__track-clear[data-v-5dc0bd25]{font-size:.6rem;padding:.15rem .25rem}.sequencer__steps[data-v-5dc0bd25]{gap:.25rem}.sequencer__step[data-v-5dc0bd25]{height:40px;min-height:40px}.sequencer__step-label[data-v-5dc0bd25]{font-size:.55rem}.sequencer__step-label-container[data-v-5dc0bd25]{gap:.25rem}.sequencer__scrollable-container[data-v-5dc0bd25]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(74,158,255,.3) rgba(255,255,255,.05);margin:0 -1.25rem;padding:0 1.25rem}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar{height:6px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:3px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-thumb:hover{background:#4a9eff80}.sequencer__step-labels[data-v-5dc0bd25]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);min-width:max-content}.sequencer__step-label-container[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0;gap:.25rem}.sequencer__step-label[data-v-5dc0bd25]{flex-shrink:0;min-width:8px}.sequencer__track[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0}.sequencer__steps[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0;gap:.25rem}.sequencer__step[data-v-5dc0bd25]{flex-shrink:0;min-width:8px}}@media (max-width: 480px){.sequencer[data-v-5dc0bd25]{padding:1rem;margin-top:1rem}.sequencer__header[data-v-5dc0bd25],.sequencer__header-left[data-v-5dc0bd25]{gap:.75rem}.sequencer__track[data-v-5dc0bd25]{gap:.5rem;margin-bottom:.75rem}.sequencer__step-label-spacer[data-v-5dc0bd25],.sequencer__track-label-container[data-v-5dc0bd25]{width:35px;min-width:35px;max-width:35px}.sequencer__track-label[data-v-5dc0bd25]{font-size:.65rem;padding:.3rem .35rem}.sequencer__step[data-v-5dc0bd25]{height:35px;min-height:35px;min-width:20px}.sequencer__step-label-container[data-v-5dc0bd25]{gap:.2rem}.sequencer__step-label[data-v-5dc0bd25]{font-size:.5rem;min-width:20px}.sequencer__steps[data-v-5dc0bd25]{gap:.2rem}.sequencer__samplepack-btn[data-v-5dc0bd25],.sequencer__action-btn[data-v-5dc0bd25]{padding:.4rem .75rem;font-size:.8rem;min-width:70px}.sequencer__resolution-select[data-v-5dc0bd25]{padding:.4rem .75rem;font-size:.8rem;min-width:80px}.sequencer__scrollable-container[data-v-5dc0bd25]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(74,158,255,.3) rgba(255,255,255,.05);margin:0 -1rem;padding:0 1rem}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar{height:6px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:3px}.sequencer__scrollable-container[data-v-5dc0bd25]::-webkit-scrollbar-thumb:hover{background:#4a9eff80}.sequencer__step-labels[data-v-5dc0bd25]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);min-width:max-content}.sequencer__step-label-container[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0;gap:.2rem}.sequencer__step-label[data-v-5dc0bd25]{flex-shrink:0;min-width:20px}.sequencer__track[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0}.sequencer__steps[data-v-5dc0bd25]{display:flex;min-width:max-content;flex-shrink:0;gap:.2rem}.sequencer__step[data-v-5dc0bd25]{flex-shrink:0;min-width:20px}}.pattern-chain[data-v-e77c4a75]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.pattern-chain__header[data-v-e77c4a75]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.pattern-chain__tabs[data-v-e77c4a75]{display:flex;gap:.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.pattern-chain__tab[data-v-e77c4a75]{padding:.75rem 1.5rem;border:none;background:transparent;color:#fff9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px;position:relative}.pattern-chain__tab[data-v-e77c4a75]:hover{color:#ffffffe6;background:#ffffff0d}.pattern-chain__tab--active[data-v-e77c4a75]{color:#4a9eff;border-bottom-color:#4a9eff}.pattern-chain__tab--active[data-v-e77c4a75]:hover{color:#4a9eff}.pattern-chain__header-actions[data-v-e77c4a75]{display:flex;align-items:center;gap:.5rem}.pattern-chain__collapse-btn[data-v-e77c4a75]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.pattern-chain__collapse-btn[data-v-e77c4a75]:hover{background:#ffffff1a;border-color:#4a9eff80;color:#4a9eff}.pattern-chain__collapse-icon[data-v-e77c4a75]{font-size:.75rem;line-height:1;transition:transform .2s ease}.pattern-chain__collapse-btn--collapsed .pattern-chain__collapse-icon[data-v-e77c4a75]{transform:rotate(180deg)}.pattern-chain__content[data-v-e77c4a75]{transition:opacity .3s ease}.pattern-chain__tab-content[data-v-e77c4a75]{animation:fadeIn-e77c4a75 .2s ease}@keyframes fadeIn-e77c4a75{0%{opacity:0}to{opacity:1}}.pattern-chain__title[data-v-e77c4a75]{font-size:1.2rem;font-weight:600;color:#4a9eff;margin:0}.pattern-chain__save-btn[data-v-e77c4a75]{padding:.5rem 1rem;border:2px solid #4a9eff;border-radius:6px;background:#4a9eff1a;color:#4a9eff}.pattern-chain__save-btn[data-v-e77c4a75]:hover{background:#4a9eff33;transform:translateY(-1px)}.pattern-chain__slots[data-v-e77c4a75]{margin-bottom:2rem}.pattern-chain__slots-header[data-v-e77c4a75]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.pattern-chain__slots-grid[data-v-e77c4a75]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.pattern-chain__title--bass[data-v-e77c4a75]{color:#ff6b6b;margin:0}.pattern-chain__slot--bass[data-v-e77c4a75]{border-color:#ff6b6b4d}.pattern-chain__slot--bass[data-v-e77c4a75]:hover{border-color:#ff6b6b80;background:#ff6b6b1a}.pattern-chain__slot--bass.pattern-chain__slot--active[data-v-e77c4a75]{border-color:#ff6b6b;background:#ff6b6b26;box-shadow:0 0 15px #ff6b6b4d}.pattern-chain__slot[data-v-e77c4a75]{position:relative;padding:.75rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;cursor:pointer;transition:all .2s ease}.pattern-chain__slot[data-v-e77c4a75]:hover{border-color:#4a9eff80;background:#4a9eff1a}.pattern-chain__slot--active[data-v-e77c4a75]{border-color:#4a9eff;background:#4a9eff26;box-shadow:0 0 15px #4a9eff4d}.pattern-chain__slot--empty[data-v-e77c4a75]{opacity:.5}.pattern-chain__slot-number[data-v-e77c4a75]{font-size:.75rem;font-weight:600;color:#fff9;margin-bottom:.25rem}.pattern-chain__slot-name[data-v-e77c4a75]{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;padding:.25rem;border-radius:4px;transition:all .2s ease}.pattern-chain__slot-name[data-v-e77c4a75]:hover{background:#ffffff1a}.pattern-chain__slot-name-input[data-v-e77c4a75]{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.5rem;width:100%;padding:.25rem;border:2px solid #4a9eff;border-radius:4px;background:#4a9eff33;outline:none;text-align:center}.pattern-chain__slot-preview[data-v-e77c4a75]{display:flex;gap:2px;margin-top:.5rem}.pattern-chain__slot-step[data-v-e77c4a75]{flex:1;height:8px;border-radius:2px;background:#ffffff1a}.pattern-chain__slot-step--active[data-v-e77c4a75]{background:#4a9eff}.pattern-chain__slot-actions[data-v-e77c4a75]{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem}.pattern-chain__slot-solo[data-v-e77c4a75]{width:24px;height:24px;border:2px solid rgba(255,215,0,.6);border-radius:4px;background:#ffd7001a;color:#ffd700cc;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.pattern-chain__slot-solo[data-v-e77c4a75]:hover{background:#ffd70033;border-color:#ffd700e6;color:gold}.pattern-chain__slot-solo--active[data-v-e77c4a75]{background:#ffd70066;border-color:gold;color:gold;box-shadow:0 0 10px #ffd70080}.pattern-chain__slot-delete[data-v-e77c4a75]{width:24px;height:24px;border:none;border-radius:50%;background:#ff4a4acc;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.pattern-chain__slot-delete[data-v-e77c4a75]:hover{background:#ff4a4a;transform:scale(1.1)}.pattern-chain__slot-duplicate[data-v-e77c4a75]{width:24px;height:24px;border:2px solid rgba(74,158,255,.6);border-radius:4px;background:#4a9eff1a;color:#4a9effcc;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.pattern-chain__slot-duplicate[data-v-e77c4a75]:hover{background:#4a9eff33;border-color:#4a9effe6;color:#4a9eff}.pattern-chain__chain[data-v-e77c4a75],.pattern-chain__chain--bass[data-v-e77c4a75]{margin-top:2rem}.pattern-chain__chain-slots[data-v-e77c4a75]{display:flex;gap:.5rem;flex-wrap:wrap}.pattern-chain__chain-slot[data-v-e77c4a75]{width:60px;height:60px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.pattern-chain__chain-slot[data-v-e77c4a75]:hover{border-color:#4a9eff80;background:#4a9eff1a}.pattern-chain__chain-slot--filled[data-v-e77c4a75]{background:#4a9eff33;border-color:#4a9eff}.pattern-chain__chain-slot--active[data-v-e77c4a75]{box-shadow:0 0 20px #4a9effcc;border-color:#fff;animation:pulse-e77c4a75 .5s ease}.pattern-chain__chain-slot-number[data-v-e77c4a75]{font-size:.7rem;color:#fff9;margin-bottom:.25rem}.pattern-chain__chain-slot-content[data-v-e77c4a75]{font-size:1.2rem;font-weight:600;color:#4a9eff}.pattern-chain__chain-slot-empty[data-v-e77c4a75]{color:#ffffff4d;font-size:1.5rem}@keyframes pulse-e77c4a75{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.pattern-chain[data-v-e77c4a75]{padding:1.5rem;margin-top:1.5rem}.pattern-chain__tabs[data-v-e77c4a75]{gap:.25rem}.pattern-chain__tab[data-v-e77c4a75]{padding:.5rem 1rem;font-size:.9rem}.pattern-chain__title[data-v-e77c4a75]{font-size:1.5rem;margin-bottom:1.25rem}.pattern-chain__section[data-v-e77c4a75]{margin-bottom:1.5rem}.pattern-chain__section-title[data-v-e77c4a75]{font-size:1.1rem;margin-bottom:1rem}.pattern-chain__slots[data-v-e77c4a75]{margin-bottom:1.5rem}.pattern-chain__slots-grid[data-v-e77c4a75]{gap:.75rem}.pattern-chain__slot[data-v-e77c4a75]{padding:.875rem;min-width:100px}.pattern-chain__slot-name[data-v-e77c4a75]{font-size:.85rem;padding:.4rem .5rem}.pattern-chain__slot-actions[data-v-e77c4a75]{gap:.4rem}.pattern-chain__slot-btn[data-v-e77c4a75]{padding:.35rem .5rem;font-size:.7rem}.pattern-chain__chain[data-v-e77c4a75]{gap:.5rem}.pattern-chain__chain-slot[data-v-e77c4a75]{width:60px;height:60px;padding:.5rem}.pattern-chain__chain-slot-number[data-v-e77c4a75]{font-size:.65rem}.pattern-chain__chain-slot-content[data-v-e77c4a75]{font-size:1rem}.pattern-chain__chain-slot-empty[data-v-e77c4a75]{font-size:1.2rem}}@media (max-width: 480px){.pattern-chain[data-v-e77c4a75]{padding:1rem;margin-top:1rem}.pattern-chain__header[data-v-e77c4a75]{flex-direction:column;align-items:stretch;gap:1rem}.pattern-chain__tabs[data-v-e77c4a75]{gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.pattern-chain__tab[data-v-e77c4a75]{padding:.5rem .75rem;font-size:.85rem;white-space:nowrap;flex-shrink:0}.pattern-chain__title[data-v-e77c4a75]{font-size:1.25rem;margin-bottom:1rem}.pattern-chain__section[data-v-e77c4a75]{margin-bottom:1.25rem}.pattern-chain__section-title[data-v-e77c4a75]{font-size:1rem;margin-bottom:.875rem}.pattern-chain__slots[data-v-e77c4a75]{margin-bottom:1rem}.pattern-chain__slots-grid[data-v-e77c4a75]{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.pattern-chain__slot[data-v-e77c4a75]{padding:.75rem;min-width:90px}.pattern-chain__slot-name[data-v-e77c4a75]{font-size:.8rem;padding:.35rem .45rem}.pattern-chain__slot-actions[data-v-e77c4a75]{gap:.35rem;flex-wrap:wrap}.pattern-chain__slot-btn[data-v-e77c4a75]{padding:.3rem .45rem;font-size:.65rem}.pattern-chain__chain[data-v-e77c4a75]{gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.pattern-chain__chain-slot[data-v-e77c4a75]{width:50px;height:50px;padding:.4rem;flex-shrink:0}.pattern-chain__chain-slot-number[data-v-e77c4a75]{font-size:.6rem}.pattern-chain__chain-slot-content[data-v-e77c4a75]{font-size:.9rem}.pattern-chain__chain-slot-empty[data-v-e77c4a75]{font-size:1rem}}.mixer[data-v-5317a1b8]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.mixer__header[data-v-5317a1b8]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.mixer__title[data-v-5317a1b8]{font-size:1.5rem;font-weight:700;color:#4a9eff;margin:0;text-align:left;flex:1}.mixer__collapse-btn[data-v-5317a1b8]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.mixer__collapse-btn[data-v-5317a1b8]:hover{background:#ffffff1a;border-color:#4a9eff80;color:#4a9eff}.mixer__collapse-icon[data-v-5317a1b8]{font-size:.75rem;line-height:1;transition:transform .2s ease}.mixer__collapse-btn--collapsed .mixer__collapse-icon[data-v-5317a1b8]{transform:rotate(180deg)}.mixer__content[data-v-5317a1b8]{transition:opacity .3s ease}.mixer__tracks[data-v-5317a1b8]{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:1.5rem;flex-wrap:nowrap}.mixer__track[data-v-5317a1b8]{background:#ffffff08;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);flex:0 0 auto;min-width:120px}.mixer__track-name[data-v-5317a1b8]{font-size:1rem;font-weight:600;color:#4a9eff;margin-bottom:1rem;text-align:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.mixer__controls[data-v-5317a1b8]{display:flex;flex-direction:column;gap:1rem}.mixer__control[data-v-5317a1b8]{display:flex;flex-direction:column;gap:.5rem}.mixer__control--volume[data-v-5317a1b8],.mixer__control--pan[data-v-5317a1b8],.mixer__control--distortion[data-v-5317a1b8],.mixer__control--reverb[data-v-5317a1b8],.mixer__control--delay[data-v-5317a1b8]{align-items:center}.mixer__slider-wrapper[data-v-5317a1b8]{width:6px;height:150px;display:flex;align-items:center;justify-content:center;position:relative}.mixer__control-label[data-v-5317a1b8]{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.mixer__control-slider[data-v-5317a1b8]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mixer__control-slider--volume[data-v-5317a1b8]{width:150px;height:6px;transform:rotate(-90deg);transform-origin:center;position:absolute}.mixer__control-slider--pan[data-v-5317a1b8],.mixer__control-slider--effect[data-v-5317a1b8]{width:100%;max-width:50px}.mixer__control-slider[data-v-5317a1b8]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#6bb0ff);cursor:pointer;box-shadow:0 2px 6px #4a9eff66;transition:all .2s ease}.mixer__control-slider[data-v-5317a1b8]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #4a9eff99}.mixer__control-slider[data-v-5317a1b8]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#6bb0ff);cursor:pointer;border:none;box-shadow:0 2px 6px #4a9eff66;transition:all .2s ease}.mixer__control-slider[data-v-5317a1b8]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #4a9eff99}.mixer__control-value[data-v-5317a1b8]{font-size:.8rem;font-weight:600;color:#ffffffe6;text-align:center;padding:.25rem .5rem;background:#4a9eff1a;border-radius:4px}.mixer__control-header[data-v-5317a1b8]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem}.mixer__effect-toggle[data-v-5317a1b8]{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .2s ease;min-width:40px}.mixer__effect-toggle[data-v-5317a1b8]:hover{background:#ffffff1a;border-color:#4a9eff80}.mixer__effect-toggle--active[data-v-5317a1b8]{background:linear-gradient(135deg,#4a9eff,#6bb0ff);border-color:#4a9eff;color:#fff;box-shadow:0 2px 8px #4a9eff66}.mixer__control-slider[data-v-5317a1b8]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.mixer[data-v-5317a1b8]{padding:1.5rem;margin-top:1.5rem}.mixer__title[data-v-5317a1b8]{font-size:1.25rem;margin-bottom:1.25rem}.mixer__tracks[data-v-5317a1b8]{gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.5rem}.mixer__tracks[data-v-5317a1b8]::-webkit-scrollbar{height:6px}.mixer__tracks[data-v-5317a1b8]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.mixer__tracks[data-v-5317a1b8]::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:3px}.mixer__track[data-v-5317a1b8]{min-width:110px;padding:.875rem}.mixer__track-name[data-v-5317a1b8]{font-size:.9rem;margin-bottom:.875rem;padding-bottom:.625rem}.mixer__controls[data-v-5317a1b8]{gap:.875rem}.mixer__slider-wrapper[data-v-5317a1b8]{height:120px}.mixer__control-slider--volume[data-v-5317a1b8]{width:120px}.mixer__control-label[data-v-5317a1b8]{font-size:.7rem}.mixer__control-value[data-v-5317a1b8]{font-size:.75rem;padding:.2rem .4rem}.mixer__effect-toggle[data-v-5317a1b8]{padding:.2rem .4rem;font-size:.65rem;min-width:35px}}@media (max-width: 480px){.mixer[data-v-5317a1b8]{padding:1rem;margin-top:1rem}.mixer__title[data-v-5317a1b8]{font-size:1.1rem;margin-bottom:1rem}.mixer__tracks[data-v-5317a1b8]{gap:.75rem}.mixer__track[data-v-5317a1b8]{min-width:100px;padding:.75rem}.mixer__track-name[data-v-5317a1b8]{font-size:.85rem;margin-bottom:.75rem;padding-bottom:.5rem}.mixer__controls[data-v-5317a1b8]{gap:.75rem}.mixer__slider-wrapper[data-v-5317a1b8]{height:100px}.mixer__control-slider--volume[data-v-5317a1b8]{width:100px}.mixer__control-label[data-v-5317a1b8]{font-size:.65rem}.mixer__control-value[data-v-5317a1b8]{font-size:.7rem;padding:.15rem .35rem}.mixer__effect-toggle[data-v-5317a1b8]{padding:.15rem .35rem;font-size:.6rem;min-width:32px}}.piano-roll[data-v-6836302d]{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.piano-roll__container[data-v-6836302d]{display:flex;height:500px;overflow:hidden}.piano-roll__grid-wrapper[data-v-6836302d]{flex:1;display:flex;overflow:hidden;min-height:0}.piano-roll__keys[data-v-6836302d]{width:80px;flex-shrink:0;border-right:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.piano-roll__key[data-v-6836302d]{flex:1 1 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.piano-roll__key--white[data-v-6836302d]{background:#ffffff0d}.piano-roll__key--black[data-v-6836302d]{background:#0000004d}.piano-roll__key-label[data-v-6836302d]{font-size:.75rem;font-weight:600;color:#fffc;pointer-events:none}.piano-roll__grid-container[data-v-6836302d]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.piano-roll__time-ruler[data-v-6836302d]{height:30px;display:flex;border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid rgba(255,255,255,.2);background:#0003;flex-shrink:0;margin-left:80px}.piano-roll__time-marker[data-v-6836302d]{flex:1;border-right:1px solid rgba(255,255,255,.2);position:relative}.piano-roll__time-marker--block[data-v-6836302d]{border-left:3px solid rgba(255,107,107,.7);background:#ff6b6b26}.piano-roll__time-marker--division[data-v-6836302d]{border-left:2px solid rgba(255,107,107,.4);background:#ff6b6b0d}.piano-roll__time-marker--step[data-v-6836302d]{border-right:1px solid rgba(255,255,255,.15)}.piano-roll__time-label[data-v-6836302d]{position:absolute;left:4px;top:4px;font-size:.75rem;font-weight:700;color:#ff6b6be6}.piano-roll__time-label-small[data-v-6836302d]{position:absolute;left:2px;top:2px;font-size:.65rem;font-weight:600;color:#ff6b6b99}.piano-roll__grid[data-v-6836302d]{flex:1 1 0;position:relative;overflow:visible;min-height:0;display:flex;flex-direction:column;cursor:crosshair}.piano-roll__grid-lines[data-v-6836302d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1}.piano-roll__grid-column[data-v-6836302d]{flex:1;border-right:1px solid rgba(255,255,255,.2);position:relative}.piano-roll__grid-column--block[data-v-6836302d]{border-left:3px solid rgba(255,107,107,.7);background:#ff6b6b1f}.piano-roll__grid-column--division[data-v-6836302d]{border-left:2px solid rgba(255,107,107,.4);background:#ff6b6b0d}.piano-roll__grid-column--step[data-v-6836302d]{border-right:1px solid rgba(255,255,255,.2)}.piano-roll__grid-rows[data-v-6836302d]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none;z-index:2}.piano-roll__grid-row[data-v-6836302d]{flex:1 1 0;border-bottom:1px solid rgba(255,255,255,.15);min-height:0}.piano-roll__grid-row--black[data-v-6836302d]{background:#0000001a;border-bottom:1px solid rgba(255,255,255,.2)}.piano-roll__note[data-v-6836302d]{position:absolute;background:#ff6b6b99;border:2px solid #ff6b6b;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;z-index:3;cursor:move}.piano-roll__note[data-v-6836302d]:hover{border-color:#fff;box-shadow:0 4px 12px #ff6b6b80}.piano-roll__note--selected[data-v-6836302d]{border-color:#fff;border-width:3px;box-shadow:0 0 15px #fffc,0 4px 12px #ff6b6b99;background:#ff6b6bcc}.piano-roll__note-velocity[data-v-6836302d]{position:absolute;bottom:0;left:0;right:0;background:#ffffff4d;transition:height .1s ease;cursor:move}.piano-roll__note-handle[data-v-6836302d]{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;background:#ffffff4d;opacity:0;transition:opacity .2s ease}.piano-roll__note:hover .piano-roll__note-handle[data-v-6836302d]{opacity:1}.piano-roll__note-handle--left[data-v-6836302d]{left:0}.piano-roll__note-handle--right[data-v-6836302d]{right:0}.piano-roll__playhead[data-v-6836302d]{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 10px #fffc;z-index:10;pointer-events:none}.piano-roll__context-menu[data-v-6836302d]{position:absolute;background:#191c2ef2;border:1px solid rgba(255,107,107,.5);border-radius:8px;padding:.5rem;z-index:1000;min-width:200px;box-shadow:0 4px 20px #00000080}.piano-roll__context-item[data-v-6836302d]{padding:.5rem;color:#fff;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:.5rem}.piano-roll__context-item[data-v-6836302d]:hover{background:#ff6b6b33}.piano-roll__context-item label[data-v-6836302d]{font-size:.8rem;min-width:60px}.piano-roll__context-item input[type=range][data-v-6836302d]{flex:1}.piano-roll__context-item span[data-v-6836302d]{font-size:.8rem;min-width:40px;text-align:right}@media (max-width: 768px){.piano-roll[data-v-6836302d]{padding:.75rem}.piano-roll__container[data-v-6836302d]{height:400px}.piano-roll__keys[data-v-6836302d]{width:60px}.piano-roll__key-label[data-v-6836302d]{font-size:.65rem}.piano-roll__time-ruler[data-v-6836302d]{height:25px;margin-left:60px}.piano-roll__time-label[data-v-6836302d]{font-size:.65rem}.piano-roll__time-label-small[data-v-6836302d]{font-size:.55rem}.piano-roll__context-menu[data-v-6836302d]{min-width:180px;padding:.4rem}.piano-roll__context-item[data-v-6836302d]{padding:.4rem;gap:.4rem}.piano-roll__context-item label[data-v-6836302d]{font-size:.75rem;min-width:50px}.piano-roll__context-item span[data-v-6836302d]{font-size:.75rem;min-width:35px}}@media (max-width: 480px){.piano-roll[data-v-6836302d]{padding:.5rem}.piano-roll__container[data-v-6836302d]{height:300px}.piano-roll__keys[data-v-6836302d]{width:50px}.piano-roll__key-label[data-v-6836302d]{font-size:.6rem}.piano-roll__time-ruler[data-v-6836302d]{height:20px;margin-left:50px}.piano-roll__time-label[data-v-6836302d]{font-size:.6rem}.piano-roll__time-label-small[data-v-6836302d]{font-size:.5rem}.piano-roll__note[data-v-6836302d]{border-width:1.5px}.piano-roll__note-handle[data-v-6836302d]{width:6px}.piano-roll__context-menu[data-v-6836302d]{min-width:160px;padding:.35rem;font-size:.85rem}.piano-roll__context-item[data-v-6836302d]{padding:.35rem;gap:.35rem}.piano-roll__context-item label[data-v-6836302d]{font-size:.7rem;min-width:45px}.piano-roll__context-item span[data-v-6836302d]{font-size:.7rem;min-width:30px}}.bass-module[data-v-8e900f49]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,107,.3)}.bass-module__header[data-v-8e900f49]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.bass-module__title[data-v-8e900f49]{font-size:1.8rem;font-weight:700;color:#ff6b6b;margin:0;text-align:left;flex:1;background:linear-gradient(135deg,#ff6b6b,#ff8787);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bass-module__collapse-btn[data-v-8e900f49]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.bass-module__collapse-btn[data-v-8e900f49]:hover{background:#ffffff1a;border-color:#ff6b6b80;color:#ff6b6b}.bass-module__collapse-icon[data-v-8e900f49]{font-size:.75rem;line-height:1;transition:transform .2s ease}.bass-module__collapse-btn--collapsed .bass-module__collapse-icon[data-v-8e900f49]{transform:rotate(180deg)}.bass-module__content[data-v-8e900f49]{transition:opacity .3s ease}.bass-module__play-btn[data-v-8e900f49]{padding:.75rem 2rem;border:2px solid #ff6b6b;border-radius:8px;background:#ff6b6b1a;color:#ff6b6b;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.bass-module__play-btn[data-v-8e900f49]:hover{background:#ff6b6b33;transform:translateY(-2px)}.bass-module__play-btn--playing[data-v-8e900f49]{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.bass-module__piano-roll[data-v-8e900f49]{margin-bottom:2rem}.bass-module__mixer[data-v-8e900f49]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.bass-module__mixer-title[data-v-8e900f49]{font-size:1.2rem;font-weight:600;color:#ff6b6b;margin-bottom:1rem;text-align:center}.bass-module__mixer-controls[data-v-8e900f49]{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.bass-module__mixer-control[data-v-8e900f49]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.bass-module__mixer-label[data-v-8e900f49]{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.bass-module__mixer-slider[data-v-8e900f49]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bass-module__mixer-slider[data-v-8e900f49]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8787);cursor:pointer;box-shadow:0 2px 6px #ff6b6b66}.bass-module__mixer-value[data-v-8e900f49]{font-size:.8rem;font-weight:600;color:#ffffffe6;padding:.25rem .5rem;background:#ff6b6b1a;border-radius:4px}.bass-module__waveform-section[data-v-8e900f49]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.bass-module__waveform-buttons[data-v-8e900f49]{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.bass-module__waveform-btn[data-v-8e900f49]{width:60px;height:60px;padding:.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bass-module__waveform-btn[data-v-8e900f49]:hover{background:#ffffff26;border-color:#ff6b6b80;transform:translateY(-2px)}.bass-module__waveform-btn--active[data-v-8e900f49]{background:#ff6b6b33;border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b66}.bass-module__waveform-icon[data-v-8e900f49]{width:100%;height:100%;display:block}.bass-module__waveform-path[data-v-8e900f49]{fill:none;stroke:#83cee9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;transition:stroke .2s ease}.bass-module__waveform-btn:hover .bass-module__waveform-path[data-v-8e900f49]{stroke:#ff6b6bcc}.bass-module__waveform-btn--active .bass-module__waveform-path[data-v-8e900f49]{stroke:#ff6b6b}.bass-module__effects[data-v-8e900f49]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.bass-module__effect[data-v-8e900f49]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.bass-module__effect-header[data-v-8e900f49]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.bass-module__effect-label[data-v-8e900f49]{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.bass-module__effect-toggle[data-v-8e900f49]{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff9;cursor:pointer;min-width:40px}.bass-module__effect-toggle[data-v-8e900f49]:hover{background:#ffffff1a;border-color:#ff6b6b80}.bass-module__effect-toggle--active[data-v-8e900f49]{background:linear-gradient(135deg,#ff6b6b,#ff8787);border-color:#ff6b6b;color:#fff}.bass-module__effect-slider[data-v-8e900f49]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bass-module__effect-slider[data-v-8e900f49]:disabled{opacity:.5;cursor:not-allowed}.bass-module__effect-slider[data-v-8e900f49]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8787);cursor:pointer}.bass-module__effect-value[data-v-8e900f49]{font-size:.75rem;font-weight:600;color:#ffffffe6}.bass-module__adsr[data-v-8e900f49]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.bass-module__adsr-title[data-v-8e900f49]{font-size:1.2rem;font-weight:600;color:#ff6b6b;margin-bottom:1rem;text-align:center}.bass-module__adsr-visualization[data-v-8e900f49]{width:100%;height:150px;margin-bottom:2rem;background:#0003;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.bass-module__adsr-svg[data-v-8e900f49]{width:100%;height:100%;display:block}.bass-module__adsr-path[data-v-8e900f49]{filter:drop-shadow(0 0 3px rgba(255,107,107,.5))}.bass-module__adsr-controls[data-v-8e900f49]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.bass-module__adsr-control[data-v-8e900f49]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.bass-module__adsr-label[data-v-8e900f49]{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.bass-module__adsr-slider[data-v-8e900f49]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bass-module__adsr-slider[data-v-8e900f49]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ff8787);cursor:pointer;box-shadow:0 2px 6px #ff6b6b66}.bass-module__adsr-value[data-v-8e900f49]{font-size:.75rem;font-weight:600;color:#ffffffe6;padding:.25rem .5rem;background:#ff6b6b1a;border-radius:4px}@keyframes pulse-8e900f49{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.bass-module[data-v-8e900f49]{padding:1.5rem;margin-top:1.5rem}.bass-module__title[data-v-8e900f49]{font-size:1.5rem;margin:0 0 1.25rem}.bass-module__waveform-section[data-v-8e900f49]{margin-bottom:1.5rem;padding-bottom:1.25rem}.bass-module__waveform-btn[data-v-8e900f49]{width:50px;height:50px}.bass-module__mixer[data-v-8e900f49]{margin-top:1.5rem;padding-top:1.5rem}.bass-module__mixer-title[data-v-8e900f49]{font-size:1.1rem;margin-bottom:.875rem}.bass-module__mixer-controls[data-v-8e900f49]{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.bass-module__effects[data-v-8e900f49]{flex-direction:column;gap:1.25rem}.bass-module__adsr[data-v-8e900f49]{margin-top:1.5rem;padding-top:1.5rem}.bass-module__adsr-title[data-v-8e900f49]{font-size:1.1rem;margin-bottom:.875rem}.bass-module__adsr-visualization[data-v-8e900f49]{height:120px;margin-bottom:1.5rem}.bass-module__adsr-controls[data-v-8e900f49]{flex-direction:column;gap:1.25rem}}@media (max-width: 480px){.bass-module[data-v-8e900f49]{padding:1rem;margin-top:1rem}.bass-module__title[data-v-8e900f49]{font-size:1.25rem;margin:0 0 1rem}.bass-module__waveform-section[data-v-8e900f49]{margin-bottom:1.25rem;padding-bottom:1rem}.bass-module__waveform-buttons[data-v-8e900f49]{gap:.4rem}.bass-module__waveform-btn[data-v-8e900f49]{width:45px;height:45px}.bass-module__mixer[data-v-8e900f49]{margin-top:1.25rem;padding-top:1.25rem}.bass-module__mixer-title[data-v-8e900f49]{font-size:1rem;margin-bottom:.75rem}.bass-module__mixer-controls[data-v-8e900f49]{gap:1.25rem;margin-bottom:1.25rem}.bass-module__mixer-control[data-v-8e900f49]{min-width:100px}.bass-module__effects[data-v-8e900f49]{gap:1rem}.bass-module__effect[data-v-8e900f49]{min-width:90px}.bass-module__adsr[data-v-8e900f49]{margin-top:1.25rem;padding-top:1.25rem}.bass-module__adsr-title[data-v-8e900f49]{font-size:1rem;margin-bottom:.75rem}.bass-module__adsr-visualization[data-v-8e900f49]{height:100px;margin-bottom:1.25rem}.bass-module__adsr-controls[data-v-8e900f49]{gap:1rem}.bass-module__adsr-control[data-v-8e900f49]{min-width:90px}}.piano-roll[data-v-5de0b488]{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.piano-roll__container[data-v-5de0b488]{display:flex;height:500px;overflow:hidden}.piano-roll__grid-wrapper[data-v-5de0b488]{flex:1;display:flex;overflow:hidden;min-height:0}.piano-roll__keys[data-v-5de0b488]{width:80px;flex-shrink:0;border-right:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.piano-roll__key[data-v-5de0b488]{flex:1 1 0;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.piano-roll__key--white[data-v-5de0b488]{background:#ffffff0d}.piano-roll__key--black[data-v-5de0b488]{background:#0000004d}.piano-roll__key-label[data-v-5de0b488]{font-size:.75rem;font-weight:600;color:#fffc;pointer-events:none}.piano-roll__grid-container[data-v-5de0b488]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0}.piano-roll__time-ruler[data-v-5de0b488]{height:30px;display:flex;border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid rgba(255,255,255,.2);background:#0003;flex-shrink:0;margin-left:80px}.piano-roll__time-marker[data-v-5de0b488]{flex:1;border-right:1px solid rgba(255,255,255,.2);position:relative}.piano-roll__time-marker--block[data-v-5de0b488]{border-left:3px solid rgba(156,39,176,.7);background:#9c27b026}.piano-roll__time-marker--division[data-v-5de0b488]{border-left:2px solid rgba(156,39,176,.4);background:#9c27b00d}.piano-roll__time-marker--step[data-v-5de0b488]{border-right:1px solid rgba(255,255,255,.15)}.piano-roll__time-label[data-v-5de0b488]{position:absolute;left:4px;top:4px;font-size:.75rem;font-weight:700;color:#9c27b0e6}.piano-roll__time-label-small[data-v-5de0b488]{position:absolute;left:2px;top:2px;font-size:.65rem;font-weight:600;color:#9c27b099}.piano-roll__grid[data-v-5de0b488]{flex:1 1 0;position:relative;overflow:visible;min-height:0;display:flex;flex-direction:column;cursor:crosshair}.piano-roll__grid-lines[data-v-5de0b488]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:1}.piano-roll__grid-column[data-v-5de0b488]{flex:1;border-right:1px solid rgba(255,255,255,.2);position:relative}.piano-roll__grid-column--block[data-v-5de0b488]{border-left:3px solid rgba(156,39,176,.7);background:#9c27b01f}.piano-roll__grid-column--division[data-v-5de0b488]{border-left:2px solid rgba(156,39,176,.4);background:#9c27b00d}.piano-roll__grid-column--step[data-v-5de0b488]{border-right:1px solid rgba(255,255,255,.2)}.piano-roll__grid-rows[data-v-5de0b488]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none;z-index:2}.piano-roll__grid-row[data-v-5de0b488]{flex:1 1 0;border-bottom:1px solid rgba(255,255,255,.15);min-height:0}.piano-roll__grid-row--black[data-v-5de0b488]{background:#0000001a;border-bottom:1px solid rgba(255,255,255,.2)}.piano-roll__note[data-v-5de0b488]{position:absolute;background:#9c27b099;border:2px solid #9c27b0;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000004d;box-sizing:border-box;z-index:3;cursor:move}.piano-roll__note[data-v-5de0b488]:hover{border-color:#fff;box-shadow:0 4px 12px #9c27b080}.piano-roll__note--selected[data-v-5de0b488]{border-color:#fff;border-width:3px;box-shadow:0 0 15px #fffc,0 4px 12px #9c27b099;background:#9c27b0cc}.piano-roll__note-velocity[data-v-5de0b488]{position:absolute;bottom:0;left:0;right:0;background:#ffffff4d;transition:height .1s ease;cursor:move}.piano-roll__note-handle[data-v-5de0b488]{position:absolute;top:0;width:8px;height:100%;cursor:ew-resize;background:#ffffff4d;opacity:0;transition:opacity .2s ease}.piano-roll__note:hover .piano-roll__note-handle[data-v-5de0b488]{opacity:1}.piano-roll__note-handle--left[data-v-5de0b488]{left:0}.piano-roll__note-handle--right[data-v-5de0b488]{right:0}.piano-roll__playhead[data-v-5de0b488]{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 10px #fffc;z-index:10;pointer-events:none}.piano-roll__context-menu[data-v-5de0b488]{position:absolute;background:#191c2ef2;border:1px solid rgba(156,39,176,.5);border-radius:8px;padding:.5rem;z-index:1000;min-width:200px;box-shadow:0 4px 20px #00000080}.piano-roll__context-item[data-v-5de0b488]{padding:.5rem;color:#fff;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:.5rem}.piano-roll__context-item[data-v-5de0b488]:hover{background:#9c27b033}.piano-roll__context-item label[data-v-5de0b488]{font-size:.8rem;min-width:60px}.piano-roll__context-item input[type=range][data-v-5de0b488]{flex:1}.piano-roll__context-item span[data-v-5de0b488]{font-size:.8rem;min-width:40px;text-align:right}@media (max-width: 768px){.piano-roll[data-v-5de0b488]{padding:.75rem}.piano-roll__container[data-v-5de0b488]{height:400px}.piano-roll__keys[data-v-5de0b488]{width:60px}.piano-roll__key-label[data-v-5de0b488]{font-size:.65rem}.piano-roll__time-ruler[data-v-5de0b488]{height:25px;margin-left:60px}.piano-roll__time-label[data-v-5de0b488]{font-size:.65rem}.piano-roll__time-label-small[data-v-5de0b488]{font-size:.55rem}.piano-roll__context-menu[data-v-5de0b488]{min-width:180px;padding:.4rem}.piano-roll__context-item[data-v-5de0b488]{padding:.4rem;gap:.4rem}.piano-roll__context-item label[data-v-5de0b488]{font-size:.75rem;min-width:50px}.piano-roll__context-item span[data-v-5de0b488]{font-size:.75rem;min-width:35px}}@media (max-width: 480px){.piano-roll[data-v-5de0b488]{padding:.5rem}.piano-roll__container[data-v-5de0b488]{height:300px}.piano-roll__keys[data-v-5de0b488]{width:50px}.piano-roll__key-label[data-v-5de0b488]{font-size:.6rem}.piano-roll__time-ruler[data-v-5de0b488]{height:20px;margin-left:50px}.piano-roll__time-label[data-v-5de0b488]{font-size:.6rem}.piano-roll__time-label-small[data-v-5de0b488]{font-size:.5rem}.piano-roll__note[data-v-5de0b488]{border-width:1.5px}.piano-roll__note-handle[data-v-5de0b488]{width:6px}.piano-roll__context-menu[data-v-5de0b488]{min-width:160px;padding:.35rem;font-size:.85rem}.piano-roll__context-item[data-v-5de0b488]{padding:.35rem;gap:.35rem}.piano-roll__context-item label[data-v-5de0b488]{font-size:.7rem;min-width:45px}.piano-roll__context-item span[data-v-5de0b488]{font-size:.7rem;min-width:30px}}.lead-module[data-v-fec1e5bc]{background:#ffffff0d;border-radius:12px;padding:2rem;margin-top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(156,39,176,.3)}.lead-module__header[data-v-fec1e5bc]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.lead-module__title[data-v-fec1e5bc]{font-size:1.8rem;font-weight:700;color:#9c27b0;margin:0;text-align:left;flex:1;background:linear-gradient(135deg,#9c27b0,#ba68c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead-module__collapse-btn[data-v-fec1e5bc]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#ffffff0d;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.lead-module__collapse-btn[data-v-fec1e5bc]:hover{background:#ffffff1a;border-color:#9c27b080;color:#9c27b0}.lead-module__collapse-icon[data-v-fec1e5bc]{font-size:.75rem;line-height:1;transition:transform .2s ease}.lead-module__collapse-btn--collapsed .lead-module__collapse-icon[data-v-fec1e5bc]{transform:rotate(180deg)}.lead-module__content[data-v-fec1e5bc]{transition:opacity .3s ease}.lead-module__play-btn[data-v-fec1e5bc]{padding:.75rem 2rem;border:2px solid #9c27b0;border-radius:8px;background:#9c27b01a;color:#9c27b0;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.lead-module__play-btn[data-v-fec1e5bc]:hover{background:#9c27b033;transform:translateY(-2px)}.lead-module__play-btn--playing[data-v-fec1e5bc]{background:linear-gradient(135deg,#9c27b0,#ba68c8);color:#fff;box-shadow:0 4px 15px #9c27b066}.lead-module__piano-roll[data-v-fec1e5bc]{margin-bottom:2rem}.lead-module__mixer[data-v-fec1e5bc]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.lead-module__mixer-title[data-v-fec1e5bc]{font-size:1.2rem;font-weight:600;color:#9c27b0;margin-bottom:1rem;text-align:center}.lead-module__mixer-controls[data-v-fec1e5bc]{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.lead-module__mixer-control[data-v-fec1e5bc]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.lead-module__mixer-label[data-v-fec1e5bc]{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.lead-module__mixer-slider[data-v-fec1e5bc]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.lead-module__mixer-slider[data-v-fec1e5bc]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#9c27b0,#ba68c8);cursor:pointer;box-shadow:0 2px 6px #9c27b066}.lead-module__mixer-value[data-v-fec1e5bc]{font-size:.8rem;font-weight:600;color:#ffffffe6;padding:.25rem .5rem;background:#9c27b01a;border-radius:4px}.lead-module__waveform-section[data-v-fec1e5bc]{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.lead-module__waveform-buttons[data-v-fec1e5bc]{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.lead-module__waveform-btn[data-v-fec1e5bc]{width:60px;height:60px;padding:.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lead-module__waveform-btn[data-v-fec1e5bc]:hover{background:#ffffff26;border-color:#9c27b080;transform:translateY(-2px)}.lead-module__waveform-btn--active[data-v-fec1e5bc]{background:#9c27b033;border-color:#9c27b0;box-shadow:0 0 10px #9c27b066}.lead-module__waveform-icon[data-v-fec1e5bc]{width:100%;height:100%;display:block}.lead-module__waveform-path[data-v-fec1e5bc]{fill:none;stroke:#83cee9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;transition:stroke .2s ease}.lead-module__waveform-btn:hover .lead-module__waveform-path[data-v-fec1e5bc]{stroke:#9c27b0cc}.lead-module__waveform-btn--active .lead-module__waveform-path[data-v-fec1e5bc]{stroke:#9c27b0}.lead-module__effects[data-v-fec1e5bc]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.lead-module__effect[data-v-fec1e5bc]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.lead-module__effect-header[data-v-fec1e5bc]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.lead-module__effect-label[data-v-fec1e5bc]{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.lead-module__effect-toggle[data-v-fec1e5bc]{padding:.25rem .5rem;font-size:.7rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff9;cursor:pointer;min-width:40px}.lead-module__effect-toggle[data-v-fec1e5bc]:hover{background:#ffffff1a;border-color:#9c27b080}.lead-module__effect-toggle--active[data-v-fec1e5bc]{background:linear-gradient(135deg,#9c27b0,#ba68c8);border-color:#9c27b0;color:#fff}.lead-module__effect-slider[data-v-fec1e5bc]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.lead-module__effect-slider[data-v-fec1e5bc]:disabled{opacity:.5;cursor:not-allowed}.lead-module__effect-slider[data-v-fec1e5bc]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#9c27b0,#ba68c8);cursor:pointer}.lead-module__effect-value[data-v-fec1e5bc]{font-size:.75rem;font-weight:600;color:#ffffffe6}.lead-module__adsr[data-v-fec1e5bc]{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.lead-module__adsr-title[data-v-fec1e5bc]{font-size:1.2rem;font-weight:600;color:#9c27b0;margin-bottom:1rem;text-align:center}.lead-module__adsr-visualization[data-v-fec1e5bc]{width:100%;height:150px;margin-bottom:2rem;background:#0003;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.lead-module__adsr-svg[data-v-fec1e5bc]{width:100%;height:100%;display:block}.lead-module__adsr-path[data-v-fec1e5bc]{filter:drop-shadow(0 0 3px rgba(156,39,176,.5))}.lead-module__adsr-controls[data-v-fec1e5bc]{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.lead-module__adsr-control[data-v-fec1e5bc]{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.lead-module__adsr-label[data-v-fec1e5bc]{font-size:.75rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.lead-module__adsr-slider[data-v-fec1e5bc]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.lead-module__adsr-slider[data-v-fec1e5bc]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#9c27b0,#ba68c8);cursor:pointer;box-shadow:0 2px 6px #9c27b066}.lead-module__adsr-value[data-v-fec1e5bc]{font-size:.75rem;font-weight:600;color:#ffffffe6;padding:.25rem .5rem;background:#9c27b01a;border-radius:4px}@keyframes pulse-fec1e5bc{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.lead-module[data-v-fec1e5bc]{padding:1.5rem;margin-top:1.5rem}.lead-module__title[data-v-fec1e5bc]{font-size:1.5rem;margin:0 0 1.25rem}.lead-module__waveform-section[data-v-fec1e5bc]{margin-bottom:1.5rem;padding-bottom:1.25rem}.lead-module__waveform-btn[data-v-fec1e5bc]{width:50px;height:50px}.lead-module__mixer[data-v-fec1e5bc]{margin-top:1.5rem;padding-top:1.5rem}.lead-module__mixer-title[data-v-fec1e5bc]{font-size:1.1rem;margin-bottom:.875rem}.lead-module__mixer-controls[data-v-fec1e5bc]{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.lead-module__effects[data-v-fec1e5bc]{flex-direction:column;gap:1.25rem}.lead-module__adsr[data-v-fec1e5bc]{margin-top:1.5rem;padding-top:1.5rem}.lead-module__adsr-title[data-v-fec1e5bc]{font-size:1.1rem;margin-bottom:.875rem}.lead-module__adsr-visualization[data-v-fec1e5bc]{height:120px;margin-bottom:1.5rem}.lead-module__adsr-controls[data-v-fec1e5bc]{flex-direction:column;gap:1.25rem}}@media (max-width: 480px){.lead-module[data-v-fec1e5bc]{padding:1rem;margin-top:1rem}.lead-module__title[data-v-fec1e5bc]{font-size:1.25rem;margin:0 0 1rem}.lead-module__waveform-section[data-v-fec1e5bc]{margin-bottom:1.25rem;padding-bottom:1rem}.lead-module__waveform-buttons[data-v-fec1e5bc]{gap:.4rem}.lead-module__waveform-btn[data-v-fec1e5bc]{width:45px;height:45px}.lead-module__mixer[data-v-fec1e5bc]{margin-top:1.25rem;padding-top:1.25rem}.lead-module__mixer-title[data-v-fec1e5bc]{font-size:1rem;margin-bottom:.75rem}.lead-module__mixer-controls[data-v-fec1e5bc]{gap:1.25rem;margin-bottom:1.25rem}.lead-module__mixer-control[data-v-fec1e5bc]{min-width:100px}.lead-module__effects[data-v-fec1e5bc]{gap:1rem}.lead-module__effect[data-v-fec1e5bc]{min-width:90px}.lead-module__adsr[data-v-fec1e5bc]{margin-top:1.25rem;padding-top:1.25rem}.lead-module__adsr-title[data-v-fec1e5bc]{font-size:1rem;margin-bottom:.75rem}.lead-module__adsr-visualization[data-v-fec1e5bc]{height:100px;margin-bottom:1.25rem}.lead-module__adsr-controls[data-v-fec1e5bc]{gap:1rem}.lead-module__adsr-control[data-v-fec1e5bc]{min-width:90px}}.pattern-export-modal__json[data-v-c3d66b97]{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;margin:0;color:#ffffffe6;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.pattern-export-modal__btn[data-v-c3d66b97]{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#4a9eff,#6bb0ff);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a9eff4d}.pattern-export-modal__btn[data-v-c3d66b97]:hover{box-shadow:0 6px 20px #4a9eff66;transform:translateY(-2px)}.pattern-export-modal__btn--secondary[data-v-c3d66b97]{background:#ffffff1a;box-shadow:none}.pattern-export-modal__btn--secondary[data-v-c3d66b97]:hover{background:#ffffff26;transform:translateY(-2px)}.pattern-export-modal__body[data-v-c3d66b97]::-webkit-scrollbar{width:8px}.pattern-export-modal__body[data-v-c3d66b97]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.pattern-export-modal__body[data-v-c3d66b97]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.pattern-export-modal__body[data-v-c3d66b97]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.drummachine[data-v-729b4618]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;color:#fff}.drummachine__container[data-v-729b4618]{max-width:1200px;margin:0 auto}.drummachine__title[data-v-729b4618]{font-size:2.5rem;font-weight:700;margin:0 0 2rem;text-align:center;background:linear-gradient(135deg,#4a9eff,#6bb0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.drummachine[data-v-729b4618]{padding:1rem}.drummachine__title[data-v-729b4618]{font-size:1.75rem;margin:0 0 1.5rem}}@media (max-width: 480px){.drummachine[data-v-729b4618]{padding:.75rem}.drummachine__title[data-v-729b4618]{font-size:1.5rem;margin:0 0 1rem}}