@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@500;700;800;900&display=swap";.premium-navbar[data-v-4d95c8b8]{position:fixed;top:0;left:0;right:0;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 15px #0000000d;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.nav-brand[data-v-4d95c8b8]{display:flex;align-items:center;gap:10px;cursor:pointer}.nav-logo[data-v-4d95c8b8]{width:28px;height:28px}.nav-title[data-v-4d95c8b8]{font-weight:800;font-size:20px;color:#2c3e50;letter-spacing:-.5px;font-family:Outfit,sans-serif}.nav-menu[data-v-4d95c8b8]{display:flex;gap:5px}.nav-menu button[data-v-4d95c8b8]{background:transparent;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:#7f8c8d;cursor:pointer;transition:all .2s ease;font-family:inherit}.nav-menu button[data-v-4d95c8b8]:hover{background:#4e54c80d;color:#4e54c8}.nav-menu button.active[data-v-4d95c8b8]{background:#4e54c8;color:#fff!important;box-shadow:0 4px 10px #4e54c84d}.hero-section[data-v-0649d935]{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#fff,#f7f9fc)}#music-particles[data-v-0649d935]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.hero-content[data-v-0649d935]{position:relative;z-index:10;text-align:center;pointer-events:none}.hero-title[data-v-0649d935]{font-size:4.5rem;font-weight:900;line-height:1.1;color:#2c3e50;margin-bottom:20px;letter-spacing:-1.5px;font-family:Outfit,sans-serif}.text-gradient[data-v-0649d935]{background:linear-gradient(135deg,#4e54c8,#8f94fb,#ff6a88);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle[data-v-0649d935]{font-size:1.2rem;color:#7f8c8d;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons[data-v-0649d935]{display:flex;gap:15px;justify-content:center;pointer-events:auto}.hero-btn[data-v-0649d935]{padding:14px 32px;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;border:none;transition:transform .25s ease,box-shadow .25s ease;font-family:Outfit,sans-serif}.primary-btn-glow[data-v-0649d935]{background:linear-gradient(135deg,#4e54c8,#8f94fb 60%,#ff6a88);background-size:200% auto;color:#fff;box-shadow:0 8px 24px #4e54c859,0 2px 8px #0000001a;transition:transform .25s ease,box-shadow .25s ease,background-position .4s ease}.primary-btn-glow[data-v-0649d935]:hover{transform:translateY(-3px);background-position:right center;box-shadow:0 14px 36px #4e54c873,0 0 0 4px #8f94fb2e,0 4px 12px #ff6a8833}.primary-btn-glow[data-v-0649d935]:active{transform:translateY(-1px);box-shadow:0 6px 16px #4e54c859}.secondary-btn[data-v-0649d935]{background:#fff;color:#2c3e50;box-shadow:0 4px 10px #0000000d;border:1.5px solid rgba(78,84,200,.18);position:relative;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease;z-index:0}.secondary-btn[data-v-0649d935]:before{content:"";position:absolute;inset:-1.5px;border-radius:30px;background:linear-gradient(135deg,#4e54c8,#8f94fb,#ff6a88);opacity:0;z-index:-1;transition:opacity .3s ease}.secondary-btn[data-v-0649d935]:after{content:"";position:absolute;inset:0;border-radius:28px;background:#fff;z-index:-1;transition:background .25s ease}.secondary-btn[data-v-0649d935]:hover{transform:translateY(-3px);color:#4e54c8;border-color:transparent;box-shadow:0 10px 28px #4e54c826,0 0 0 1.5px #8f94fb4d}.secondary-btn[data-v-0649d935]:hover:before{opacity:1}.secondary-btn[data-v-0649d935]:hover:after{background:#f8f8fff2}.secondary-btn[data-v-0649d935]:active{transform:translateY(-1px)}.glass-panel[data-v-2b83ab98]{font-family:Outfit,sans-serif;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 40px #4e54c812,0 2px 8px #0000000a;border-radius:24px;padding:0;margin-bottom:25px;overflow:hidden}.glass-container[data-v-2b83ab98]{background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:16px}.glass-card[data-v-2b83ab98]{background:#ffffffe6;border-radius:16px;padding:18px 22px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(255,255,255,.8)}.toolbar-divider[data-v-2b83ab98]{width:1px;height:20px;background:#4e54c81f;border-radius:1px;flex-shrink:0}.btn-icon[data-v-2b83ab98]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;opacity:1;transition:transform .15s ease,box-shadow .15s ease}.btn-icon[data-v-2b83ab98]:hover{transform:translateY(-1px)}.btn-icon.btn-info[data-v-2b83ab98]{background:linear-gradient(135deg,#4e54c8,#8f94fb)!important;color:#fff!important;border:none;box-shadow:0 4px 14px #4e54c866!important}.btn-icon.btn-info[data-v-2b83ab98]:hover{box-shadow:0 8px 22px #4e54c880!important}.btn-icon.btn-danger[data-v-2b83ab98]{background:linear-gradient(135deg,#ff6a88,#ff4757)!important;color:#fff!important;border:none;box-shadow:0 4px 14px #ff475766!important}.btn-icon.btn-danger[data-v-2b83ab98]:hover{box-shadow:0 8px 22px #ff475780!important}.btn-icon svg[data-v-2b83ab98]{width:18px!important;height:18px!important;display:block;flex-shrink:0}.modern-select[data-v-2b83ab98]{padding:10px 34px 10px 16px;border-radius:10px;border:1.5px solid rgba(78,84,200,.15);background:#ffffffe6;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#4e54c8;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234e54c8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 2px 8px #4e54c80f}.modern-select[data-v-2b83ab98]:hover,.modern-select[data-v-2b83ab98]:focus{border-color:#4e54c866;box-shadow:0 4px 16px #4e54c81f}.modern-select.minimal[data-v-2b83ab98]{border-color:#4e54c826;background-color:#ffffffe6}.action-toolbar[data-v-2b83ab98]{display:flex;flex-direction:column;gap:0;padding:0;margin-bottom:0;border-radius:0;background:#fff;border:none;border-bottom:2px solid rgba(78,84,200,.08);overflow:hidden}.toolbar-row[data-v-2b83ab98]{display:flex;align-items:center;padding:11px 28px}.toolbar-main-row[data-v-2b83ab98]{background:#fff}.toolbar-note-row[data-v-2b83ab98]{gap:16px;padding:8px 28px;background:#f0f1fa;border-top:1px solid rgba(78,84,200,.1)}.toolbar-divider-h[data-v-2b83ab98]{width:1px;height:18px;background:#4e54c826;flex-shrink:0;margin:0 4px}.toolbar-left[data-v-2b83ab98]{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid rgba(78,84,200,.1)}.toolbar-right[data-v-2b83ab98]{display:flex;align-items:center;gap:8px;padding-left:16px;margin-left:auto}.modern-btn[data-v-2b83ab98]{font-family:Outfit,sans-serif;padding:9px 18px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s;letter-spacing:.1px}.modern-btn[data-v-2b83ab98]:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.modern-btn[data-v-2b83ab98]:not(:disabled):active{transform:scale(.97)}.btn-primary[data-v-2b83ab98]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff!important;box-shadow:0 4px 16px #4e54c847}.btn-primary[data-v-2b83ab98]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #4e54c85c}.btn-info[data-v-2b83ab98]{background:#2c3e50;color:#fff;box-shadow:0 4px 12px #2c3e502e}.btn-info[data-v-2b83ab98]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #2c3e5042}.btn-danger[data-v-2b83ab98]{background:linear-gradient(135deg,#ff6a88,#ff4757);color:#fff;box-shadow:0 4px 12px #ff475738}.btn-danger[data-v-2b83ab98]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #ff47574d}.btn-outline-danger[data-v-2b83ab98]{background:transparent;border:1.5px solid rgba(255,107,136,.3);color:#ff4757;box-shadow:none}.btn-outline-danger[data-v-2b83ab98]:hover{background:#ff6b880f;border-color:#ff6b888c}.btn-outline[data-v-2b83ab98]{background:transparent;border:1.5px solid rgba(78,84,200,.2);color:#4e54c8}.btn-outline[data-v-2b83ab98]:not(:disabled):hover{background:#4e54c80d;border-color:#4e54c873}.btn-success[data-v-2b83ab98]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff!important;box-shadow:0 4px 14px #4e54c847;text-decoration:none}.btn-success[data-v-2b83ab98]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 22px #4e54c861}.generate-btn[data-v-2b83ab98]{padding:9px 22px}.download-btn[data-v-2b83ab98]{text-decoration:none;display:inline-flex;align-items:center}.modern-editor-area[data-v-2b83ab98]{margin-top:0;padding:24px 28px 28px;background:linear-gradient(160deg,#ffffffeb,#f7f9fcd9);border:1px solid rgba(255,255,255,.85);border-radius:18px;box-shadow:0 6px 24px #4e54c80d,0 1px 4px #00000008}.tool-group[data-v-2b83ab98]{display:flex;align-items:center;gap:6px}.tool-label[data-v-2b83ab98]{font-family:Outfit,sans-serif;font-weight:700;font-size:11px;color:#aab4c4;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.tool-group button[data-v-2b83ab98]{font-family:Outfit,sans-serif;padding:6px 14px;background:#ffffffe6;border:1.5px solid rgba(78,84,200,.12);border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;color:#7f8c8d;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.tool-group button[data-v-2b83ab98]:hover{border-color:#4e54c84d;color:#4e54c8}.tool-group button.active[data-v-2b83ab98]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff!important;border-color:transparent;box-shadow:0 3px 10px #4e54c840}.staff-layout[data-v-2b83ab98]{display:flex;background:#fff;border-radius:14px;box-shadow:0 2px 16px #4e54c80f;min-height:200px;border:1px solid rgba(78,84,200,.06)}.centered-staff[data-v-2b83ab98]{display:flex;justify-content:center;align-items:flex-start;overflow-x:auto;padding:15px 40px}.fixed-clef[data-v-2b83ab98]{flex-shrink:0;border-right:1px solid rgba(78,84,200,.08);padding-right:0}.scrollable-measures[data-v-2b83ab98]{flex:0 1 auto;overflow-x:auto;overflow-y:hidden;padding-left:0;cursor:crosshair}.pad-grid-wrapper[data-v-2b83ab98]{margin-top:16px}.pad-editor-container[data-v-2b83ab98]{max-height:450px;overflow:auto;border-radius:14px;border:1px solid rgba(78,84,200,.06);background:#fff}.pad-row[data-v-2b83ab98]{display:flex;height:32px;border-bottom:1px solid rgba(0,0,0,.025)}.pad-row[data-v-2b83ab98]:hover{background:#4e54c804}.pad-row.is-black-key[data-v-2b83ab98]{background-color:#4e54c806}.pad-label[data-v-2b83ab98]{position:sticky;left:0;width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-right:1px solid rgba(78,84,200,.1);font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#aab4c4;z-index:10}.pad-row.is-black-key .pad-label[data-v-2b83ab98]{background:#f8f9fcf2}.pad-grid-cells[data-v-2b83ab98]{display:flex;flex:1}.pad-cell[data-v-2b83ab98]{flex:1 1 0;min-width:0;height:100%;border-right:1px solid rgba(0,0,0,.025);position:relative;cursor:crosshair}.pad-cell-note-inner[data-v-2b83ab98]{position:absolute;inset:3px 0;background:linear-gradient(180deg,#5fe3a1,#35c17a);z-index:2;transition:all .1s ease;box-shadow:0 1px 4px #35c17a4d}.pad-cell-note-inner.note-start[data-v-2b83ab98]{border-top-left-radius:5px;border-bottom-left-radius:5px;left:2px}.pad-cell-note-inner.note-end[data-v-2b83ab98]{border-top-right-radius:5px;border-bottom-right-radius:5px;right:2px}.pad-cell-note-inner.ai-note[data-v-2b83ab98]{background:#8f94fb40;border:1px dashed rgba(143,148,251,.6);border-left:none;border-right:none;box-shadow:none;z-index:5;pointer-events:none}.pad-cell-note-inner.ai-note.note-start[data-v-2b83ab98]{border-left:1px dashed rgba(143,148,251,.6)}.pad-cell-note-inner.ai-note.note-end[data-v-2b83ab98]{border-right:1px dashed rgba(143,148,251,.6)}.helper-text[data-v-2b83ab98]{margin-top:14px;font-family:Outfit,sans-serif;font-size:13px;color:#aab4c4;font-style:italic;text-align:center}.helper-text.primary-light[data-v-2b83ab98]{color:#4e54c8;font-weight:600;opacity:.75;font-style:normal}.control-group label[data-v-2b83ab98]{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#aab4c4;text-transform:uppercase;letter-spacing:1px}.glass-panel[data-v-69fc8001]{background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px #0000000d;border-radius:20px;padding:28px;margin-bottom:25px}.panel-header h2[data-v-69fc8001]{font-family:Outfit,sans-serif;font-weight:800;font-size:1.8rem;margin-bottom:22px;background:linear-gradient(135deg,#4e54c8,#8f94fb);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:2px solid rgba(78,84,200,.1);padding-bottom:12px}.advanced-grid-layout[data-v-69fc8001]{display:flex;gap:22px;align-items:flex-start}.advanced-sidebar[data-v-69fc8001]{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.glass-card[data-v-69fc8001]{background:linear-gradient(160deg,#fffffff2,#f7f9fce0);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 24px #4e54c80d,0 1px 4px #00000008}.modern-file-upload[data-v-69fc8001]{display:block;width:100%;border:2px dashed rgba(78,84,200,.25);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;background:#f8f9fccc;box-sizing:border-box}.modern-file-upload[data-v-69fc8001]:hover{border-color:#4e54c899;background:#4e54c808;box-shadow:0 4px 16px #4e54c814}.modern-file-upload input[data-v-69fc8001]{display:none}.upload-content[data-v-69fc8001]{padding:36px 20px;text-align:center}.upload-icon[data-v-69fc8001]{color:#4e54c8;margin-bottom:14px;opacity:.85}.upload-text[data-v-69fc8001]{font-family:Outfit,sans-serif;font-weight:600;color:#4e54c8;font-size:14px;opacity:.8}.control-group[data-v-69fc8001]{display:flex;flex-direction:column;gap:6px}.control-group.fill-width[data-v-69fc8001]{flex:1}.control-group label[data-v-69fc8001]{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#aab4c4;text-transform:uppercase;letter-spacing:1px}.modern-select[data-v-69fc8001]{font-family:Outfit,sans-serif;padding:10px 34px 10px 14px;border-radius:10px;border:1.5px solid rgba(78,84,200,.15);background:#ffffffe6;font-size:14px;font-weight:600;color:#4e54c8;outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234e54c8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:0 2px 8px #4e54c80f;width:100%}.modern-select[data-v-69fc8001]:hover,.modern-select[data-v-69fc8001]:focus{border-color:#4e54c866;box-shadow:0 4px 16px #4e54c81f}.modern-range[data-v-69fc8001]{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:linear-gradient(to right,#4e54c8,#8f94fb);border-radius:3px;outline:none}.modern-range[data-v-69fc8001]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #4e54c8;cursor:pointer;box-shadow:0 2px 6px #4e54c840;transition:transform .15s,box-shadow .15s}.modern-range[data-v-69fc8001]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #4e54c859}.slider-group[data-v-69fc8001]{display:flex;flex-direction:column;gap:8px;flex:1}.slider-group label[data-v-69fc8001]{font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:#7f8c8d;text-transform:none;letter-spacing:0}.val-badge[data-v-69fc8001]{background:#4e54c814;padding:2px 9px;border-radius:20px;font-weight:700;font-size:13px;color:#4e54c8;margin-left:4px}.modern-btn[data-v-69fc8001]{font-family:Outfit,sans-serif;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.1px}.modern-btn[data-v-69fc8001]:not(:disabled):active{transform:scale(.97)}.btn-primary[data-v-69fc8001]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff!important;box-shadow:0 4px 16px #4e54c847}.btn-primary[data-v-69fc8001]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 24px #4e54c85c}.btn-primary[data-v-69fc8001]:disabled{opacity:.45;cursor:not-allowed}.btn-info[data-v-69fc8001]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff!important;box-shadow:0 4px 14px #4e54c84d}.btn-info[data-v-69fc8001]:hover{transform:translateY(-1px);box-shadow:0 8px 22px #4e54c866}.btn-outline[data-v-69fc8001]{background:transparent;border:1.5px solid rgba(78,84,200,.2);color:#4e54c8;box-shadow:none}.btn-outline[data-v-69fc8001]:not(:disabled):hover{background:#4e54c80d;border-color:#4e54c873}.btn-compact[data-v-69fc8001]{padding:6px 12px!important;font-size:12px!important;border-radius:20px!important;letter-spacing:.3px}.btn-outline[data-v-69fc8001]:disabled{opacity:.35;cursor:not-allowed}.btn-large[data-v-69fc8001]{padding:13px 28px;font-size:15px}.w-full[data-v-69fc8001]{width:100%;box-sizing:border-box}.play-btn[data-v-69fc8001]{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.play-btn--play[data-v-69fc8001]{background:linear-gradient(135deg,#4e54c8,#8f94fb);color:#fff;box-shadow:0 4px 14px #4e54c859}.play-btn--play[data-v-69fc8001]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 22px #4e54c873}.play-btn--stop[data-v-69fc8001]{background:linear-gradient(135deg,#ff6a88,#ff4757);color:#fff;box-shadow:0 4px 14px #ff475759}.play-btn--stop[data-v-69fc8001]:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ff475773}.play-btn[data-v-69fc8001]:disabled{background:#e0e4f0;color:#b0b8d0;box-shadow:none;cursor:not-allowed}.advanced-canvas-area[data-v-69fc8001]{flex:1;min-width:0;padding:22px;position:relative}.canvas-header[data-v-69fc8001]{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(78,84,200,.08)}.canvas-header h3[data-v-69fc8001]{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0}.canvas-actions[data-v-69fc8001]{display:flex;align-items:center;gap:8px}.advanced-vexflow-container[data-v-69fc8001]{overflow-x:auto;overflow-y:hidden;border-radius:14px;padding:16px 12px;background:#fff;border:1px solid rgba(78,84,200,.06);box-shadow:0 2px 16px #4e54c80d;display:flex;justify-content:center}.version-controls[data-v-69fc8001]{display:flex;justify-content:center;align-items:center;gap:4px}.version-controls span[data-v-69fc8001]{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:#7f8c8d;margin:0 12px}.mt-20[data-v-69fc8001]{margin-top:20px}.mt-10[data-v-69fc8001]{margin-top:10px}.mr-10[data-v-69fc8001]{margin-right:10px}.fade-up-enter-active[data-v-69fc8001]{transition:opacity .3s ease,transform .3s ease}.fade-up-enter-from[data-v-69fc8001]{opacity:0;transform:translateY(10px)}.immersive-layout[data-v-078b4ca0],.modal-overlay[data-v-078b4ca0]{--rt-bg-deep: #09090f;--rt-bg-panel: rgba(13, 13, 22, .82);--rt-border: rgba(255, 255, 255, .07);--rt-border-accent: rgba(143, 148, 251, .25);--rt-accent: #8f94fb;--rt-accent-green: #5fe3a1;--rt-accent-green-dim: rgba(95, 227, 161, .15);--rt-text-primary: rgba(240, 240, 255, .92);--rt-text-secondary: rgba(180, 180, 210, .65);--rt-text-muted: rgba(120, 120, 160, .55);--rt-radius: 14px;--rt-radius-sm: 8px}.immersive-layout[data-v-078b4ca0]{display:flex;height:calc(100vh - 100px);min-height:700px;gap:16px;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:hidden}.sidebar[data-v-078b4ca0]{flex:0 0 310px;display:flex;flex-direction:column;overflow-y:auto;height:auto;max-height:100%;margin-bottom:5px;scrollbar-width:thin;scrollbar-color:rgba(143,148,251,.2) transparent}.sidebar[data-v-078b4ca0]::-webkit-scrollbar{width:4px}.sidebar[data-v-078b4ca0]::-webkit-scrollbar-track{background:transparent}.sidebar[data-v-078b4ca0]::-webkit-scrollbar-thumb{background:#8f94fb40;border-radius:2px}.main-stage[data-v-078b4ca0]{flex:1;display:flex;flex-direction:column;background:linear-gradient(160deg,#0c0c14f7,#080810);border-radius:14px;border:1px solid rgba(255,255,255,.07);overflow:hidden;position:relative;align-items:center;box-shadow:0 0 80px #000000b3,inset 0 1px #ffffff0a}.stage-inner-wrapper[data-v-078b4ca0]{width:100%;display:flex;flex-direction:column;margin:0 auto;position:relative;flex:1}.glass-panel[data-v-078b4ca0]{background:#0d0d16d1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;box-shadow:0 4px 32px #00000080,inset 0 1px #ffffff0f}.control-section[data-v-078b4ca0]{background:#ffffff06;border-radius:10px;padding:12px 14px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.045);transition:border-color .2s}.control-section[data-v-078b4ca0]:hover{border-color:#8f94fb1f}.control-row-simple[data-v-078b4ca0]{display:flex;flex-direction:column;gap:8px}.small-label[data-v-078b4ca0]{font-size:10.5px;font-weight:700;color:#7878a08c;text-transform:uppercase;letter-spacing:.8px}.mb-15[data-v-078b4ca0]{margin-bottom:15px}.section-title[data-v-078b4ca0]{margin:0 0 12px;color:#8f94fb;font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid rgba(143,148,251,.12);padding-bottom:7px;opacity:.85}.control-row[data-v-078b4ca0]{display:flex;gap:10px;align-items:flex-end}.control-group[data-v-078b4ca0]{display:flex;flex-direction:column;gap:6px;flex:1}.control-group label[data-v-078b4ca0]{color:#b4b4d2a6;font-size:11.5px;letter-spacing:.2px}.modern-input[data-v-078b4ca0],.modern-select[data-v-078b4ca0]{width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#00000073;color:#f0f0ffeb;font-size:13px;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box;min-width:0}.modern-input[data-v-078b4ca0]:focus,.modern-select[data-v-078b4ca0]:focus{border-color:#8f94fb73;box-shadow:0 0 0 3px #8f94fb14}.modern-select option[data-v-078b4ca0]{background:#1a1a2e}.mixer-row[data-v-078b4ca0]{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.mixer-row[data-v-078b4ca0]:last-child{margin-bottom:0}.mixer-info[data-v-078b4ca0]{display:flex;justify-content:space-between;align-items:center}.mixer-info label[data-v-078b4ca0]{color:#f0f0ffeb;font-size:12.5px;opacity:.85}.mute-toggle[data-v-078b4ca0]{display:flex;align-items:center;gap:5px}.mute-toggle input[type=checkbox][data-v-078b4ca0]{accent-color:#8f94fb;width:12px;height:12px}.mute-toggle label[data-v-078b4ca0]{font-size:10.5px;color:#7878a08c;cursor:pointer;letter-spacing:.3px}.volume-slider[data-v-078b4ca0]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.volume-slider[data-v-078b4ca0]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#8f94fb;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 6px #8f94fb80}.volume-slider[data-v-078b4ca0]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 12px #8f94fbcc}.volume-slider[data-v-078b4ca0]:disabled::-webkit-slider-thumb{background:#fff3;box-shadow:none}.anim-switches[data-v-078b4ca0]{display:flex;flex-direction:column;gap:10px}.switch-row[data-v-078b4ca0]{display:flex;align-items:center;gap:10px}.switch-row label[data-v-078b4ca0]{color:#b4b4d2a6;font-size:12.5px;cursor:pointer}.status-row[data-v-078b4ca0]{display:flex;justify-content:space-between}.status-item[data-v-078b4ca0]{display:flex;flex-direction:column;align-items:center}.status-item .label[data-v-078b4ca0]{font-size:11px;opacity:.8;text-transform:uppercase}.status-item .value[data-v-078b4ca0]{font-size:20px;font-weight:900;color:#fff}.status-text[data-v-078b4ca0]{color:#f1c40f!important;text-shadow:0 0 10px rgba(241,196,15,.5);font-size:16px!important;text-align:center}.beat-indicator[data-v-078b4ca0]{background:#fff3;padding:2px 15px;border-radius:15px;transition:.1s}.beat-indicator.pulse[data-v-078b4ca0]{transform:scale(1.1);background:#fff}.beat-indicator.pulse .value[data-v-078b4ca0]{color:#4e54c8}.value-label[data-v-078b4ca0]{font-size:11px;color:#8f94fb;font-weight:700;opacity:.9}.accent-purple[data-v-078b4ca0]::-webkit-slider-thumb{background:#8f94fb!important;box-shadow:0 0 6px #8f94fb80!important}.accent-blue[data-v-078b4ca0]::-webkit-slider-thumb{background:#8f94fb!important;box-shadow:0 0 6px #8f94fb80!important}.w-100[data-v-078b4ca0]{width:100%}.modern-btn[data-v-078b4ca0]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:transform .15s,box-shadow .2s,filter .15s;letter-spacing:.3px}.modern-btn[data-v-078b4ca0]:hover{transform:translateY(-1px);filter:brightness(1.1)}.modern-btn[data-v-078b4ca0]:active{transform:translateY(0)}.btn-primary[data-v-078b4ca0]{background:linear-gradient(135deg,#3d44b0,#6b70e0,#8f94fb);color:#fff;box-shadow:0 4px 20px #4e54c866,inset 0 1px #ffffff26}.btn-large[data-v-078b4ca0]{padding:14px 28px;font-size:15.5px;border-radius:10px}.btn-danger[data-v-078b4ca0]{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;box-shadow:0 4px 16px #e74c3c59}.btn-outline[data-v-078b4ca0]{background:transparent;border:1px solid rgba(255,255,255,.15);color:#f0f0ffeb}.btn-outline[data-v-078b4ca0]:hover{background:#ffffff0f;border-color:#ffffff40}.canvas-container[data-v-078b4ca0]{height:400px;position:relative;width:100%;background:radial-gradient(ellipse at 20% 80%,rgba(95,227,161,.03) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(143,148,251,.04) 0%,transparent 50%),linear-gradient(180deg,#07070e,#0e0e1a 60%,#131320);flex:1;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.stage-canvas[data-v-078b4ca0]{position:absolute;width:1320px;height:430px;pointer-events:none}.stage-keyboard[data-v-078b4ca0]{background:linear-gradient(180deg,#05050cf2,#0a0a12fa);padding:16px 0;border-top:1px solid rgba(143,148,251,.08);border-bottom:1px solid rgba(0,0,0,.5);z-index:10;box-shadow:0 -8px 30px #0006}.modern-keyboard[data-v-078b4ca0]{display:flex;position:relative;justify-content:center;overflow-x:auto}.piano-key[data-v-078b4ca0]{position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:10px;-webkit-user-select:none;user-select:none;transition:transform .08s,box-shadow .1s,background .08s}.piano-key.white-key[data-v-078b4ca0]{width:39px;height:160px;background:linear-gradient(180deg,#e8e8e8,#f5f5f5 30%,#fff 70%,#e0e0e0);border:1px solid #888;border-top:none;margin-right:0;flex-shrink:0;border-radius:0 0 6px 6px;box-shadow:0 4px 8px #00000080,inset 0 1px #ffffffe6,inset -1px 0 #00000014}.piano-key.white-key[data-v-078b4ca0]:hover{background:linear-gradient(180deg,#e0e8ff,#eef0ff 40%,#f8f8ff);box-shadow:0 4px 14px #8f94fb40,inset 0 1px #ffffffe6}.piano-key.white-key.active[data-v-078b4ca0]{background:linear-gradient(180deg,#7a80e8,#9da2f9 40%,#b5b9fd);color:#fff;transform:translateY(2px);box-shadow:0 2px 4px #0006,0 0 20px #8f94fb73,inset 0 -1px #fff3}.piano-key.black-key[data-v-078b4ca0]{width:24px;height:100px;background:linear-gradient(180deg,#1a1a1a,#2a2a2a 40%,#111);margin-left:-12px;margin-right:-12px;z-index:10;border-radius:0 0 5px 5px;border:1px solid #050505;border-top:none;box-shadow:2px 4px 8px #000c,inset 0 1px #ffffff14,inset 1px 0 #ffffff0a}.piano-key.black-key[data-v-078b4ca0]:hover{background:linear-gradient(180deg,#252535,#30304a 60%,#1a1a28)}.piano-key.black-key.active[data-v-078b4ca0]{background:linear-gradient(180deg,#4e54c8,#6b70e0 60%,#3d44b0);box-shadow:1px 3px 5px #0009,0 0 16px #8f94fb99,inset 0 1px #ffffff26;transform:translateY(1px)}.key-label[data-v-078b4ca0]{font-weight:700;font-size:10px;margin-bottom:2px;letter-spacing:-.3px}.white-key .key-label[data-v-078b4ca0]{color:#3c3c50b3}.black-key .key-label[data-v-078b4ca0]{color:#c8c8dc80;font-size:9px}.key-binding[data-v-078b4ca0]{font-size:8.5px;padding:1px 3px;border-radius:3px;background:#0000002e;font-weight:700;white-space:nowrap;color:#ffffffb3}.white-key .key-binding[data-v-078b4ca0]{color:#505078bf;background:#00000012}.stage-footer[data-v-078b4ca0]{padding:8px 0 0;display:flex;gap:20px;align-items:stretch;background:#00000026}.glass-container[data-v-078b4ca0]{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-container[data-v-078b4ca0]{display:flex;align-items:center;justify-content:center}.export-btn[data-v-078b4ca0]{height:100%;padding:0 30px;font-size:16px}.modern-switch[data-v-078b4ca0]{width:38px;height:20px;background:#ffffff14;border-radius:20px;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:background .25s,box-shadow .25s}.modern-switch.active[data-v-078b4ca0]{background:linear-gradient(135deg,#5a5fd4,#8f94fb);border-color:#8f94fb80;box-shadow:0 0 12px #8f94fb66}.switch-handle[data-v-078b4ca0]{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0006}.modern-switch.active .switch-handle[data-v-078b4ca0]{left:20px}.modern-switch.small[data-v-078b4ca0]{width:32px;height:16px}.modern-switch.small .switch-handle[data-v-078b4ca0]{width:10px;height:10px;top:2px;left:2px}.modern-switch.small.active .switch-handle[data-v-078b4ca0]{left:18px}.modal-overlay[data-v-078b4ca0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);z-index:2000;display:flex;align-items:center;justify-content:center}.calibrator-card[data-v-078b4ca0]{width:420px;text-align:center;padding:40px!important;border:1px solid rgba(143,148,251,.2)!important;box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0a,inset 0 1px #ffffff12!important}.modal-header h3[data-v-078b4ca0]{margin-bottom:8px;font-size:1.35rem;color:#fff;letter-spacing:-.3px}.modal-header p[data-v-078b4ca0]{color:#b4b4d2a6;font-size:13.5px;margin-bottom:28px}.calibration-loader[data-v-078b4ca0]{padding:20px 0}.progress-bar-container[data-v-078b4ca0]{width:100%;height:4px;background:#ffffff12;border-radius:10px;overflow:hidden;margin-bottom:12px}.progress-bar-fill[data-v-078b4ca0]{height:100%;background:linear-gradient(90deg,#3d44b0,#6b70e0,#a0a5ff);transition:width .3s ease;border-radius:10px}.progress-text[data-v-078b4ca0]{font-size:12px;color:#8f94fb;font-weight:600;letter-spacing:.3px}.stats-grid[data-v-078b4ca0]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-box[data-v-078b4ca0]{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:14px;border-radius:10px;display:flex;flex-direction:column}.stat-label[data-v-078b4ca0]{font-size:10px;color:#7878a08c;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.stat-value[data-v-078b4ca0]{font-size:20px;font-weight:700;color:#f0f0ffeb}.stat-box.warning .stat-value[data-v-078b4ca0]{color:#f1c40f}.result-summary[data-v-078b4ca0]{background:#5fe3a112;border:1px solid rgba(95,227,161,.18);padding:18px;border-radius:12px;margin-bottom:18px}.limit-item[data-v-078b4ca0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.limit-item .label[data-v-078b4ca0]{font-size:13px;color:#b4b4d2a6}.limit-item .value[data-v-078b4ca0]{font-weight:700}.limit-item .value.highlight[data-v-078b4ca0]{color:#5fe3a1;font-size:18px;text-shadow:0 0 12px rgba(95,227,161,.4)}.notice-info[data-v-078b4ca0]{font-size:12.5px;color:#7878a08c;font-style:italic;padding:0 8px}.flex-row[data-v-078b4ca0]{display:flex;align-items:center;gap:10px}.highlight-warning[data-v-078b4ca0]{color:#ffd60a!important;font-weight:600;margin-top:10px;background:#ffd60a14;border:1px solid rgba(255,214,10,.2);padding:8px 12px;border-radius:8px}.btn-full[data-v-078b4ca0]{width:100%}.mt-20[data-v-078b4ca0]{margin-top:20px}.fade-enter-active[data-v-078b4ca0],.fade-leave-active[data-v-078b4ca0]{transition:opacity .3s ease}.fade-enter-from[data-v-078b4ca0],.fade-leave-to[data-v-078b4ca0]{opacity:0}.rt-staff-panel[data-v-078b4ca0]{display:flex;align-items:center;background:#ffffff05}.rt-vexflow-container[data-v-078b4ca0]{width:100%;display:flex;justify-content:center;transform-origin:center top;height:170px;margin-top:-25px;overflow:visible}.rt-vexflow-container svg[data-v-078b4ca0]{filter:drop-shadow(0px 2px 6px rgba(0,0,0,.6))}.stage-footer.compact-footer[data-v-078b4ca0]{padding:5px 0 0;display:flex;justify-content:center;align-items:flex-start;gap:0;height:auto;overflow-x:auto;width:100%}.rt-staff-panel[data-v-078b4ca0]{display:flex;flex-direction:column;padding:0 15px!important;position:relative;overflow:visible!important;margin:0 auto;width:max-content}.mini-status-bar[data-v-078b4ca0]{display:flex;align-items:center;gap:14px;padding:5px 12px;background:#00000073;border-radius:20px;width:max-content;font-size:11.5px;color:#b4b4d2a6;margin-bottom:5px;border:1px solid rgba(255,255,255,.055);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000004d}.mini-status-item[data-v-078b4ca0]{display:flex;align-items:center;gap:7px;font-family:Outfit,sans-serif}.mini-status-item strong[data-v-078b4ca0]{color:#f0f0ffeb;font-size:14px}.status-dot[data-v-078b4ca0]{width:7px;height:7px;border-radius:50%;background:#f1c40f;box-shadow:0 0 8px #f1c40f99}.mini-status-item.is-active .status-dot[data-v-078b4ca0]{background:#5fe3a1;box-shadow:0 0 10px #5fe3a1e6;animation:pulse-dot-078b4ca0 1.5s ease-in-out infinite}@keyframes pulse-dot-078b4ca0{0%,to{box-shadow:0 0 6px #5fe3a1b3}50%{box-shadow:0 0 14px #5fe3a1}}.mini-status-divider[data-v-078b4ca0]{width:1px;height:12px;background:#ffffff1f}.beat-pulse-text[data-v-078b4ca0]{color:#8f94fb!important;transform:scale(1.2);display:inline-block;transition:.1s ease}.mini-export-btn[data-v-078b4ca0]{display:flex;align-items:center;gap:5px;background:#4e54c826;border:1px solid rgba(143,148,251,.3);color:#8f94fb;padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;letter-spacing:.5px}.mini-export-btn[data-v-078b4ca0]:hover:not(:disabled){background:#8f94fb40;color:#fff;box-shadow:0 0 12px #8f94fb4d}.mini-export-btn[data-v-078b4ca0]:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(1)}body{margin:0;padding:0;background-color:#f7f9fc}.app-wrapper{font-family:Inter,sans-serif;color:#2c3e50;background-color:#f7f9fc;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-content-layout{transition:filter .3s ease}.app-content-layout.is-loading{filter:blur(2.5px) grayscale(20%)}.main-workspace{margin:70px auto 20px;max-width:100%;padding:0 40px}.global-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.futuristic-spinner{position:relative;width:100px;height:100px;margin-bottom:20px}.futuristic-spinner .ring{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent}.futuristic-spinner .ring:nth-child(1){border-top-color:#4e54c8;animation:spinWave 1.2s linear infinite}.futuristic-spinner .ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-right-color:#8f94fb;animation:spinWave 1.5s reverse infinite}.futuristic-spinner .ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-bottom-color:#42b983;animation:spinWave .8s linear infinite}@keyframes spinWave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-weight:800;letter-spacing:4px;background:linear-gradient(90deg,#4e54c8,#8f94fb,#42b983);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradientFlow 2s linear infinite}@keyframes gradientFlow{to{background-position:200% center}}.fade-up-enter-active,.fade-up-leave-active{transition:all .5s cubic-bezier(.16,1,.3,1)}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(30px)}