header[data-v-9d795c65]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content[data-v-9d795c65]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-v-9d795c65]{display:flex;align-items:center;gap:15px;text-decoration:none;color:#fff}.logo-icon[data-v-9d795c65]{font-size:2.5em}.logo h1[data-v-9d795c65]{margin:0;font-size:1.8em;color:#fff}.tagline[data-v-9d795c65]{margin:5px 0 0;font-size:.9em;opacity:.9;color:#fff}.header-actions[data-v-9d795c65]{display:flex;align-items:center;gap:20px}.language-selector[data-v-9d795c65]{display:flex;gap:5px;background:rgba(255,255,255,.1);padding:5px;border-radius:8px}.lang-button[data-v-9d795c65]{background:transparent;border:none;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:600;font-size:.9em;transition:all .3s;display:flex;align-items:center;gap:6px}.lang-button .flag[data-v-9d795c65]{font-size:1.2em}.lang-button[data-v-9d795c65]:hover{background:rgba(255,255,255,.2)}.lang-button.active[data-v-9d795c65]{background:white;color:#667eea}.back-button[data-v-9d795c65]{text-decoration:none;color:#fff;background:rgba(255,255,255,.2);padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s}.back-button[data-v-9d795c65]:hover{background:rgba(255,255,255,.3);transform:translate(-3px)}@media (max-width: 768px){.header-content[data-v-9d795c65]{flex-direction:column;gap:15px}.logo h1[data-v-9d795c65]{font-size:1.5em}.tagline[data-v-9d795c65]{font-size:.8em}.header-actions[data-v-9d795c65]{width:100%;justify-content:space-between}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.metronome-icon[data-v-79143de6],.tuner-icon[data-v-e47c68e7]{display:inline-block;vertical-align:middle}.container[data-v-df03a729]{max-width:1400px;margin:0 auto;padding:40px 20px}.intro[data-v-df03a729]{text-align:center;margin-bottom:60px}.intro h2[data-v-df03a729]{font-size:2.5em;margin-bottom:20px;color:#333}.intro p[data-v-df03a729]{font-size:1.2em;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.tools-grid[data-v-df03a729]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:80px}.tool-card-link[data-v-df03a729]{text-decoration:none;color:inherit}.tool-card[data-v-df03a729]{position:relative;background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014;transition:all .3s;height:100%;display:flex;flex-direction:column;cursor:pointer;opacity:0;animation:fadeInUp-df03a729 .5s forwards}@keyframes fadeInUp-df03a729{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card[data-v-df03a729]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea26}.tool-card.active-tool[data-v-df03a729]{cursor:pointer}.tool-card[data-v-df03a729]:not(.active-tool){opacity:.6;cursor:not-allowed}.tool-card[data-v-df03a729]:not(.active-tool):hover{transform:none;box-shadow:0 5px 15px #00000014}.coming-soon[data-v-df03a729]{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:5px 12px;border-radius:20px;font-size:.75em;font-weight:600}.tool-icon[data-v-df03a729]{font-size:3em;margin-bottom:15px}.tool-card h3[data-v-df03a729]{font-size:1.3em;margin-bottom:10px;color:#333}.tool-card p[data-v-df03a729]{color:#666;line-height:1.5;flex-grow:1}.features[data-v-df03a729]{text-align:center;margin-top:80px}.features h2[data-v-df03a729]{font-size:2.2em;margin-bottom:50px;color:#333}.features-grid[data-v-df03a729]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.feature-item[data-v-df03a729]{padding:30px}.feature-icon[data-v-df03a729]{font-size:3em;margin-bottom:20px}.feature-item h3[data-v-df03a729]{font-size:1.4em;margin-bottom:15px;color:#333}.feature-item p[data-v-df03a729]{color:#666;line-height:1.6}.modal[data-v-df03a729]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-df03a729]{background:white;padding:40px;border-radius:15px;max-width:500px;text-align:center;box-shadow:0 10px 40px #0003}.modal-content h3[data-v-df03a729]{font-size:1.8em;margin-bottom:20px;color:#667eea}.modal-content p[data-v-df03a729]{font-size:1.1em;line-height:1.6;color:#666;margin-bottom:30px}.modal-close[data-v-df03a729]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.modal-close[data-v-df03a729]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width: 768px){.intro h2[data-v-df03a729]{font-size:2em}.intro p[data-v-df03a729]{font-size:1em}.tools-grid[data-v-df03a729]{grid-template-columns:1fr}.features h2[data-v-df03a729]{font-size:1.8em}.features-grid[data-v-df03a729]{grid-template-columns:1fr}}.tuner-container[data-v-fbe60fbf]{display:grid;gap:20px}.tuner-main[data-v-fbe60fbf]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.tuner-main h2[data-v-fbe60fbf]{color:#fff}.tuner-display[data-v-fbe60fbf]{background:rgba(255,255,255,.1);border-radius:15px;padding:30px;margin-bottom:25px}.frequency-display[data-v-fbe60fbf]{text-align:center;margin-bottom:30px}.detected-note[data-v-fbe60fbf]{font-size:5em;font-weight:700;margin-bottom:10px;transition:all .3s}.detected-note.in-tune[data-v-fbe60fbf]{color:#38ef7d;text-shadow:0 0 20px #38ef7d}.frequency-info[data-v-fbe60fbf]{font-size:1.5em;opacity:.8}.tuning-meter[data-v-fbe60fbf]{margin:30px 0}.meter-marks[data-v-fbe60fbf]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9em;opacity:.7}.meter-marks .center[data-v-fbe60fbf]{font-weight:700;font-size:1.1em}.meter-bar[data-v-fbe60fbf]{position:relative;height:40px;background:rgba(255,255,255,.2);border-radius:20px;overflow:hidden;margin-bottom:15px}.meter-indicator[data-v-fbe60fbf]{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:100%;background:white;box-shadow:0 0 10px #fffc;transition:left .1s ease-out}.cents-display[data-v-fbe60fbf]{text-align:center;font-size:1.3em;font-weight:600}.cents-display.in-tune[data-v-fbe60fbf]{color:#38ef7d}.tune-status[data-v-fbe60fbf]{text-align:center;margin-top:25px;padding:20px;border-radius:10px;background:rgba(255,255,255,.1);transition:all .3s}.tune-status.in-tune[data-v-fbe60fbf]{background:rgba(56,239,125,.3)}.status-icon[data-v-fbe60fbf]{font-size:3em;margin-bottom:10px}.status-text[data-v-fbe60fbf]{font-size:1.2em;font-weight:600}.tuner-controls[data-v-fbe60fbf]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.tuner-button[data-v-fbe60fbf]{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:15px;font-size:1.2em;transition:all .3s}.tuner-button[data-v-fbe60fbf]:hover{background:white;color:#667eea}.tuner-button.active[data-v-fbe60fbf]{background:#38ef7d;border-color:#38ef7d;color:#fff}.reference-notes .tuning-notes[data-v-fbe60fbf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-top:20px}.tuning-note[data-v-fbe60fbf]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s}.tuning-note[data-v-fbe60fbf]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #667eea4d}.string-number[data-v-fbe60fbf]{font-size:.9em;opacity:.7;margin-bottom:5px}.note-name[data-v-fbe60fbf]{font-size:2em;font-weight:700;margin:10px 0}.play-icon[data-v-fbe60fbf]{font-size:1.2em;opacity:.8}.instructions[data-v-fbe60fbf]{background:#f8f9fa}.instructions ol[data-v-fbe60fbf]{padding-left:20px}.instructions li[data-v-fbe60fbf]{margin:15px 0;line-height:1.6}.instructions ul[data-v-fbe60fbf]{margin-top:10px;padding-left:20px}@media (max-width: 768px){.tuner-controls[data-v-fbe60fbf]{grid-template-columns:1fr}.detected-note[data-v-fbe60fbf]{font-size:3em}.tuning-notes[data-v-fbe60fbf]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.metronome-container[data-v-bb77f287]{display:grid;gap:20px}.metronome-main[data-v-bb77f287]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.metronome-main h2[data-v-bb77f287]{color:#fff}.bpm-display[data-v-bb77f287]{text-align:center;padding:40px;background:rgba(255,255,255,.1);border-radius:20px;margin-bottom:30px}.bpm-value[data-v-bb77f287]{font-size:6em;font-weight:700;line-height:1;transition:all .1s}.bpm-value.active[data-v-bb77f287]{transform:scale(1.05);text-shadow:0 0 30px rgba(255,255,255,.8)}.bpm-label[data-v-bb77f287]{font-size:1.5em;margin-top:10px;opacity:.9}.tempo-name[data-v-bb77f287]{font-size:1.8em;margin-top:10px;font-style:italic;opacity:.8}.beat-indicator[data-v-bb77f287]{display:flex;justify-content:center;gap:20px;margin:30px 0}.beat-dot[data-v-bb77f287]{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;transition:all .1s}.beat-dot.active[data-v-bb77f287]{background:white;color:#f5576c;transform:scale(1.2);box-shadow:0 0 20px #fffc}.beat-dot.accent.active[data-v-bb77f287]{background:#FFD700;color:#f5576c}.bpm-control[data-v-bb77f287]{display:flex;align-items:center;gap:15px;margin:30px 0}.bpm-button[data-v-bb77f287]{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid white;color:#fff;font-size:1.5em;font-weight:700;cursor:pointer;transition:all .3s}.bpm-button[data-v-bb77f287]:hover{background:white;color:#f5576c;transform:scale(1.1)}.bpm-slider[data-v-bb77f287]{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.3);outline:none;-webkit-appearance:none}.bpm-slider[data-v-bb77f287]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 10px #0000004d}.bpm-slider[data-v-bb77f287]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:white;cursor:pointer;border:none;box-shadow:0 2px 10px #0000004d}.tap-tempo[data-v-bb77f287]{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.tap-button[data-v-bb77f287]{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:15px 40px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:all .2s}.tap-button[data-v-bb77f287]:hover{background:white;color:#f5576c;transform:scale(1.05)}.tap-button[data-v-bb77f287]:active{transform:scale(.95)}.tap-info[data-v-bb77f287]{font-size:1em;opacity:.8}.play-button[data-v-bb77f287]{width:100%;padding:20px;font-size:1.5em;background:rgba(255,255,255,.2);border:2px solid white;color:#fff;border-radius:15px;cursor:pointer;transition:all .3s;text-transform:uppercase;font-weight:700;letter-spacing:2px}.play-button[data-v-bb77f287]:hover{background:white;color:#f5576c;transform:translateY(-2px)}.play-button.playing[data-v-bb77f287]{background:#38ef7d;border-color:#38ef7d;animation:pulse-bb77f287 1s infinite}@keyframes pulse-bb77f287{0%,to{opacity:1}50%{opacity:.8}}.metronome-settings[data-v-bb77f287]{background:white}.settings-grid[data-v-bb77f287]{display:grid;gap:25px}.setting-group[data-v-bb77f287]{display:grid;gap:10px}.setting-group label[data-v-bb77f287]{font-weight:600;color:#555}.time-select[data-v-bb77f287],.sound-select[data-v-bb77f287],.subdivision-select[data-v-bb77f287]{width:100%}.volume-control[data-v-bb77f287]{display:flex;align-items:center;gap:10px}.volume-slider[data-v-bb77f287]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.volume-slider[data-v-bb77f287]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#f5576c;cursor:pointer}.volume-slider[data-v-bb77f287]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f5576c;cursor:pointer;border:none}.volume-value[data-v-bb77f287]{min-width:45px;text-align:right;font-weight:600;color:#f5576c}.presets-grid[data-v-bb77f287]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.preset-button[data-v-bb77f287]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:20px;border-radius:10px;cursor:pointer;transition:all .3s;text-align:center}.preset-button[data-v-bb77f287]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea4d}.preset-button.active[data-v-bb77f287]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transform:scale(1.05)}.preset-name[data-v-bb77f287]{font-size:1.1em;font-weight:600;margin-bottom:5px}.preset-bpm[data-v-bb77f287]{font-size:.9em;opacity:.9}.instructions ul[data-v-bb77f287]{padding-left:20px}.instructions li[data-v-bb77f287]{margin:12px 0;line-height:1.6}@media (max-width: 768px){.bpm-value[data-v-bb77f287]{font-size:4em}.beat-dot[data-v-bb77f287]{width:50px;height:50px;font-size:1.2em}.presets-grid[data-v-bb77f287]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.bpm-analyzer-container[data-v-8ea6abcf]{display:grid;gap:20px}.analyzer-main[data-v-8ea6abcf]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.analyzer-main h2[data-v-8ea6abcf]{color:#fff}.upload-area[data-v-8ea6abcf]{background:rgba(255,255,255,.1);border:3px dashed rgba(255,255,255,.4);border-radius:15px;padding:40px;text-align:center;transition:all .3s;margin-bottom:25px}.upload-area.dragover[data-v-8ea6abcf]{background:rgba(255,255,255,.2);border-color:#fff;transform:scale(1.02)}.upload-content[data-v-8ea6abcf]{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon[data-v-8ea6abcf]{font-size:4em}.upload-content h3[data-v-8ea6abcf]{margin:0;font-size:1.5em}.upload-content p[data-v-8ea6abcf]{margin:0;opacity:.9}.upload-button[data-v-8ea6abcf]{background:white;color:#667eea;border:none;padding:12px 30px;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.upload-button[data-v-8ea6abcf]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.supported-formats[data-v-8ea6abcf]{font-size:.85em;opacity:.7}.file-info[data-v-8ea6abcf]{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.1);padding:20px;border-radius:10px}.file-icon[data-v-8ea6abcf]{font-size:2.5em}.file-details[data-v-8ea6abcf]{flex:1;text-align:left}.file-name[data-v-8ea6abcf]{font-size:1.1em;font-weight:600;margin-bottom:5px}.file-size[data-v-8ea6abcf]{font-size:.9em;opacity:.8}.remove-button[data-v-8ea6abcf]{background:rgba(255,255,255,.2);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s}.remove-button[data-v-8ea6abcf]:hover{background:#ff6b6b;transform:rotate(90deg)}.bpm-result[data-v-8ea6abcf]{background:rgba(255,255,255,.1);border-radius:15px;padding:30px;margin-bottom:20px}.bpm-display[data-v-8ea6abcf]{text-align:center;margin-bottom:30px}.bpm-value[data-v-8ea6abcf]{font-size:5em;font-weight:700;text-shadow:0 0 20px rgba(255,255,255,.5)}.bpm-label[data-v-8ea6abcf]{font-size:1.3em;opacity:.9}.bpm-details[data-v-8ea6abcf]{display:grid;gap:20px}.detail-item[data-v-8ea6abcf]{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:15px}.detail-label[data-v-8ea6abcf]{font-weight:600}.detail-value[data-v-8ea6abcf]{font-size:1.1em}.tempo-name[data-v-8ea6abcf]{font-style:italic;font-weight:600}.confidence-bar[data-v-8ea6abcf]{height:10px;background:rgba(255,255,255,.2);border-radius:5px;overflow:hidden}.confidence-fill[data-v-8ea6abcf]{height:100%;background:linear-gradient(90deg,#38ef7d,#11998e);transition:width .5s}.alternatives[data-v-8ea6abcf]{margin-top:25px;padding-top:25px;border-top:1px solid rgba(255,255,255,.2)}.alternatives h4[data-v-8ea6abcf]{margin-bottom:15px;opacity:.9}.alternative-list[data-v-8ea6abcf]{display:flex;gap:10px;flex-wrap:wrap}.alternative-button[data-v-8ea6abcf]{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;transition:all .3s}.alternative-button[data-v-8ea6abcf]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.alt-confidence[data-v-8ea6abcf]{opacity:.7;font-size:.9em}.analyze-button[data-v-8ea6abcf]{width:100%;padding:18px;font-size:1.3em;background:white;color:#667eea;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s}.analyze-button[data-v-8ea6abcf]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.analyzing[data-v-8ea6abcf]{text-align:center;padding:30px}.spinner[data-v-8ea6abcf]{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin-8ea6abcf 1s linear infinite}@keyframes spin-8ea6abcf{to{transform:rotate(360deg)}}.progress-bar[data-v-8ea6abcf]{height:8px;background:rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin:20px 0 10px}.progress-fill[data-v-8ea6abcf]{height:100%;background:linear-gradient(90deg,#38ef7d,#11998e);transition:width .3s}.progress-text[data-v-8ea6abcf]{font-size:1.1em;font-weight:600}.tap-tempo-section[data-v-8ea6abcf]{margin-top:30px;padding-top:30px;border-top:2px solid rgba(255,255,255,.2);text-align:center}.divider[data-v-8ea6abcf]{margin:30px 0;text-align:center;position:relative}.divider[data-v-8ea6abcf]:before,.divider[data-v-8ea6abcf]:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:rgba(255,255,255,.3)}.divider[data-v-8ea6abcf]:before{left:0}.divider[data-v-8ea6abcf]:after{right:0}.divider span[data-v-8ea6abcf]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0 15px;opacity:.8}.tap-button[data-v-8ea6abcf]{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:20px 50px;font-size:1.3em;border-radius:50px;cursor:pointer;transition:all .2s;margin:20px 0}.tap-button[data-v-8ea6abcf]:hover{background:white;color:#667eea}.tap-button[data-v-8ea6abcf]:active{transform:scale(.95)}.tap-button.tapping[data-v-8ea6abcf]{animation:tapPulse-8ea6abcf .3s}@keyframes tapPulse-8ea6abcf{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tap-result[data-v-8ea6abcf]{font-size:1.3em;margin-top:15px}.player-card .audio-player[data-v-8ea6abcf]{width:100%;margin:20px 0}.playback-controls[data-v-8ea6abcf]{text-align:center;margin-top:20px}.metro-button[data-v-8ea6abcf]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.metro-button[data-v-8ea6abcf]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.metro-button.active[data-v-8ea6abcf]{background:#38ef7d;animation:pulse 1.5s infinite}.history-list[data-v-8ea6abcf]{display:grid;gap:10px;margin-bottom:20px}.history-item[data-v-8ea6abcf]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;transition:all .3s}.history-item[data-v-8ea6abcf]:hover{background:#e9ecef;transform:translate(5px)}.history-info[data-v-8ea6abcf]{flex:1}.history-name[data-v-8ea6abcf]{font-weight:600;margin-bottom:5px}.history-bpm[data-v-8ea6abcf]{color:#667eea;font-size:1.1em;font-weight:600}.history-actions[data-v-8ea6abcf]{display:flex;gap:10px}.copy-button[data-v-8ea6abcf],.delete-button[data-v-8ea6abcf]{background:transparent;border:none;font-size:1.3em;cursor:pointer;padding:5px 10px;border-radius:5px;transition:all .3s}.copy-button[data-v-8ea6abcf]:hover{background:#667eea}.delete-button[data-v-8ea6abcf]:hover{background:#ff6b6b}.clear-history-button[data-v-8ea6abcf]{width:100%;padding:12px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.clear-history-button[data-v-8ea6abcf]:hover{background:#ee5a52;transform:translateY(-2px)}.instructions ol[data-v-8ea6abcf]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-8ea6abcf]{margin:12px 0;line-height:1.6}.info-box[data-v-8ea6abcf]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px;margin-top:20px}@media (max-width: 768px){.upload-area[data-v-8ea6abcf]{padding:20px}.bpm-value[data-v-8ea6abcf]{font-size:3.5em}.detail-item[data-v-8ea6abcf]{grid-template-columns:1fr;gap:8px}.tap-button[data-v-8ea6abcf]{padding:15px 30px;font-size:1.1em}}.delay-calculator-container[data-v-6b05aa66]{display:grid;gap:20px}.calculator-main[data-v-6b05aa66]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff}.calculator-main h2[data-v-6b05aa66],.calculator-main h3[data-v-6b05aa66]{color:#fff}.bpm-section[data-v-6b05aa66]{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px;background:rgba(255,255,255,.1);padding:25px;border-radius:15px}.bpm-input-group label[data-v-6b05aa66]{display:block;font-size:1.1em;font-weight:600;margin-bottom:10px}.bpm-controls[data-v-6b05aa66]{display:flex;gap:15px;align-items:center}.bpm-btn[data-v-6b05aa66]{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid white;color:#fff;font-size:1.5em;font-weight:700;cursor:pointer;transition:all .3s}.bpm-btn[data-v-6b05aa66]:hover{background:white;color:#4facfe;transform:scale(1.1)}.bpm-input[data-v-6b05aa66]{flex:1;padding:15px;font-size:1.8em;text-align:center;border:2px solid white;border-radius:10px;background:rgba(255,255,255,.2);color:#fff;font-weight:700}.bpm-input[data-v-6b05aa66]:focus{outline:none;background:rgba(255,255,255,.3)}.tap-button[data-v-6b05aa66]{background:rgba(255,255,255,.2);border:2px solid white;color:#fff;padding:15px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .2s}.tap-button[data-v-6b05aa66]:hover{background:white;color:#4facfe}.tap-button[data-v-6b05aa66]:active{transform:scale(.95)}.note-values[data-v-6b05aa66],.special-notes[data-v-6b05aa66]{margin:30px 0}.note-values h3[data-v-6b05aa66],.special-notes h3[data-v-6b05aa66]{margin-bottom:20px;font-size:1.5em}.values-grid[data-v-6b05aa66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.value-card[data-v-6b05aa66]{background:rgba(255,255,255,.15);padding:20px;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;border:2px solid transparent}.value-card[data-v-6b05aa66]:hover{background:rgba(255,255,255,.25);transform:translateY(-5px)}.value-card.highlighted[data-v-6b05aa66]{background:rgba(255,255,255,.3);border-color:#fff;box-shadow:0 5px 20px #ffffff4d}.value-card.special[data-v-6b05aa66]{background:rgba(255,215,0,.2)}.value-card.special[data-v-6b05aa66]:hover{background:rgba(255,215,0,.3)}.note-symbol[data-v-6b05aa66]{font-size:2.5em;margin-bottom:10px}.note-name[data-v-6b05aa66]{font-size:.9em;margin-bottom:8px;opacity:.9}.note-time[data-v-6b05aa66]{font-size:1.3em;font-weight:700}.delay-times[data-v-6b05aa66],.reverb-times[data-v-6b05aa66]{background:white}.delay-categories[data-v-6b05aa66]{display:grid;gap:25px}.delay-category h3[data-v-6b05aa66]{color:#4facfe;margin-bottom:15px;font-size:1.3em}.delay-grid[data-v-6b05aa66]{display:grid;gap:10px}.delay-item[data-v-6b05aa66]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #4facfe}.delay-label[data-v-6b05aa66]{font-weight:600;color:#555}.delay-value[data-v-6b05aa66]{font-size:1.3em;font-weight:700;color:#4facfe}.info-text[data-v-6b05aa66]{color:#666;font-style:italic;margin-bottom:20px;padding:15px;background:#f0f8ff;border-radius:8px;border-left:4px solid #4facfe}.reverb-grid[data-v-6b05aa66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.reverb-card[data-v-6b05aa66]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:10px;text-align:center;transition:all .3s}.reverb-card[data-v-6b05aa66]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea4d}.reverb-type[data-v-6b05aa66]{font-size:1.1em;font-weight:600;margin-bottom:10px}.reverb-time[data-v-6b05aa66]{font-size:1.8em;font-weight:700;margin:10px 0}.reverb-desc[data-v-6b05aa66]{font-size:.9em;opacity:.9}.frequency-card[data-v-6b05aa66]{background:#2d3436;color:#fff}.frequency-card h2[data-v-6b05aa66]{color:#fff}.frequency-grid[data-v-6b05aa66]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.freq-item[data-v-6b05aa66]{display:flex;justify-content:space-between;padding:15px;background:rgba(255,255,255,.1);border-radius:8px}.freq-label[data-v-6b05aa66]{font-weight:600}.freq-value[data-v-6b05aa66]{font-weight:700;color:#00f2fe}.presets-grid[data-v-6b05aa66]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.preset-btn[data-v-6b05aa66]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;border:none;padding:20px;border-radius:10px;cursor:pointer;transition:all .3s;text-align:center}.preset-btn[data-v-6b05aa66]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #4facfe4d}.preset-btn.active[data-v-6b05aa66]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:scale(1.05)}.preset-name[data-v-6b05aa66]{font-size:1.1em;font-weight:600;margin-bottom:5px}.preset-bpm[data-v-6b05aa66]{font-size:.9em;opacity:.9}.instructions-content[data-v-6b05aa66]{display:grid;gap:25px}.instructions-content h3[data-v-6b05aa66]{color:#4facfe;margin-bottom:10px}.instructions-content ul[data-v-6b05aa66]{padding-left:20px;margin:0}.instructions-content li[data-v-6b05aa66]{margin:10px 0;line-height:1.6}.tips[data-v-6b05aa66]{display:grid;gap:15px;margin-top:15px}.tip[data-v-6b05aa66]{padding:15px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:5px;line-height:1.6}@media (max-width: 768px){.bpm-section[data-v-6b05aa66]{grid-template-columns:1fr}.values-grid[data-v-6b05aa66]{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.reverb-grid[data-v-6b05aa66]{grid-template-columns:1fr}}.equalizer-container[data-v-cbdd9c2b]{display:grid;gap:20px}.equalizer-main[data-v-cbdd9c2b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.equalizer-main h2[data-v-cbdd9c2b]{color:#fff}.upload-area[data-v-cbdd9c2b]{background:rgba(255,255,255,.1);border:3px dashed rgba(255,255,255,.4);border-radius:15px;padding:60px 40px;text-align:center;transition:all .3s}.upload-area.dragover[data-v-cbdd9c2b]{background:rgba(255,255,255,.2);border-color:#fff;transform:scale(1.02)}.upload-icon[data-v-cbdd9c2b]{font-size:4em;margin-bottom:20px}.upload-area h3[data-v-cbdd9c2b]{margin:0 0 10px;font-size:1.5em}.upload-area p[data-v-cbdd9c2b]{margin:0 0 20px;opacity:.9}.upload-button[data-v-cbdd9c2b]{background:white;color:#667eea;border:none;padding:12px 30px;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.upload-button[data-v-cbdd9c2b]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.player-section[data-v-cbdd9c2b]{background:rgba(255,255,255,.1);border-radius:15px;padding:25px}.file-info[data-v-cbdd9c2b]{margin-bottom:20px}.file-details[data-v-cbdd9c2b]{display:flex;justify-content:space-between;align-items:center}.file-name[data-v-cbdd9c2b]{font-size:1.1em;font-weight:600}.remove-file-btn[data-v-cbdd9c2b]{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 15px;border-radius:20px;cursor:pointer;transition:all .3s}.remove-file-btn[data-v-cbdd9c2b]:hover{background:#ff6b6b}.custom-player[data-v-cbdd9c2b]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.play-btn[data-v-cbdd9c2b]{width:50px;height:50px;border-radius:50%;background:white;color:#667eea;border:none;font-size:1.5em;cursor:pointer;transition:all .3s}.play-btn[data-v-cbdd9c2b]:hover{transform:scale(1.1);box-shadow:0 5px 15px #ffffff4d}.time-display[data-v-cbdd9c2b]{font-weight:600;min-width:50px;text-align:center}.progress-container[data-v-cbdd9c2b]{flex:1;cursor:pointer}.progress-bar[data-v-cbdd9c2b]{height:8px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.progress-fill[data-v-cbdd9c2b]{height:100%;background:white;transition:width .1s}.volume-control[data-v-cbdd9c2b]{display:flex;align-items:center;gap:10px;min-width:150px}.volume-slider[data-v-cbdd9c2b]{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.3);outline:none;-webkit-appearance:none}.volume-slider[data-v-cbdd9c2b]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:white;cursor:pointer}.volume-slider[data-v-cbdd9c2b]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:white;cursor:pointer;border:none}.visualizer[data-v-cbdd9c2b]{margin-top:20px;background:rgb(20,20,30);border-radius:10px;overflow:hidden}.visualizer-canvas[data-v-cbdd9c2b]{width:100%;height:150px;display:block}.eq-bands[data-v-cbdd9c2b]{background:white}.eq-controls[data-v-cbdd9c2b]{display:flex;justify-content:space-around;gap:10px;padding:30px 20px;background:#f8f9fa;border-radius:10px;margin-bottom:30px;overflow-x:auto}.eq-band[data-v-cbdd9c2b]{display:flex;flex-direction:column;align-items:center;gap:15px;min-width:60px}.band-slider-container[data-v-cbdd9c2b]{position:relative;display:flex;flex-direction:column;align-items:center;height:200px}.band-slider[data-v-cbdd9c2b]{-webkit-appearance:slider-vertical;writing-mode:bt-lr;width:40px;height:180px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:20px;outline:none;cursor:pointer}.band-slider[data-v-cbdd9c2b]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:white;cursor:pointer;box-shadow:0 2px 10px #0000004d}.band-slider[data-v-cbdd9c2b]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:white;cursor:pointer;border:none;box-shadow:0 2px 10px #0000004d}.gain-label[data-v-cbdd9c2b]{margin-top:10px;font-weight:600;color:#667eea;font-size:.9em}.band-info[data-v-cbdd9c2b]{text-align:center}.band-frequency[data-v-cbdd9c2b]{font-weight:600;color:#333;margin-bottom:5px}.band-type[data-v-cbdd9c2b]{font-size:.85em;color:#666}.presets-section[data-v-cbdd9c2b]{margin-top:30px}.presets-section h3[data-v-cbdd9c2b]{color:#667eea;margin-bottom:15px}.presets-grid[data-v-cbdd9c2b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:15px}.preset-btn[data-v-cbdd9c2b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.preset-btn[data-v-cbdd9c2b]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.preset-btn.active[data-v-cbdd9c2b]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);transform:scale(1.05)}.reset-btn[data-v-cbdd9c2b]{width:100%;padding:12px;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.reset-btn[data-v-cbdd9c2b]:hover{background:#ee5a52;transform:translateY(-2px)}.advanced-controls[data-v-cbdd9c2b]{background:white}.controls-grid[data-v-cbdd9c2b]{display:grid;gap:20px}.control-item[data-v-cbdd9c2b]{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:20px;padding:15px;background:#f8f9fa;border-radius:8px}.control-item label[data-v-cbdd9c2b]{font-weight:600;color:#555}.control-slider-group[data-v-cbdd9c2b]{display:flex;align-items:center;gap:15px}.control-slider[data-v-cbdd9c2b]{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.control-slider[data-v-cbdd9c2b]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer}.control-slider[data-v-cbdd9c2b]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.control-value[data-v-cbdd9c2b]{min-width:60px;font-weight:600;color:#667eea;text-align:right}.toggle-btn[data-v-cbdd9c2b]{padding:10px 20px;background:#e0e0e0;color:#666;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.toggle-btn.active[data-v-cbdd9c2b]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.frequency-chart[data-v-cbdd9c2b]{background:white}.response-canvas[data-v-cbdd9c2b]{width:100%;height:250px;display:block;border-radius:8px}.instructions ol[data-v-cbdd9c2b]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-cbdd9c2b]{margin:12px 0;line-height:1.6}.info-boxes[data-v-cbdd9c2b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.info-box[data-v-cbdd9c2b]{background:#f0f8ff;border-left:4px solid #2196f3;padding:15px;border-radius:5px}.info-box strong[data-v-cbdd9c2b]{display:block;margin-bottom:10px;color:#2196f3}.info-box ul[data-v-cbdd9c2b]{margin:10px 0;padding-left:20px}.info-box li[data-v-cbdd9c2b]{margin:8px 0;line-height:1.5}@media (max-width: 768px){.eq-controls[data-v-cbdd9c2b]{overflow-x:auto;justify-content:flex-start}.eq-band[data-v-cbdd9c2b]{min-width:60px}.band-slider-container[data-v-cbdd9c2b]{height:150px}.band-slider[data-v-cbdd9c2b]{height:130px;width:30px}.control-item[data-v-cbdd9c2b]{grid-template-columns:1fr;gap:10px}.custom-player[data-v-cbdd9c2b]{flex-wrap:wrap}.volume-control[data-v-cbdd9c2b]{width:100%}.info-boxes[data-v-cbdd9c2b]{grid-template-columns:1fr}}.keyboard-container[data-v-a613819b]{display:grid;gap:20px}.keyboard-main[data-v-a613819b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px}.keyboard-main h2[data-v-a613819b],.keyboard-main h3[data-v-a613819b]{color:#fff;margin-top:0}.piano-wrapper[data-v-a613819b]{background:rgba(0,0,0,.2);padding:30px 20px;border-radius:15px;margin-bottom:30px;overflow-x:auto}.piano-keyboard[data-v-a613819b]{display:flex;justify-content:center;min-width:800px;height:300px;position:relative;margin:0 auto;max-width:1200px}.piano-key[data-v-a613819b]{position:relative;cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:15px;transition:all .05s}.piano-key.white[data-v-a613819b]{width:60px;height:100%;background:linear-gradient(to bottom,#ffffff 0%,#f0f0f0 100%);border:2px solid #333;border-radius:0 0 5px 5px;z-index:1;box-shadow:0 5px 10px #0000004d}.piano-key.black[data-v-a613819b]{width:40px;height:60%;background:linear-gradient(to bottom,#2a2a2a 0%,#000000 100%);border:2px solid #000;border-radius:0 0 3px 3px;margin-left:-20px;margin-right:-20px;z-index:2;box-shadow:0 3px 8px #00000080}.piano-key.white[data-v-a613819b]:hover{background:linear-gradient(to bottom,#f5f5f5 0%,#e0e0e0 100%)}.piano-key.black[data-v-a613819b]:hover{background:linear-gradient(to bottom,#3a3a3a 0%,#1a1a1a 100%)}.piano-key.white.active[data-v-a613819b],.piano-key.white.pressed[data-v-a613819b]{background:linear-gradient(to bottom,#667eea 0%,#764ba2 100%);transform:translateY(2px);box-shadow:0 2px 5px #0006}.piano-key.black.active[data-v-a613819b],.piano-key.black.pressed[data-v-a613819b]{background:linear-gradient(to bottom,#667eea 0%,#764ba2 100%);transform:translateY(2px);box-shadow:0 1px 3px #0009}.key-label[data-v-a613819b]{font-size:.75em;font-weight:600;color:inherit}.piano-key.white .key-label[data-v-a613819b]{color:#333}.piano-key.black .key-label[data-v-a613819b],.piano-key.active .key-label[data-v-a613819b],.piano-key.pressed .key-label[data-v-a613819b]{color:#fff}.key-binding[data-v-a613819b]{position:absolute;bottom:5px;font-size:.65em;font-weight:700;background:rgba(0,0,0,.1);padding:2px 6px;border-radius:3px;color:inherit}.piano-key.white .key-binding[data-v-a613819b]{color:#666}.piano-key.black .key-binding[data-v-a613819b]{color:#ccc}.controls-section[data-v-a613819b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.control-group[data-v-a613819b]{display:flex;flex-direction:column;gap:10px}.control-group label[data-v-a613819b]{font-weight:600;font-size:.95em}.octave-controls[data-v-a613819b]{display:flex;align-items:center;justify-content:center;gap:15px}.octave-button[data-v-a613819b]{width:40px;height:40px;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:1.5em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s}.octave-button[data-v-a613819b]:hover:not(:disabled){background:rgba(255,255,255,.3);transform:scale(1.1)}.octave-button[data-v-a613819b]:disabled{opacity:.3;cursor:not-allowed}.octave-display[data-v-a613819b]{font-size:2em;font-weight:700;min-width:50px;text-align:center}.slider[data-v-a613819b]{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.2);outline:none;-webkit-appearance:none}.slider[data-v-a613819b]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;transition:all .3s}.slider[data-v-a613819b]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.slider[data-v-a613819b]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;border:none}.select-input[data-v-a613819b]{padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:.95em;cursor:pointer}.select-input option[data-v-a613819b]{background:#764ba2;color:#fff}.recording-section[data-v-a613819b]{background:rgba(255,255,255,.1);padding:20px;border-radius:12px}.recording-header[data-v-a613819b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.recording-indicator[data-v-a613819b]{color:#ff6b6b;font-weight:700;animation:blink-a613819b 1s infinite}@keyframes blink-a613819b{0%,50%,to{opacity:1}25%,75%{opacity:.3}}.recording-controls[data-v-a613819b]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.record-button[data-v-a613819b]{flex:1;min-width:100px;padding:12px 16px;border:none;border-radius:8px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s;background:rgba(255,255,255,.2);color:#fff}.record-button[data-v-a613819b]:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-2px)}.record-button[data-v-a613819b]:disabled{opacity:.4;cursor:not-allowed}.record-button.stop[data-v-a613819b]{background:rgba(255,107,107,.3)}.record-button.play[data-v-a613819b]{background:rgba(56,239,125,.3)}.record-button.clear[data-v-a613819b]{background:rgba(255,193,7,.3)}.recording-info[data-v-a613819b]{display:flex;justify-content:space-around;font-size:.9em;opacity:.9}.presets-card[data-v-a613819b]{background:white}.presets-section[data-v-a613819b],.demo-section[data-v-a613819b],.chord-player-section[data-v-a613819b]{margin-bottom:30px}.presets-section h3[data-v-a613819b],.demo-section h3[data-v-a613819b],.chord-player-section h3[data-v-a613819b]{margin-bottom:15px;color:#333}.preset-buttons[data-v-a613819b],.chord-buttons[data-v-a613819b]{display:flex;flex-wrap:wrap;gap:10px}.preset-button[data-v-a613819b],.chord-button[data-v-a613819b]{padding:12px 20px;border:2px solid #e0e0e0;border-radius:8px;background:white;color:#333;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s}.preset-button[data-v-a613819b]:hover,.chord-button[data-v-a613819b]:hover{border-color:#667eea;background:#f5f5f5;transform:translateY(-2px)}.preset-button.active[data-v-a613819b]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}.chord-button[data-v-a613819b]:disabled{opacity:.5;cursor:not-allowed}.demo-list[data-v-a613819b]{display:grid;gap:10px}.demo-item[data-v-a613819b]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.demo-item[data-v-a613819b]:hover{background:#e9ecef;border-color:#667eea;transform:translate(5px)}.demo-info[data-v-a613819b]{display:flex;flex-direction:column;gap:5px}.demo-name[data-v-a613819b]{font-weight:600;color:#333}.demo-notes[data-v-a613819b]{font-size:.85em;color:#666}.demo-play-button[data-v-a613819b]{width:40px;height:40px;border:none;background:#667eea;color:#fff;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s}.demo-play-button[data-v-a613819b]:hover:not(:disabled){transform:scale(1.1);box-shadow:0 5px 15px #667eea66}.demo-play-button[data-v-a613819b]:disabled{opacity:.5;cursor:not-allowed}.instructions ol[data-v-a613819b]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-a613819b]{margin:12px 0;line-height:1.6}.keyboard-map[data-v-a613819b]{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.keyboard-map h3[data-v-a613819b]{margin-top:0;color:#333}.key-mapping[data-v-a613819b]{display:flex;flex-direction:column;gap:10px}.mapping-row[data-v-a613819b]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.key-cap[data-v-a613819b]{display:inline-block;padding:4px 10px;background:#667eea;color:#fff;border-radius:4px;font-weight:700;font-family:monospace;font-size:.9em;box-shadow:0 2px 4px #0003}.info-box[data-v-a613819b]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px}@media (max-width: 768px){.piano-wrapper[data-v-a613819b]{padding:20px 10px}.piano-keyboard[data-v-a613819b]{min-width:600px;height:250px}.piano-key.white[data-v-a613819b]{width:45px}.piano-key.black[data-v-a613819b]{width:30px;margin-left:-15px;margin-right:-15px}.controls-section[data-v-a613819b]{grid-template-columns:1fr}.recording-controls[data-v-a613819b]{flex-direction:column}.record-button[data-v-a613819b]{width:100%}.preset-buttons[data-v-a613819b],.chord-buttons[data-v-a613819b]{flex-direction:column}.preset-button[data-v-a613819b],.chord-button[data-v-a613819b]{width:100%}}.trimmer-container[data-v-6676c257]{display:grid;gap:20px}.trimmer-main[data-v-6676c257]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.trimmer-main h2[data-v-6676c257],.trimmer-main h3[data-v-6676c257]{color:#fff}.upload-area[data-v-6676c257]{background:rgba(255,255,255,.1);border:3px dashed rgba(255,255,255,.4);border-radius:15px;padding:40px;text-align:center;transition:all .3s;margin-bottom:25px}.upload-area.dragover[data-v-6676c257]{background:rgba(255,255,255,.2);border-color:#fff;transform:scale(1.02)}.upload-content[data-v-6676c257]{display:flex;flex-direction:column;align-items:center;gap:15px}.upload-icon[data-v-6676c257]{font-size:4em}.upload-button[data-v-6676c257]{background:white;color:#667eea;border:none;padding:12px 30px;border-radius:25px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.upload-button[data-v-6676c257]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.supported-formats[data-v-6676c257]{font-size:.85em;opacity:.7}.file-info[data-v-6676c257]{display:flex;align-items:center;gap:15px;background:rgba(255,255,255,.1);padding:20px;border-radius:10px}.file-icon[data-v-6676c257]{font-size:2.5em}.file-details[data-v-6676c257]{flex:1;text-align:left}.file-name[data-v-6676c257]{font-size:1.1em;font-weight:600;margin-bottom:5px}.file-size[data-v-6676c257]{font-size:.9em;opacity:.8}.remove-button[data-v-6676c257]{background:rgba(255,255,255,.2);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s}.remove-button[data-v-6676c257]:hover{background:#ff6b6b;transform:rotate(90deg)}.waveform-section[data-v-6676c257]{background:rgba(255,255,255,.1);padding:25px;border-radius:15px;margin-bottom:20px}.waveform-container[data-v-6676c257]{position:relative;background:#1a1a2e;border-radius:10px;margin-bottom:20px;overflow:hidden}.waveform-canvas[data-v-6676c257]{width:100%;display:block;cursor:crosshair}.selection-overlay[data-v-6676c257]{position:absolute;top:0;bottom:25px;background:rgba(56,239,125,.3);border-left:2px solid #38ef7d;border-right:2px solid #38ef7d;pointer-events:none}.selection-handle[data-v-6676c257]{position:absolute;top:0;width:10px;height:100%;background:#38ef7d}.selection-handle.left[data-v-6676c257]{left:0}.selection-handle.right[data-v-6676c257]{right:0}.time-markers[data-v-6676c257]{display:flex;position:relative;height:20px;font-size:.75em;color:#fff9;padding:0 5px}.time-marker[data-v-6676c257]{position:absolute;transform:translate(-50%)}.selection-info[data-v-6676c257]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.1);border-radius:10px}.info-item[data-v-6676c257]{display:flex;flex-direction:column;gap:5px}.info-label[data-v-6676c257]{font-size:.85em;opacity:.8}.info-value[data-v-6676c257]{font-size:1.2em;font-weight:600}.precise-controls[data-v-6676c257]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.control-group[data-v-6676c257]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-6676c257]{font-weight:600;font-size:.9em}.time-input[data-v-6676c257]{padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1em}.time-input[data-v-6676c257]:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.15)}.playback-controls[data-v-6676c257],.trim-actions[data-v-6676c257]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.control-button[data-v-6676c257],.action-button[data-v-6676c257]{flex:1;min-width:150px;padding:14px 20px;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.control-button[data-v-6676c257]{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.control-button[data-v-6676c257]:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-2px)}.control-button.primary[data-v-6676c257]{background:rgba(56,239,125,.3);border-color:#38ef7d}.action-button.primary[data-v-6676c257]{background:white;color:#667eea}.action-button.primary[data-v-6676c257]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.action-button.secondary[data-v-6676c257]{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.action-button.secondary[data-v-6676c257]:hover:not(:disabled){background:rgba(255,255,255,.3)}.control-button[data-v-6676c257]:disabled,.action-button[data-v-6676c257]:disabled{opacity:.5;cursor:not-allowed}.loading[data-v-6676c257]{text-align:center;padding:40px}.spinner[data-v-6676c257]{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin-6676c257 1s linear infinite}@keyframes spin-6676c257{to{transform:rotate(360deg)}}.export-card[data-v-6676c257]{background:linear-gradient(135deg,#38ef7d 0%,#11998e 100%);color:#fff}.export-card h2[data-v-6676c257],.export-card h3[data-v-6676c257]{color:#fff}.export-info[data-v-6676c257]{display:grid;gap:15px;margin-bottom:25px;padding:20px;background:rgba(255,255,255,.15);border-radius:10px}.export-detail[data-v-6676c257]{display:flex;justify-content:space-between;align-items:center}.detail-label[data-v-6676c257]{font-weight:600;opacity:.9}.detail-value[data-v-6676c257]{font-weight:600;font-size:1.2em}.export-preview[data-v-6676c257]{margin-bottom:25px}.audio-player[data-v-6676c257]{width:100%;margin-top:15px}.export-format[data-v-6676c257]{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.export-format label[data-v-6676c257]{font-weight:600}.select-input[data-v-6676c257]{padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:1em;cursor:pointer}.select-input option[data-v-6676c257]{background:#11998e;color:#fff}.download-button[data-v-6676c257],.new-trim-button[data-v-6676c257]{width:100%;padding:16px;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:10px}.download-button[data-v-6676c257]{background:white;color:#11998e}.download-button[data-v-6676c257]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.new-trim-button[data-v-6676c257]{background:rgba(255,255,255,.2);color:#fff;border:2px solid white}.new-trim-button[data-v-6676c257]:hover{background:rgba(255,255,255,.3)}.instructions ol[data-v-6676c257],.tips-box ul[data-v-6676c257]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-6676c257],.tips-box li[data-v-6676c257]{margin:12px 0;line-height:1.6}.tips-box[data-v-6676c257]{background:#f3e5f5;border-left:4px solid #9c27b0;padding:15px;border-radius:5px;margin-bottom:20px}.tips-box h3[data-v-6676c257]{margin-top:0;color:#9c27b0}.info-box[data-v-6676c257]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px}@media (max-width: 768px){.upload-area[data-v-6676c257]{padding:20px}.waveform-section[data-v-6676c257]{padding:15px}.precise-controls[data-v-6676c257],.selection-info[data-v-6676c257]{grid-template-columns:1fr}.playback-controls[data-v-6676c257],.trim-actions[data-v-6676c257]{flex-direction:column}.control-button[data-v-6676c257],.action-button[data-v-6676c257]{width:100%}}.progression-container[data-v-00ec4cd6]{display:grid;gap:20px}.generator-main[data-v-00ec4cd6]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.generator-main h2[data-v-00ec4cd6],.generator-main h3[data-v-00ec4cd6]{color:#fff}.controls-section[data-v-00ec4cd6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.control-group[data-v-00ec4cd6]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-00ec4cd6]{font-weight:600;font-size:.9em}.select-input[data-v-00ec4cd6]{padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1em;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s}.select-input[data-v-00ec4cd6]:hover{background:rgba(255,255,255,.2)}.select-input option[data-v-00ec4cd6]{background:#764ba2;color:#fff}.progression-builder[data-v-00ec4cd6]{background:rgba(255,255,255,.1);padding:25px;border-radius:15px}.progression-builder h3[data-v-00ec4cd6]{margin-bottom:20px;text-align:center}.chord-slots[data-v-00ec4cd6]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.chord-slot[data-v-00ec4cd6]{position:relative;min-width:150px}.chord-slot.playing[data-v-00ec4cd6]{animation:chordPulse-00ec4cd6 .5s}@keyframes chordPulse-00ec4cd6{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chord-select[data-v-00ec4cd6]{width:100%;padding:12px 30px 12px 12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:.95em;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .3s}.chord-select[data-v-00ec4cd6]:hover{background:rgba(255,255,255,.25);border-color:#ffffff80}.chord-select option[data-v-00ec4cd6]{background:#764ba2;color:#fff;padding:8px}.remove-chord[data-v-00ec4cd6]{position:absolute;top:5px;right:5px;background:rgba(255,107,107,.8);border:none;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.9em;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.remove-chord[data-v-00ec4cd6]:hover{background:#ff6b6b;transform:rotate(90deg)}.add-chord-button[data-v-00ec4cd6]{padding:12px 20px;border:2px dashed rgba(255,255,255,.4);border-radius:8px;background:transparent;color:#fff;font-size:.95em;cursor:pointer;transition:all .3s;min-width:150px}.add-chord-button[data-v-00ec4cd6]:hover{background:rgba(255,255,255,.1);border-color:#fff}.progression-actions[data-v-00ec4cd6]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.action-button[data-v-00ec4cd6]{flex:1;min-width:120px;padding:14px 20px;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.action-button.primary[data-v-00ec4cd6]{background:white;color:#667eea}.action-button.primary[data-v-00ec4cd6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.action-button.secondary[data-v-00ec4cd6]{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.action-button.secondary[data-v-00ec4cd6]:hover:not(:disabled){background:rgba(255,255,255,.3)}.action-button[data-v-00ec4cd6]:disabled{opacity:.5;cursor:not-allowed}.tempo-control[data-v-00ec4cd6]{display:flex;flex-direction:column;gap:10px}.tempo-control label[data-v-00ec4cd6]{font-weight:600;text-align:center}.tempo-slider[data-v-00ec4cd6]{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.2);outline:none;-webkit-appearance:none}.tempo-slider[data-v-00ec4cd6]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;transition:all .3s}.tempo-slider[data-v-00ec4cd6]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.tempo-slider[data-v-00ec4cd6]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:white;cursor:pointer;border:none;transition:all .3s}.progressions-library[data-v-00ec4cd6]{max-height:600px;overflow-y:auto}.progressions-list[data-v-00ec4cd6]{display:grid;gap:15px}.progression-item[data-v-00ec4cd6]{padding:20px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s;border:2px solid transparent}.progression-item[data-v-00ec4cd6]:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.progression-header[data-v-00ec4cd6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progression-header h4[data-v-00ec4cd6]{margin:0;color:#333}.progression-tag[data-v-00ec4cd6]{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600}.progression-chords[data-v-00ec4cd6]{font-size:1.1em;font-weight:600;color:#667eea;margin-bottom:10px}.progression-description[data-v-00ec4cd6]{color:#666;margin-bottom:10px;font-size:.95em}.progression-examples[data-v-00ec4cd6]{font-size:.85em;color:#999}.chord-info[data-v-00ec4cd6]{background:linear-gradient(135deg,#38ef7d 0%,#11998e 100%);color:#fff}.chord-info h2[data-v-00ec4cd6]{color:#fff}.chord-details[data-v-00ec4cd6]{display:grid;gap:15px;margin-bottom:20px}.detail-row[data-v-00ec4cd6]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(255,255,255,.15);border-radius:8px}.detail-label[data-v-00ec4cd6]{font-weight:600;opacity:.9}.detail-value[data-v-00ec4cd6]{font-weight:600;font-size:1.1em}.play-chord-button[data-v-00ec4cd6]{width:100%;padding:14px;background:white;color:#11998e;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s}.play-chord-button[data-v-00ec4cd6]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.instructions ol[data-v-00ec4cd6]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-00ec4cd6]{margin:12px 0;line-height:1.6}.info-box[data-v-00ec4cd6]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px;margin-bottom:20px}.theory-box[data-v-00ec4cd6]{background:#f3e5f5;border-left:4px solid #9c27b0;padding:15px;border-radius:5px}.theory-box h3[data-v-00ec4cd6]{margin-top:0;color:#9c27b0}.theory-box p[data-v-00ec4cd6]{margin:10px 0;font-size:.95em}@media (max-width: 768px){.controls-section[data-v-00ec4cd6]{grid-template-columns:1fr}.chord-slots[data-v-00ec4cd6]{flex-direction:column}.chord-slot[data-v-00ec4cd6],.add-chord-button[data-v-00ec4cd6]{width:100%}.progression-actions[data-v-00ec4cd6]{flex-direction:column}.action-button[data-v-00ec4cd6]{width:100%}}.transposer-container[data-v-60add56a]{display:grid;gap:20px}.transposer-main[data-v-60add56a]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.transposer-main h2[data-v-60add56a],.transposer-main h3[data-v-60add56a]{color:#fff}.controls-section[data-v-60add56a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.control-group[data-v-60add56a]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-60add56a]{font-weight:600;font-size:.9em}.select-input[data-v-60add56a]{padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1em;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s}.select-input[data-v-60add56a]:hover{background:rgba(255,255,255,.2)}.select-input option[data-v-60add56a]{background:#764ba2;color:#fff}.interval-display[data-v-60add56a]{padding:12px;background:rgba(255,255,255,.2);border-radius:8px;text-align:center;font-weight:600;font-size:1.1em}.input-section[data-v-60add56a],.output-section[data-v-60add56a]{margin-bottom:20px}.input-section h3[data-v-60add56a],.output-section h3[data-v-60add56a]{margin-bottom:10px}.input-textarea[data-v-60add56a]{width:100%;padding:15px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1em;background:rgba(255,255,255,.1);color:#fff;resize:vertical;font-family:Courier New,monospace;line-height:1.6}.input-textarea[data-v-60add56a]::placeholder{color:#fff9}.input-textarea[data-v-60add56a]:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.15)}.output-display[data-v-60add56a]{padding:20px;background:rgba(255,255,255,.2);border-radius:8px;font-family:Courier New,monospace;font-size:1.1em;line-height:1.8;word-wrap:break-word;min-height:60px;margin-bottom:15px}.transpose-button[data-v-60add56a],.copy-button[data-v-60add56a]{width:100%;padding:15px;background:white;color:#667eea;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:20px}.transpose-button[data-v-60add56a]:hover:not(:disabled),.copy-button[data-v-60add56a]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.transpose-button[data-v-60add56a]:disabled{opacity:.5;cursor:not-allowed}.quick-transpose[data-v-60add56a]{background:rgba(255,255,255,.1);padding:20px;border-radius:12px}.quick-transpose h3[data-v-60add56a]{margin-bottom:15px;text-align:center}.quick-buttons[data-v-60add56a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.quick-button[data-v-60add56a]{padding:12px 16px;background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s}.quick-button[data-v-60add56a]:hover:not(:disabled){background:rgba(255,255,255,.3);transform:translateY(-2px)}.quick-button[data-v-60add56a]:disabled{opacity:.5;cursor:not-allowed}.examples-card[data-v-60add56a]{max-height:500px;overflow-y:auto}.examples-list[data-v-60add56a]{display:grid;gap:15px}.example-item[data-v-60add56a]{padding:15px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s;border:2px solid transparent}.example-item[data-v-60add56a]:hover{background:#e9ecef;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.example-header[data-v-60add56a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.example-header h4[data-v-60add56a]{margin:0;color:#333}.example-tag[data-v-60add56a]{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600}.example-chords[data-v-60add56a]{font-family:Courier New,monospace;font-size:1.05em;color:#555;font-weight:600}.instructions ol[data-v-60add56a]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-60add56a]{margin:12px 0;line-height:1.6}.info-box[data-v-60add56a]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px;margin-bottom:20px}.info-box ul[data-v-60add56a]{margin:10px 0 0 20px;list-style-type:disc}.info-box li[data-v-60add56a]{margin:5px 0}.theory-box[data-v-60add56a]{background:#f3e5f5;border-left:4px solid #9c27b0;padding:15px;border-radius:5px}.theory-box h3[data-v-60add56a]{margin-top:0;color:#9c27b0}.theory-box p[data-v-60add56a]{margin:10px 0;font-size:.95em}@media (max-width: 768px){.controls-section[data-v-60add56a]{grid-template-columns:1fr}.quick-buttons[data-v-60add56a]{grid-template-columns:repeat(2,1fr)}}.interval-container[data-v-72ea4072]{display:grid;gap:20px}.calculator-main[data-v-72ea4072]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.calculator-main h2[data-v-72ea4072],.calculator-main h3[data-v-72ea4072]{color:#fff}.note-selection[data-v-72ea4072]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:30px}.note-picker[data-v-72ea4072]{display:flex;flex-direction:column;gap:10px}.note-picker label[data-v-72ea4072]{font-weight:600;font-size:.95em;text-align:center}.note-select[data-v-72ea4072]{padding:15px;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:1.1em;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s;font-weight:600}.note-select[data-v-72ea4072]:hover{background:rgba(255,255,255,.2);transform:scale(1.02)}.note-select option[data-v-72ea4072]{background:#f5576c;color:#fff}.interval-arrow[data-v-72ea4072]{font-size:2em;font-weight:700;text-align:center}.play-controls[data-v-72ea4072]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.play-button[data-v-72ea4072]{padding:15px 20px;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.play-button.primary[data-v-72ea4072]{background:white;color:#f5576c}.play-button.secondary[data-v-72ea4072]{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.4)}.play-button[data-v-72ea4072]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.result-display[data-v-72ea4072]{background:rgba(255,255,255,.1);padding:25px;border-radius:15px;margin-bottom:20px}.interval-name[data-v-72ea4072]{font-size:2em;font-weight:700;text-align:center;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.interval-details[data-v-72ea4072]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:25px}.detail-card[data-v-72ea4072]{background:rgba(255,255,255,.15);padding:15px;border-radius:10px;text-align:center}.detail-label[data-v-72ea4072]{font-size:.85em;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-value[data-v-72ea4072]{font-size:1.5em;font-weight:700}.interval-info[data-v-72ea4072]{background:rgba(255,255,255,.15);padding:20px;border-radius:10px;margin-bottom:20px}.interval-info h3[data-v-72ea4072]{margin-top:0;margin-bottom:15px}.interval-description[data-v-72ea4072]{font-size:1.05em;line-height:1.6;margin-bottom:15px}.interval-examples[data-v-72ea4072],.interval-usage[data-v-72ea4072]{margin-bottom:15px}.interval-examples ul[data-v-72ea4072]{margin:10px 0 0 20px}.interval-examples li[data-v-72ea4072]{margin:5px 0;line-height:1.5}.visual-keyboard[data-v-72ea4072]{background:rgba(255,255,255,.15);padding:20px;border-radius:10px}.visual-keyboard h3[data-v-72ea4072]{margin-top:0;margin-bottom:15px}.keyboard[data-v-72ea4072]{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;background:rgba(0,0,0,.2);padding:10px;border-radius:8px;margin-bottom:15px}.key[data-v-72ea4072]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.85em}.key.white[data-v-72ea4072]{background:white;color:#333}.key.black[data-v-72ea4072]{background:#222;color:#fff}.key[data-v-72ea4072]:hover{transform:scale(1.1);box-shadow:0 4px 10px #0000004d;z-index:1}.key.active-first[data-v-72ea4072]{background:#4CAF50!important;color:#fff!important;box-shadow:0 0 15px #4caf50cc}.key.active-second[data-v-72ea4072]{background:#2196F3!important;color:#fff!important;box-shadow:0 0 15px #2196f3cc}.key-label[data-v-72ea4072]{font-size:.9em}.keyboard-legend[data-v-72ea4072]{display:flex;justify-content:center;gap:30px;font-size:.9em}.legend-item[data-v-72ea4072]{display:flex;align-items:center;gap:8px}.legend-color[data-v-72ea4072]{width:20px;height:20px;border-radius:4px;display:inline-block}.legend-color.first[data-v-72ea4072]{background:#4CAF50}.legend-color.second[data-v-72ea4072]{background:#2196F3}.reference-card[data-v-72ea4072]{max-height:600px;overflow-y:auto}.reference-list[data-v-72ea4072]{display:grid;gap:10px}.reference-item[data-v-72ea4072]{padding:15px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s;border:2px solid transparent}.reference-item[data-v-72ea4072]:hover{background:#e9ecef;border-color:#f5576c;transform:translate(5px)}.reference-item.active[data-v-72ea4072]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;border-color:#f5576c}.reference-header[data-v-72ea4072]{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.reference-semitones[data-v-72ea4072]{background:rgba(0,0,0,.1);padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600}.reference-item.active .reference-semitones[data-v-72ea4072]{background:rgba(255,255,255,.3)}.reference-name[data-v-72ea4072]{font-weight:600;font-size:1.05em}.reference-short[data-v-72ea4072]{font-size:.9em;opacity:.8;font-style:italic}.instructions ol[data-v-72ea4072]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-72ea4072]{margin:12px 0;line-height:1.6}.theory-box[data-v-72ea4072]{background:#f3e5f5;border-left:4px solid #9c27b0;padding:15px;border-radius:5px;margin-bottom:20px}.theory-box h3[data-v-72ea4072]{margin-top:0;color:#9c27b0}.theory-box p[data-v-72ea4072]{margin:10px 0;font-size:.95em;line-height:1.6}.info-box[data-v-72ea4072]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px}.info-box ul[data-v-72ea4072]{margin:10px 0 0 20px;list-style-type:disc}.info-box li[data-v-72ea4072]{margin:8px 0;line-height:1.5}@media (max-width: 768px){.note-selection[data-v-72ea4072]{grid-template-columns:1fr}.interval-arrow[data-v-72ea4072]{transform:rotate(90deg)}.play-controls[data-v-72ea4072]{grid-template-columns:1fr}.keyboard[data-v-72ea4072]{grid-template-columns:repeat(6,1fr)}.interval-details[data-v-72ea4072]{grid-template-columns:1fr 1fr}}.circle-container[data-v-fe231c88]{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width: 1200px){.circle-container[data-v-fe231c88]{grid-template-columns:1fr 1fr;align-items:start}.circle-main[data-v-fe231c88]{grid-column:1;grid-row:1 / span 2}.key-info[data-v-fe231c88]{grid-column:2;grid-row:1}.instructions[data-v-fe231c88]{grid-column:1 / -1;grid-row:3}}.circle-main[data-v-fe231c88]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.circle-main h2[data-v-fe231c88]{color:#fff}.circle-wrapper[data-v-fe231c88]{background:rgba(255,255,255,.1);border-radius:15px;padding:20px}.circle-svg[data-v-fe231c88]{width:100%;max-width:600px;height:auto;display:block;margin:0 auto}.segment[data-v-fe231c88]{cursor:pointer;transition:all .3s;stroke:#ffffff4d;stroke-width:2}.segment[data-v-fe231c88]:hover{opacity:.8}.segment.active[data-v-fe231c88]{stroke:#fff;stroke-width:3}.key-text[data-v-fe231c88],.key-text-minor[data-v-fe231c88]{font-size:24px;font-weight:700;fill:#fff;cursor:pointer;user-select:none;pointer-events:none}.key-text-minor[data-v-fe231c88]{font-size:20px}.active-text[data-v-fe231c88]{font-size:28px}.center-circle[data-v-fe231c88]{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.center-title[data-v-fe231c88]{font-size:48px;font-weight:700;fill:#fff}.center-mode[data-v-fe231c88]{font-size:24px;fill:#ffffffe6}.circle-legend[data-v-fe231c88]{display:flex;justify-content:center;gap:30px;margin-top:20px;flex-wrap:wrap}.legend-item[data-v-fe231c88]{display:flex;align-items:center;gap:10px}.legend-color[data-v-fe231c88]{width:30px;height:30px;border-radius:5px;border:2px solid white}.key-info[data-v-fe231c88]{background:white}.key-header[data-v-fe231c88]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;color:#fff}.key-name-display[data-v-fe231c88]{font-size:2em;font-weight:700}.play-key-btn[data-v-fe231c88]{background:white;color:#667eea;border:none;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s}.play-key-btn[data-v-fe231c88]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.info-section[data-v-fe231c88]{margin:25px 0}.info-section h3[data-v-fe231c88]{color:#667eea;margin-bottom:15px;font-size:1.3em}.notes-display[data-v-fe231c88]{display:flex;gap:10px;flex-wrap:wrap}.note-badge[data-v-fe231c88]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 20px;border-radius:8px;font-size:1.2em;font-weight:600;cursor:pointer;transition:all .3s}.note-badge[data-v-fe231c88]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #667eea4d}.chords-grid[data-v-fe231c88]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.chord-item[data-v-fe231c88]{background:#f8f9fa;padding:15px;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s;border:2px solid transparent}.chord-item[data-v-fe231c88]:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea33}.chord-degree[data-v-fe231c88]{font-size:1.5em;font-weight:700;color:#667eea;margin-bottom:5px}.chord-name[data-v-fe231c88]{font-size:1.1em;font-weight:600;margin-bottom:5px}.chord-notes[data-v-fe231c88]{font-size:.85em;color:#666}.key-signature[data-v-fe231c88]{background:#f8f9fa;padding:20px;border-radius:10px;text-align:center}.signature-text[data-v-fe231c88]{font-size:1.3em;font-weight:600;color:#667eea;display:block;margin-bottom:15px}.signature-notes[data-v-fe231c88]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.signature-note[data-v-fe231c88]{background:#667eea;color:#fff;padding:8px 15px;border-radius:20px;font-weight:600}.related-keys[data-v-fe231c88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.related-item[data-v-fe231c88]{background:#f8f9fa;padding:15px;border-radius:8px;cursor:pointer;transition:all .3s;border-left:4px solid #667eea}.related-item[data-v-fe231c88]:hover{background:#e3f2fd;transform:translate(5px)}.related-item strong[data-v-fe231c88]{display:block;margin-bottom:5px;color:#667eea}.instruction-content h3[data-v-fe231c88]{color:#667eea;margin:25px 0 15px;font-size:1.3em}.instruction-content p[data-v-fe231c88]{line-height:1.6;margin-bottom:15px;color:#555}.instruction-content ul[data-v-fe231c88]{padding-left:20px;margin-bottom:20px}.instruction-content li[data-v-fe231c88]{margin:10px 0;line-height:1.6}.uses-grid[data-v-fe231c88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.use-item[data-v-fe231c88]{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #667eea}.use-item strong[data-v-fe231c88]{display:block;margin-bottom:8px;color:#667eea}.use-item p[data-v-fe231c88]{font-size:.95em;color:#666;margin:0}.tip-box[data-v-fe231c88]{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px;border-radius:5px;margin-top:20px;line-height:1.6}.tip-box strong[data-v-fe231c88]{color:#2196f3}@media (max-width: 768px){.circle-svg[data-v-fe231c88]{max-width:100%}.key-header[data-v-fe231c88]{flex-direction:column;gap:15px;text-align:center}.key-name-display[data-v-fe231c88]{font-size:1.5em}.chords-grid[data-v-fe231c88]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.uses-grid[data-v-fe231c88],.related-keys[data-v-fe231c88]{grid-template-columns:1fr}}.converter-container[data-v-355db016]{display:grid;gap:20px}.converter-main[data-v-355db016]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.converter-main h2[data-v-355db016],.converter-main h3[data-v-355db016]{color:#fff}.upload-area[data-v-355db016]{background:rgba(255,255,255,.1);border:3px dashed rgba(255,255,255,.3);border-radius:15px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:30px;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area[data-v-355db016]:hover,.upload-area.dragging[data-v-355db016]{background:rgba(255,255,255,.2);border-color:#fff9;transform:scale(1.02)}.upload-area.has-file[data-v-355db016]{border-style:solid;background:rgba(255,255,255,.15)}.upload-prompt[data-v-355db016]{width:100%}.upload-icon[data-v-355db016]{font-size:4em;margin-bottom:15px}.upload-prompt h3[data-v-355db016]{margin:0 0 10px;font-size:1.3em}.upload-prompt p[data-v-355db016]{margin:0 0 20px;opacity:.9}.supported-formats[data-v-355db016],.file-limit[data-v-355db016]{margin-top:15px;opacity:.8}.file-info[data-v-355db016]{display:flex;align-items:center;gap:20px;width:100%;max-width:500px}.file-icon[data-v-355db016]{font-size:3em}.file-details[data-v-355db016]{flex:1;text-align:left}.file-name[data-v-355db016]{font-weight:600;font-size:1.1em;margin-bottom:5px;word-break:break-word}.file-size[data-v-355db016]{opacity:.8}.remove-file[data-v-355db016]{background:rgba(255,107,107,.8);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s;flex-shrink:0}.remove-file[data-v-355db016]:hover{background:#ff6b6b;transform:rotate(90deg)}.conversion-options[data-v-355db016]{display:grid;gap:20px;margin-bottom:20px}.option-group[data-v-355db016]{display:flex;flex-direction:column;gap:10px}.option-group label[data-v-355db016]{font-weight:600;font-size:.95em}.format-select[data-v-355db016],.quality-select[data-v-355db016]{padding:15px;border:2px solid rgba(255,255,255,.3);border-radius:10px;font-size:1em;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s}.format-select[data-v-355db016]:hover,.quality-select[data-v-355db016]:hover{background:rgba(255,255,255,.2)}.format-select option[data-v-355db016],.quality-select option[data-v-355db016]{background:#11998e;color:#fff}.convert-button[data-v-355db016]{width:100%;padding:18px;background:white;color:#11998e;border:none;border-radius:12px;font-size:1.2em;font-weight:600;cursor:pointer;transition:all .3s}.convert-button[data-v-355db016]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.convert-button[data-v-355db016]:disabled{opacity:.6;cursor:not-allowed}.progress-bar[data-v-355db016]{width:100%;height:30px;background:rgba(255,255,255,.2);border-radius:15px;overflow:hidden;margin-bottom:20px}.progress-fill[data-v-355db016]{height:100%;background:linear-gradient(90deg,#4CAF50,#8BC34A);transition:width .3s;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.error-message[data-v-355db016]{background:rgba(255,107,107,.2);border:2px solid rgba(255,107,107,.5);padding:15px;border-radius:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.close-error[data-v-355db016]{background:rgba(255,255,255,.3);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.2em;transition:all .3s}.close-error[data-v-355db016]:hover{background:rgba(255,255,255,.5)}.conversion-result[data-v-355db016]{background:rgba(255,255,255,.15);padding:25px;border-radius:15px}.result-header[data-v-355db016]{text-align:center;margin-bottom:25px}.result-header h3[data-v-355db016]{margin:0;font-size:1.5em}.result-details[data-v-355db016]{display:grid;gap:12px;margin-bottom:25px}.result-row[data-v-355db016]{display:flex;justify-content:space-between;padding:12px;background:rgba(255,255,255,.1);border-radius:8px}.result-label[data-v-355db016]{font-weight:600;opacity:.9}.result-value[data-v-355db016]{font-weight:600;font-size:1.05em}.result-actions[data-v-355db016]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.download-button[data-v-355db016],.another-button[data-v-355db016]{padding:15px;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.download-button[data-v-355db016]{background:white;color:#11998e}.another-button[data-v-355db016]{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.4)}.download-button[data-v-355db016]:hover,.another-button[data-v-355db016]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.formats-card[data-v-355db016]{max-height:500px;overflow-y:auto}.format-list[data-v-355db016]{display:grid;gap:12px}.format-item[data-v-355db016]{padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #11998e}.format-name[data-v-355db016]{font-weight:600;font-size:1.1em;margin-bottom:5px;color:#333}.format-desc[data-v-355db016]{color:#666;font-size:.95em}.instructions ol[data-v-355db016]{padding-left:20px;margin-bottom:20px}.instructions li[data-v-355db016]{margin:12px 0;line-height:1.6}.info-box[data-v-355db016],.warning-box[data-v-355db016]{padding:15px;border-radius:5px;margin-bottom:20px}.info-box[data-v-355db016]{background:#e3f2fd;border-left:4px solid #2196f3}.warning-box[data-v-355db016]{background:#fff3e0;border-left:4px solid #ff9800}.info-box ul[data-v-355db016],.warning-box ul[data-v-355db016]{margin:10px 0 0 20px;list-style-type:disc}.info-box li[data-v-355db016],.warning-box li[data-v-355db016]{margin:8px 0;line-height:1.5}.theory-box[data-v-355db016]{background:#f3e5f5;border-left:4px solid #9c27b0;padding:15px;border-radius:5px}.theory-box h3[data-v-355db016]{margin-top:0;color:#9c27b0}.theory-box p[data-v-355db016]{margin:10px 0;font-size:.95em;line-height:1.6}@media (max-width: 768px){.upload-area[data-v-355db016]{padding:30px 20px}.result-actions[data-v-355db016]{grid-template-columns:1fr}.file-info[data-v-355db016]{flex-direction:column;text-align:center}.file-details[data-v-355db016]{text-align:center}}.drum-machine-container[data-v-648bf158]{max-width:1200px;margin:0 auto}.card[data-v-648bf158]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-648bf158]{text-align:center;margin-bottom:30px;color:#333;font-size:2em}h3[data-v-648bf158]{color:#333;margin-bottom:15px;font-size:1.3em}.transport-controls[data-v-648bf158]{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.play-button[data-v-648bf158],.stop-button[data-v-648bf158],.clear-button[data-v-648bf158]{padding:15px 30px;font-size:1.1em;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.play-button[data-v-648bf158]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.play-button.playing[data-v-648bf158]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stop-button[data-v-648bf158]{background:#e74c3c;color:#fff}.clear-button[data-v-648bf158]{background:#95a5a6;color:#fff}.play-button[data-v-648bf158]:hover,.stop-button[data-v-648bf158]:hover,.clear-button[data-v-648bf158]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.bpm-section[data-v-648bf158]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.control-group[data-v-648bf158]{display:flex;flex-direction:column;gap:10px}.control-group label[data-v-648bf158]{font-weight:600;color:#555}.bpm-controls[data-v-648bf158]{display:flex;align-items:center;gap:10px}.bpm-button[data-v-648bf158]{padding:8px 15px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600}.bpm-button[data-v-648bf158]:hover{background:#5568d3}.slider[data-v-648bf158]{width:100%;cursor:pointer}.select-input[data-v-648bf158]{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:1em;cursor:pointer}.sequencer[data-v-648bf158]{margin-bottom:30px;overflow-x:auto}.sequencer-header[data-v-648bf158]{display:grid;grid-template-columns:140px 1fr 80px;gap:10px;margin-bottom:10px;padding:10px;background:#f8f9fa;border-radius:8px}.track-label[data-v-648bf158],.volume-label[data-v-648bf158]{font-weight:600;color:#555;display:flex;align-items:center;justify-content:center}.steps-grid[data-v-648bf158]{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:5px}.step-number[data-v-648bf158]{text-align:center;font-size:.8em;color:#999;font-weight:600}.step-number.beat-marker[data-v-648bf158]{color:#667eea}.sequencer-row[data-v-648bf158]{display:grid;grid-template-columns:140px 1fr 80px;gap:10px;margin-bottom:8px;padding:8px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.track-info[data-v-648bf158]{display:flex;align-items:center;gap:10px}.preview-button[data-v-648bf158]{width:40px;height:40px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-size:1.5em;transition:all .2s}.preview-button[data-v-648bf158]:hover{background:#667eea;transform:scale(1.1)}.track-name[data-v-648bf158]{font-weight:600;color:#555;font-size:.9em}.step-button[data-v-648bf158]{width:100%;aspect-ratio:1;min-width:30px;border:2px solid #ddd;background:white;border-radius:6px;cursor:pointer;transition:all .2s}.step-button[data-v-648bf158]:hover{background:#f0f0f0;border-color:#667eea}.step-button.active[data-v-648bf158]{background:#667eea;border-color:#667eea}.step-button.playing[data-v-648bf158]{border-color:#f5576c;border-width:3px;box-shadow:0 0 10px #f5576c80}.step-button.beat-marker[data-v-648bf158]{border-color:#999}.volume-control[data-v-648bf158]{display:flex;align-items:center;justify-content:center}.volume-slider[data-v-648bf158]{width:60px;cursor:pointer}.presets-section[data-v-648bf158]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.preset-buttons[data-v-648bf158]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.preset-button[data-v-648bf158]{padding:12px 20px;background:white;border:2px solid #667eea;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.preset-button[data-v-648bf158]:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.export-section[data-v-648bf158]{padding:20px;background:#f8f9fa;border-radius:10px}.export-buttons[data-v-648bf158]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.export-button[data-v-648bf158]{padding:15px 25px;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s}.export-button[data-v-648bf158]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #11998e4d}.export-button[data-v-648bf158]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.card[data-v-648bf158]{padding:15px}h2[data-v-648bf158]{font-size:1.5em}.transport-controls[data-v-648bf158]{flex-direction:column}.bpm-section[data-v-648bf158]{grid-template-columns:1fr}.sequencer-row[data-v-648bf158]{grid-template-columns:100px 1fr 60px}.track-name[data-v-648bf158]{font-size:.8em}.preset-buttons[data-v-648bf158],.export-buttons[data-v-648bf158]{grid-template-columns:1fr}}.ear-training-container[data-v-4fc32156]{max-width:1000px;margin:0 auto}.card[data-v-4fc32156]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-4fc32156]{text-align:center;margin-bottom:30px;color:#333;font-size:2em}h3[data-v-4fc32156]{color:#333;margin-bottom:15px;font-size:1.5em}.exercise-selection[data-v-4fc32156]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.exercise-buttons[data-v-4fc32156]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.exercise-button[data-v-4fc32156]{padding:20px;background:white;border:3px solid #ddd;border-radius:10px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.exercise-button[data-v-4fc32156]:hover{border-color:#667eea;transform:translateY(-2px)}.exercise-button.active[data-v-4fc32156]{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.exercise-icon[data-v-4fc32156]{font-size:2em}.exercise-name[data-v-4fc32156]{font-weight:600;font-size:1em}.exercise-content[data-v-4fc32156]{margin-bottom:30px}.exercise-description[data-v-4fc32156]{text-align:center;color:#666;margin-bottom:20px;font-size:1.1em}.difficulty-selector[data-v-4fc32156]{display:flex;align-items:center;gap:15px;justify-content:center;margin-bottom:20px}.difficulty-selector label[data-v-4fc32156]{font-weight:600;color:#555}.select-input[data-v-4fc32156]{padding:10px 20px;border:2px solid #ddd;border-radius:8px;font-size:1em;cursor:pointer}.play-section[data-v-4fc32156]{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.play-button[data-v-4fc32156]{padding:15px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1em;transition:all .3s}.play-button[data-v-4fc32156]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.play-button[data-v-4fc32156]:disabled{opacity:.6;cursor:not-allowed}.play-button.secondary[data-v-4fc32156]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.answer-grid[data-v-4fc32156]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.answer-button[data-v-4fc32156]{padding:20px;background:white;border:3px solid #ddd;border-radius:10px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s;color:#333}.answer-button[data-v-4fc32156]:hover:not(:disabled){border-color:#667eea;transform:translateY(-2px)}.answer-button[data-v-4fc32156]:disabled{cursor:not-allowed}.answer-button.correct[data-v-4fc32156]{background:#2ecc71;color:#fff;border-color:#2ecc71}.answer-button.incorrect[data-v-4fc32156]{background:#e74c3c;color:#fff;border-color:#e74c3c}.rhythm-options[data-v-4fc32156]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.rhythm-option[data-v-4fc32156]{display:flex;align-items:center;justify-content:space-between;padding:20px;background:white;border:3px solid #ddd;border-radius:10px;cursor:pointer;transition:all .3s;color:#333}.rhythm-option[data-v-4fc32156]:hover{border-color:#667eea;transform:translateY(-2px)}.rhythm-option.correct[data-v-4fc32156]{background:#2ecc71;color:#fff;border-color:#2ecc71}.rhythm-option.incorrect[data-v-4fc32156]{background:#e74c3c;color:#fff;border-color:#e74c3c}.rhythm-notation[data-v-4fc32156]{font-size:1.5em;font-weight:600}.preview-button[data-v-4fc32156]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600}.preview-button[data-v-4fc32156]:hover:not(:disabled){background:#5568d3}.preview-button[data-v-4fc32156]:disabled{opacity:.6;cursor:not-allowed}.result-section[data-v-4fc32156]{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:20px}.result-message[data-v-4fc32156]{padding:20px 30px;border-radius:10px;font-size:1.2em;font-weight:600;display:flex;align-items:center;gap:10px}.result-message.correct[data-v-4fc32156]{background:#d4edda;color:#155724}.result-message.incorrect[data-v-4fc32156]{background:#f8d7da;color:#721c24}.result-icon[data-v-4fc32156]{font-size:1.5em}.next-button[data-v-4fc32156]{padding:15px 40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1em;transition:all .3s}.next-button[data-v-4fc32156]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.stats-section[data-v-4fc32156]{margin-top:40px;padding:20px;background:#f8f9fa;border-radius:10px}.stats-grid[data-v-4fc32156]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:20px}.stat-item[data-v-4fc32156]{text-align:center;padding:15px;background:white;border-radius:8px}.stat-value[data-v-4fc32156]{font-size:2em;font-weight:700;color:#667eea}.stat-label[data-v-4fc32156]{font-size:.9em;color:#666;margin-top:5px}.reset-button[data-v-4fc32156]{width:100%;padding:12px;background:#95a5a6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.reset-button[data-v-4fc32156]:hover{background:#7f8c8d}.no-exercise[data-v-4fc32156]{text-align:center;padding:60px 20px;color:#999;font-size:1.2em}@media (max-width: 768px){.card[data-v-4fc32156]{padding:15px}h2[data-v-4fc32156]{font-size:1.5em}.exercise-buttons[data-v-4fc32156],.answer-grid[data-v-4fc32156],.stats-grid[data-v-4fc32156]{grid-template-columns:repeat(2,1fr)}}.melody-generator-container[data-v-bb653766]{max-width:1200px;margin:0 auto}.card[data-v-bb653766]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-bb653766]{text-align:center;margin-bottom:15px;color:#333;font-size:2em}h3[data-v-bb653766]{color:#333;margin-bottom:15px;font-size:1.3em}.intro-text[data-v-bb653766]{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.config-section[data-v-bb653766]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.config-grid[data-v-bb653766]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.control-group[data-v-bb653766]{display:flex;flex-direction:column;gap:10px}.control-group label[data-v-bb653766]{font-weight:600;color:#555;font-size:.9em}.select-input[data-v-bb653766]{padding:10px;border:2px solid #ddd;border-radius:8px;font-size:1em;cursor:pointer;background:white}.select-input.small[data-v-bb653766]{padding:8px;font-size:.9em}.octave-range[data-v-bb653766]{display:flex;align-items:center;gap:10px}.slider[data-v-bb653766]{width:100%;cursor:pointer}.action-section[data-v-bb653766]{text-align:center;margin-bottom:30px}.generate-button[data-v-bb653766]{padding:20px 40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.2em;transition:all .3s}.generate-button[data-v-bb653766]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.generate-button[data-v-bb653766]:disabled{opacity:.6;cursor:not-allowed}.melody-display[data-v-bb653766]{margin-bottom:30px}.notes-container[data-v-bb653766]{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:#f8f9fa;border-radius:10px;margin-bottom:20px;justify-content:center}.note-box[data-v-bb653766]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:15px 10px;background:white;border:2px solid #ddd;border-radius:8px;transition:all .3s}.note-box.playing[data-v-bb653766]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea;transform:scale(1.1)}.note-name[data-v-bb653766]{font-weight:700;font-size:1.1em;margin-bottom:5px}.note-duration[data-v-bb653766]{font-size:1.5em}.playback-section[data-v-bb653766]{display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.play-button[data-v-bb653766],.stop-button[data-v-bb653766],.loop-button[data-v-bb653766]{padding:15px 30px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s}.play-button[data-v-bb653766]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.stop-button[data-v-bb653766]{background:#e74c3c;color:#fff}.loop-button[data-v-bb653766]{background:#95a5a6;color:#fff}.loop-button.active[data-v-bb653766]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.play-button[data-v-bb653766]:hover:not(:disabled),.stop-button[data-v-bb653766]:hover:not(:disabled),.loop-button[data-v-bb653766]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.play-button[data-v-bb653766]:disabled,.stop-button[data-v-bb653766]:disabled{opacity:.6;cursor:not-allowed}.export-section[data-v-bb653766]{padding:20px;background:#f8f9fa;border-radius:10px;margin-bottom:30px}.export-buttons[data-v-bb653766]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.export-button[data-v-bb653766]{padding:12px 20px;background:white;border:2px solid #667eea;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.export-button[data-v-bb653766]:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.library-section[data-v-bb653766]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.saved-melodies[data-v-bb653766]{display:flex;flex-direction:column;gap:10px}.saved-melody-card[data-v-bb653766]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;border-radius:8px;border:2px solid #ddd}.melody-info[data-v-bb653766]{flex:1}.melody-title[data-v-bb653766]{font-weight:700;font-size:1.1em;color:#333;margin-bottom:5px}.melody-details[data-v-bb653766]{color:#666;font-size:.9em}.melody-actions[data-v-bb653766]{display:flex;gap:10px}.action-btn[data-v-bb653766]{padding:8px 15px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9em;transition:all .3s}.action-btn[data-v-bb653766]:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.action-btn[data-v-bb653766]:disabled{opacity:.6;cursor:not-allowed}.action-btn.delete[data-v-bb653766]{background:#e74c3c}.action-btn.delete[data-v-bb653766]:hover{background:#c0392b}.tips-section[data-v-bb653766]{padding:20px;background:#fff3cd;border-radius:10px;border-left:4px solid #ffc107}.tips-section ul[data-v-bb653766]{margin:0;padding-left:20px}.tips-section li[data-v-bb653766]{margin-bottom:10px;color:#856404;line-height:1.6}@media (max-width: 768px){.card[data-v-bb653766]{padding:15px}h2[data-v-bb653766]{font-size:1.5em}.config-grid[data-v-bb653766]{grid-template-columns:1fr}.notes-container[data-v-bb653766]{gap:5px;padding:15px}.note-box[data-v-bb653766]{min-width:50px;padding:10px 8px}.playback-section[data-v-bb653766]{flex-direction:column}.saved-melody-card[data-v-bb653766]{flex-direction:column;gap:15px;align-items:flex-start}.melody-actions[data-v-bb653766]{width:100%;justify-content:space-between}}.ambient-generator-container[data-v-79664199]{max-width:1200px;margin:0 auto}.card[data-v-79664199]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-79664199]{text-align:center;margin-bottom:15px;color:#333;font-size:2em}h3[data-v-79664199]{color:#333;margin-bottom:15px;font-size:1.3em}.intro-text[data-v-79664199]{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.presets-section[data-v-79664199]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.preset-grid[data-v-79664199]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.preset-card[data-v-79664199]{padding:20px;background:white;border:3px solid #ddd;border-radius:10px;cursor:pointer;transition:all .3s;text-align:center;color:#333}.preset-card[data-v-79664199]:hover{border-color:#667eea;transform:translateY(-2px)}.preset-card.active[data-v-79664199]{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.preset-icon[data-v-79664199]{font-size:2.5em;margin-bottom:10px}.preset-name[data-v-79664199]{font-weight:700;margin-bottom:5px;font-size:1.1em;color:inherit}.preset-description[data-v-79664199]{font-size:.85em;opacity:.8;color:inherit}.controls-section[data-v-79664199]{margin-bottom:30px}.playback-controls[data-v-79664199]{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.play-button[data-v-79664199],.stop-button[data-v-79664199]{padding:20px 40px;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1.2em;transition:all .3s}.play-button[data-v-79664199]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.play-button.playing[data-v-79664199]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stop-button[data-v-79664199]{background:#e74c3c;color:#fff}.play-button[data-v-79664199]:hover:not(:disabled),.stop-button[data-v-79664199]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0003}.play-button[data-v-79664199]:disabled,.stop-button[data-v-79664199]:disabled{opacity:.5;cursor:not-allowed}.master-volume[data-v-79664199]{max-width:400px;margin:0 auto}.master-volume label[data-v-79664199]{display:block;text-align:center;font-weight:600;margin-bottom:10px;color:#555}.layers-section[data-v-79664199]{margin-bottom:30px}.layer-card[data-v-79664199]{background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:10px}.layer-header[data-v-79664199]{display:flex;justify-content:space-between;align-items:center;gap:15px}.layer-info[data-v-79664199]{display:flex;align-items:center;gap:10px}.layer-name[data-v-79664199]{font-weight:600;font-size:1.1em;cursor:pointer;user-select:none}.layer-volume[data-v-79664199]{display:flex;align-items:center;gap:10px;flex:1;max-width:300px}.volume-slider[data-v-79664199]{flex:1;cursor:pointer}.volume-label[data-v-79664199]{min-width:45px;text-align:right;font-weight:600;color:#667eea}.layer-controls[data-v-79664199]{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.control-group[data-v-79664199]{margin-bottom:10px}.control-group label[data-v-79664199]{display:block;font-size:.9em;color:#666;margin-bottom:5px}.slider[data-v-79664199]{width:100%;cursor:pointer}.slider.small[data-v-79664199]{max-width:300px}.effects-section[data-v-79664199]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.effects-grid[data-v-79664199]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.effect-card[data-v-79664199]{background:white;padding:15px;border-radius:8px;border:2px solid #ddd}.effect-header[data-v-79664199]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.effect-header label[data-v-79664199]{font-weight:600;cursor:pointer;user-select:none}.effect-controls[data-v-79664199]{padding-top:10px}.timer-section[data-v-79664199]{margin-bottom:30px;padding:20px;background:#fff3cd;border-radius:10px}.timer-controls[data-v-79664199]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.timer-button[data-v-79664199]{padding:12px 20px;background:white;border:2px solid #ffc107;color:#856404;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.timer-button[data-v-79664199]:hover,.timer-button.active[data-v-79664199]{background:#ffc107;color:#fff}.timer-button.clear[data-v-79664199]{border-color:#95a5a6;color:#666}.timer-button.clear[data-v-79664199]:hover{background:#95a5a6;color:#fff}.timer-display[data-v-79664199]{text-align:center;margin-top:15px;font-size:1.2em;font-weight:600;color:#856404}.tips-section[data-v-79664199]{padding:20px;background:#d4edda;border-radius:10px;border-left:4px solid #28a745}.tips-section ul[data-v-79664199]{margin:0;padding-left:20px}.tips-section li[data-v-79664199]{margin-bottom:10px;color:#155724;line-height:1.6}@media (max-width: 768px){.card[data-v-79664199]{padding:15px}h2[data-v-79664199]{font-size:1.5em}.preset-grid[data-v-79664199]{grid-template-columns:repeat(2,1fr)}.layer-header[data-v-79664199]{flex-direction:column;align-items:flex-start}.layer-volume[data-v-79664199]{width:100%;max-width:100%}.effects-grid[data-v-79664199]{grid-template-columns:1fr}.timer-controls[data-v-79664199]{flex-direction:column}.timer-button[data-v-79664199]{width:100%}}.midi-monitor-container[data-v-e9e7171b]{max-width:1200px;margin:0 auto}.card[data-v-e9e7171b]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-e9e7171b]{text-align:center;margin-bottom:15px;color:#333;font-size:2em}h3[data-v-e9e7171b]{color:#333;margin-bottom:15px;font-size:1.3em}h4[data-v-e9e7171b]{color:#555;margin-bottom:10px;font-size:1.1em}.intro-text[data-v-e9e7171b]{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.connection-section[data-v-e9e7171b]{text-align:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.status-indicator[data-v-e9e7171b]{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:25px;font-weight:600;margin-bottom:20px}.status-indicator.connected[data-v-e9e7171b]{background:#d4edda;color:#155724}.status-indicator.disconnected[data-v-e9e7171b]{background:#f8d7da;color:#721c24}.status-dot[data-v-e9e7171b]{width:12px;height:12px;border-radius:50%;background:currentColor;animation:pulse-e9e7171b 2s infinite}@keyframes pulse-e9e7171b{0%,to{opacity:1}50%{opacity:.5}}.connect-button[data-v-e9e7171b]{padding:15px 30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1.1em;transition:all .3s}.connect-button[data-v-e9e7171b]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.connect-button.disabled[data-v-e9e7171b]{background:#95a5a6;cursor:not-allowed}.input-selection[data-v-e9e7171b]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.no-devices[data-v-e9e7171b]{text-align:center;padding:30px;color:#856404;background:#fff3cd;border-radius:8px}.device-list[data-v-e9e7171b]{display:flex;flex-direction:column;gap:10px}.device-button[data-v-e9e7171b]{display:flex;align-items:center;gap:15px;padding:15px;background:white;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s;text-align:left}.device-button[data-v-e9e7171b]:hover{border-color:#667eea;transform:translate(5px)}.device-button.active[data-v-e9e7171b]{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.device-icon[data-v-e9e7171b]{font-size:2em}.device-info[data-v-e9e7171b]{flex:1}.device-name[data-v-e9e7171b]{font-weight:700;font-size:1.1em;margin-bottom:5px}.device-details[data-v-e9e7171b]{font-size:.9em;opacity:.8}.control-panel[data-v-e9e7171b]{margin-bottom:30px}.control-buttons[data-v-e9e7171b]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.action-button[data-v-e9e7171b]{padding:12px 20px;background:white;border:2px solid #667eea;color:#667eea;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.action-button[data-v-e9e7171b]:hover,.action-button.active[data-v-e9e7171b]{background:#667eea;color:#fff}.action-button.clear[data-v-e9e7171b]{border-color:#e74c3c;color:#e74c3c}.action-button.clear[data-v-e9e7171b]:hover{background:#e74c3c;color:#fff}.filters-section[data-v-e9e7171b]{padding:15px;background:#f8f9fa;border-radius:8px}.filter-buttons[data-v-e9e7171b]{display:flex;gap:10px;flex-wrap:wrap}.filter-button[data-v-e9e7171b]{padding:8px 15px;background:white;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .3s}.filter-button[data-v-e9e7171b]:hover{border-color:#667eea}.filter-button.active[data-v-e9e7171b]{border-color:#667eea;background:#667eea;color:#fff}.stats-section[data-v-e9e7171b]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.stats-grid[data-v-e9e7171b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card[data-v-e9e7171b]{background:white;padding:20px;border-radius:8px;text-align:center;border:2px solid #e0e0e0}.stat-value[data-v-e9e7171b]{font-size:2em;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label[data-v-e9e7171b]{font-size:.9em;color:#666}.velocity-graph[data-v-e9e7171b]{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:10px}.velocity-graph canvas[data-v-e9e7171b]{width:100%;height:150px;background:white;border-radius:8px;border:2px solid #e0e0e0}.messages-section[data-v-e9e7171b]{margin-bottom:30px}.messages-container[data-v-e9e7171b]{max-height:400px;overflow-y:auto;background:#1e1e1e;border-radius:8px;padding:15px;font-family:Courier New,monospace;font-size:.9em}.message-row[data-v-e9e7171b]{padding:8px;border-left:3px solid #667eea;margin-bottom:5px;background:#2a2a2a;border-radius:4px;color:#fff}.message-noteOn[data-v-e9e7171b]{border-left-color:#2ecc71}.message-noteOff[data-v-e9e7171b]{border-left-color:#e74c3c}.message-controlChange[data-v-e9e7171b]{border-left-color:#f39c12}.message-pitchBend[data-v-e9e7171b]{border-left-color:#9b59b6}.message-programChange[data-v-e9e7171b]{border-left-color:#3498db}.message-time[data-v-e9e7171b]{color:#95a5a6;margin-right:10px}.message-type[data-v-e9e7171b]{color:#3498db;font-weight:600;margin-right:10px}.message-data[data-v-e9e7171b]{color:#ecf0f1}.no-messages[data-v-e9e7171b]{text-align:center;padding:30px;color:#95a5a6}.active-notes[data-v-e9e7171b]{margin-bottom:30px;padding:20px;background:#d4edda;border-radius:10px;border-left:4px solid #28a745}.note-badges[data-v-e9e7171b]{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.note-badge[data-v-e9e7171b]{padding:8px 15px;background:#28a745;color:#fff;border-radius:20px;font-weight:600;font-size:.9em}.info-section[data-v-e9e7171b]{padding:20px;background:#e7f3ff;border-radius:10px;border-left:4px solid #2196f3}.info-section ul[data-v-e9e7171b]{margin:10px 0;padding-left:20px}.info-section li[data-v-e9e7171b]{margin-bottom:8px;color:#0d47a1;line-height:1.6}.compatibility-note[data-v-e9e7171b]{margin-top:15px;padding:15px;background:#fff3cd;border-radius:8px;color:#856404}@media (max-width: 768px){.card[data-v-e9e7171b]{padding:15px}h2[data-v-e9e7171b]{font-size:1.5em}.control-buttons[data-v-e9e7171b]{flex-direction:column}.stats-grid[data-v-e9e7171b]{grid-template-columns:repeat(2,1fr)}.velocity-graph canvas[data-v-e9e7171b]{height:100px}}.sheet-music-editor-container[data-v-37e5ed06]{max-width:1200px;margin:0 auto}.card[data-v-37e5ed06]{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px #00000014}h2[data-v-37e5ed06]{text-align:center;margin-bottom:15px;color:#333;font-size:2em}.intro-text[data-v-37e5ed06]{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.toolbar[data-v-37e5ed06]{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:#f8f9fa;border-radius:10px;margin-bottom:20px;align-items:center}.tool-group[data-v-37e5ed06]{display:flex;align-items:center;gap:10px}.tool-group label[data-v-37e5ed06]{font-weight:600;color:#555;white-space:nowrap}.select-input[data-v-37e5ed06]{padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:.95em;cursor:pointer;background:white}.duration-buttons[data-v-37e5ed06],.type-buttons[data-v-37e5ed06]{display:flex;gap:5px}.duration-btn[data-v-37e5ed06],.type-btn[data-v-37e5ed06]{padding:8px 12px;background:white;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s;font-size:1.2em;color:#333}.duration-btn[data-v-37e5ed06]:hover,.type-btn[data-v-37e5ed06]:hover{border-color:#667eea;transform:translateY(-1px)}.duration-btn.active[data-v-37e5ed06],.type-btn.active[data-v-37e5ed06]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:#667eea}.staff-container[data-v-37e5ed06]{background:white;border:2px solid #ddd;border-radius:10px;padding:20px;margin-bottom:20px;overflow-x:auto}.staff-svg[data-v-37e5ed06]{display:block;cursor:crosshair}.controls[data-v-37e5ed06]{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.control-buttons[data-v-37e5ed06]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.control-btn[data-v-37e5ed06]{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s}.play-btn[data-v-37e5ed06]{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff}.clear-btn[data-v-37e5ed06]{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff}.undo-btn[data-v-37e5ed06]{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:#fff}.add-btn[data-v-37e5ed06]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.export-btn[data-v-37e5ed06]{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff}.control-btn[data-v-37e5ed06]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0003}.control-btn[data-v-37e5ed06]:disabled{opacity:.5;cursor:not-allowed}.tempo-control[data-v-37e5ed06]{max-width:400px;margin:0 auto}.tempo-control label[data-v-37e5ed06]{display:block;text-align:center;font-weight:600;margin-bottom:10px;color:#555}.slider[data-v-37e5ed06]{width:100%;cursor:pointer}.instructions[data-v-37e5ed06]{padding:20px;background:#e8f5e9;border-radius:10px;border-left:4px solid #4caf50}.instructions h3[data-v-37e5ed06]{color:#2e7d32;margin-bottom:15px}.instructions ul[data-v-37e5ed06]{margin:0;padding-left:20px}.instructions li[data-v-37e5ed06]{margin-bottom:10px;color:#1b5e20;line-height:1.6}@media (max-width: 768px){.card[data-v-37e5ed06]{padding:15px}h2[data-v-37e5ed06]{font-size:1.5em}.toolbar[data-v-37e5ed06],.tool-group[data-v-37e5ed06]{flex-direction:column;align-items:stretch}.control-buttons[data-v-37e5ed06]{flex-direction:column}.control-btn[data-v-37e5ed06]{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;color:#333}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 0;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:15px;cursor:pointer}.logo h1{color:#fff;font-size:2.5em;font-weight:700}.logo-icon{font-size:3em}.back-button{background:rgba(255,255,255,.2);color:#fff;border:2px solid white;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s}.back-button:hover{background:white;color:#667eea}.tagline{color:#fffffff2;font-size:1.2em;margin-top:10px}.container{max-width:1200px;margin:40px auto;padding:0 20px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.intro{text-align:center;margin-bottom:50px}.intro h2{font-size:2em;color:#333;margin-bottom:15px}.intro p{font-size:1.1em;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:50px}.tool-card{background:white;border-radius:12px;padding:30px;text-align:center;box-shadow:0 2px 15px #00000014;transition:all .3s;cursor:pointer;border:2px solid transparent;position:relative;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea33;border-color:#667eea}.tool-icon{font-size:3.5em;margin-bottom:15px}.tool-card h3{color:#667eea;font-size:1.3em;margin-bottom:10px}.tool-card p{color:#666;font-size:.95em;line-height:1.5}.coming-soon{position:absolute;top:10px;right:10px;background:#ff6b6b;color:#fff;padding:5px 12px;border-radius:20px;font-size:.75em;font-weight:600}.active-tool{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%)}.features{background:white;border-radius:15px;padding:40px;margin:50px 0;box-shadow:0 2px 15px #00000014}.features h2{text-align:center;color:#667eea;font-size:2em;margin-bottom:30px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{text-align:center}.feature-icon{font-size:2.5em;margin-bottom:15px}.feature-item h3{color:#333;margin-bottom:10px;font-size:1.2em}.feature-item p{color:#666;font-size:.95em;line-height:1.5}.tool-page{animation:fadeIn .5s ease}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:20px}.card{background:white;border-radius:15px;padding:25px;box-shadow:0 10px 30px #0003}h2{color:#667eea;margin-bottom:20px;font-size:1.8em}.controls{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.control-group{flex:1;min-width:150px}label{display:block;margin-bottom:8px;font-weight:600;color:#555}select,button{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s}select:focus{outline:none;border-color:#667eea}button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:1px}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.result{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:20px;border-radius:10px;min-height:100px}.notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.note{background:white;padding:15px 20px;border-radius:8px;font-size:1.2em;font-weight:600;color:#667eea;box-shadow:0 3px 10px #0000001a;transition:transform .2s;cursor:pointer}.note:hover{transform:scale(1.1)}.info{margin-top:15px;padding:15px;background:rgba(255,255,255,.5);border-radius:8px;font-size:.95em}.play-button{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;margin-top:15px;transition:all .3s;display:inline-flex;align-items:center;gap:8px;width:auto}.play-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #11998e66}.play-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.keyboard{display:flex;gap:2px;margin-top:20px;justify-content:center;flex-wrap:wrap}.key{width:50px;height:150px;background:white;border:2px solid #333;border-radius:0 0 5px 5px;position:relative;cursor:pointer;transition:all .2s}.key.white{background:white}.key.black{background:#333;width:35px;height:100px;margin:0 -18px;z-index:1}.key.active{background:#667eea!important;transform:translateY(3px)}.key.black.active{background:#764ba2!important}.key-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600}.key.black .key-label{color:#fff;bottom:5px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:white;padding:40px;border-radius:15px;text-align:center;max-width:500px;animation:scaleIn .3s ease}.modal-content h3{color:#667eea;font-size:1.8em;margin-bottom:20px}.modal-content p{color:#666;margin-bottom:25px;line-height:1.6}.modal-close{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:transform .2s}.modal-close:hover{transform:translateY(-2px)}footer{background:#2d3436;color:#fff;text-align:center;padding:30px 20px;margin-top:60px}footer p{margin:5px 0}@media (max-width: 768px){.logo h1{font-size:1.8em}.tagline{font-size:1em}.intro h2{font-size:1.5em}.tools-grid,.main-grid{grid-template-columns:1fr}.key{width:35px;height:120px}.key.black{width:25px;height:80px;margin:0 -13px}}