.toolbar[data-v-7ce40c65]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#2d2d2d;border-bottom:1px solid #444;min-height:60px}.project-info[data-v-7ce40c65]{display:flex;align-items:center;gap:20px}.project-info h1[data-v-7ce40c65]{font-size:1.5rem;color:#4caf50;font-weight:600}.project-controls button[data-v-7ce40c65],.export-controls button[data-v-7ce40c65]{margin-left:10px;padding:8px 15px;margin-bottom:5px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.undo-redo-controls[data-v-7ce40c65]{display:inline-flex;gap:5px;margin-left:15px}.undo-redo-controls button[data-v-7ce40c65]{margin-left:0;padding:6px 12px;background:#666;font-size:.85rem;min-width:60px}.undo-redo-controls button[data-v-7ce40c65]:hover:not(:disabled){background:#777}.undo-redo-controls button[data-v-7ce40c65]:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.6}.project-controls button[data-v-7ce40c65]:hover,.export-controls button[data-v-7ce40c65]:hover{background:#45a049;transform:translateY(-1px)}.user-center-btn[data-v-7ce40c65]{margin-left:10px;padding:8px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.user-center-btn[data-v-7ce40c65]:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px)}.dropdown[data-v-7ce40c65]{position:relative;display:inline-block}.dropdown-toggle[data-v-7ce40c65]{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:80px}.dropdown-toggle[data-v-7ce40c65]:hover{background:#45a049;transform:translateY(-1px)}.dropdown-menu[data-v-7ce40c65]{display:none;position:absolute;top:100%;left:0;background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;margin-top:2px}.dropdown:hover .dropdown-menu[data-v-7ce40c65]{display:block}.dropdown-menu button[data-v-7ce40c65]{display:block;width:100%;padding:10px 15px;background:none;border:none;color:#ccc;cursor:pointer;font-size:.9rem;transition:all .2s ease;border-radius:0;margin:0;text-align:left}.dropdown-menu button[data-v-7ce40c65]:hover{background:#333;color:#fff}.file-btn[data-v-7ce40c65]{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.file-btn[data-v-7ce40c65]:hover{background:#45a049;transform:translateY(-1px)}.dropdown-item[data-v-7ce40c65]:first-child{border-radius:4px 4px 0 0}.dropdown-item[data-v-7ce40c65]:last-child{border-radius:0 0 4px 4px}.help[data-v-7ce40c65]{color:#4caf50;text-decoration:none;font-size:.9rem;padding:8px 15px;border:1px solid #4CAF50;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;margin-left:15px}.help[data-v-7ce40c65]:hover{background:#4caf50;color:#fff;text-decoration:none;transform:translateY(-1px)}.help[data-v-7ce40c65]:before{content:"?";font-weight:700;font-size:1rem}.transport-controls[data-v-7ce40c65]{display:flex;align-items:center;gap:15px}.transport-controls button[data-v-7ce40c65]{padding:10px;background:#333;color:#fff;border:1px solid #555;border-radius:50%;cursor:pointer;font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.transport-controls button[data-v-7ce40c65]:hover{background:#444;transform:scale(1.1)}.play-btn[data-v-7ce40c65]{background:#4caf50!important;border-color:#4caf50!important}.record-btn[data-v-7ce40c65]{background:#f44336!important;border-color:#f44336!important}.record-btn.active[data-v-7ce40c65]{animation:pulse-7ce40c65 1s infinite}.loop-btn[data-v-7ce40c65]{background:#333!important;border-color:#555!important}.loop-btn.active[data-v-7ce40c65]{background:#ff9800!important;border-color:#ff9800!important;animation:pulse-7ce40c65 1s infinite}.metronome-btn[data-v-7ce40c65]{background:#333!important;border-color:#555!important}.metronome-btn.active[data-v-7ce40c65]{background:#e91e63!important;border-color:#e91e63!important}.loop-controls[data-v-7ce40c65]{display:flex;align-items:center;gap:5px;margin-left:10px}.loop-controls span[data-v-7ce40c65]{color:#ccc;font-size:.9rem}.loop-input[data-v-7ce40c65]{width:60px;padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center;font-size:.85rem}.loop-input[data-v-7ce40c65]:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 2px #ff98004d}@keyframes pulse-7ce40c65{0%,to{opacity:1}50%{opacity:.5}}.time-display[data-v-7ce40c65]{font-family:Courier New,monospace;color:#ccc;font-size:.9rem}.tempo-control[data-v-7ce40c65],.key-control[data-v-7ce40c65],.time-signature-control[data-v-7ce40c65],.style-control[data-v-7ce40c65],.mood-control[data-v-7ce40c65]{display:flex;align-items:center;gap:8px}.tempo-control label[data-v-7ce40c65],.key-control label[data-v-7ce40c65],.time-signature-control label[data-v-7ce40c65],.style-control label[data-v-7ce40c65],.mood-control label[data-v-7ce40c65]{color:#ccc;font-size:.9rem}.tempo-control input[data-v-7ce40c65],.key-control select[data-v-7ce40c65],.time-signature-control select[data-v-7ce40c65],.style-control select[data-v-7ce40c65],.mood-control select[data-v-7ce40c65]{width:80px;padding:5px 10px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tempo-control input[data-v-7ce40c65]:focus,.key-control select[data-v-7ce40c65]:focus,.time-signature-control select[data-v-7ce40c65]:focus,.style-control select[data-v-7ce40c65]:focus,.mood-control select[data-v-7ce40c65]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.key-control select[data-v-7ce40c65]{font-weight:500}.key-control select option[data-v-7ce40c65]:checked{background:#4caf50;color:#fff}.help-modal[data-v-7ce40c65]{position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center}.help-modal-content[data-v-7ce40c65]{background-color:#fff;border-radius:8px;max-width:900px;width:90%;max-height:80vh;overflow:hidden;position:relative;z-index:3001}.help-modal-header[data-v-7ce40c65]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444;background-color:#f5f5f5}.help-modal-header h3[data-v-7ce40c65]{color:#333;margin:0}.help-modal-header .close[data-v-7ce40c65]{color:#666;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.help-modal-header .close[data-v-7ce40c65]:hover{color:#333}.help-modal-body[data-v-7ce40c65]{padding:0;height:calc(80vh - 80px);overflow:hidden}.help-iframe[data-v-7ce40c65]{width:100%;height:100%;border:none}.track-list[data-v-38c8084a]{width:280px;background:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.track-header[data-v-38c8084a]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.track-header h3[data-v-38c8084a]{font-size:1.1rem;color:#ccc}.track-header .track-controls[data-v-38c8084a]{display:flex;flex-direction:row;gap:8px}.add-track-btn[data-v-38c8084a],.thumbnail-view-btn[data-v-38c8084a]{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.add-track-btn[data-v-38c8084a]:hover{background:#45a049}.thumbnail-view-btn[data-v-38c8084a]{background:#9c27b0}.thumbnail-view-btn[data-v-38c8084a]:hover{background:#8e24aa}.thumbnail-view-btn.active[data-v-38c8084a]{background:#e91e63}.track[data-v-38c8084a]{padding:12px;border-bottom:1px solid #333;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.track[data-v-38c8084a]:hover{background:#333}.track.active[data-v-38c8084a]{background:#4caf50;color:#fff}.track-info[data-v-38c8084a]{display:flex;flex-direction:column;gap:8px}.track-buttons[data-v-38c8084a]{display:flex;gap:8px}.track-button[data-v-38c8084a]{padding:4px 8px;font-size:.8rem;border:1px solid #555;border-radius:3px;cursor:pointer;transition:all .2s ease;min-width:30px;text-align:center}.mute-btn[data-v-38c8084a]{background:#555;color:#fff}.mute-btn[data-v-38c8084a]:hover{background:#666}.mute-btn.active[data-v-38c8084a]{background:#f44336;border-color:#f44336}.solo-btn[data-v-38c8084a]{background:#555;color:#fff}.solo-btn[data-v-38c8084a]:hover{background:#666}.solo-btn.active[data-v-38c8084a]{background:#ff9800;border-color:#ff9800}.delete-btn[data-v-38c8084a]{background:#555;color:#fff;font-weight:700;font-size:1rem}.delete-btn[data-v-38c8084a]:hover{background:#f44336;border-color:#f44336}.track-name-container[data-v-38c8084a]{display:flex;align-items:center;gap:5px;margin-bottom:8px}.track-name[data-v-38c8084a]{font-weight:500;padding:4px 8px;border-radius:3px;transition:background-color .2s ease;flex:1}.track-name[data-v-38c8084a]:hover{background-color:#ffffff1a}.edit-name-btn[data-v-38c8084a]{background:#444;border:1px solid #555;border-radius:3px;color:#fff;padding:4px 6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.edit-name-btn[data-v-38c8084a]:hover{background:#555;border-color:#666}.edit-name-btn[data-v-38c8084a]:active{background:#333;transform:scale(.95)}.track-instrument-display[data-v-38c8084a]{width:100%;padding:6px 8px;background:#333;color:#fff;border:1px solid #555;border-radius:3px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.track-instrument-display[data-v-38c8084a]:hover{background:#444;border-color:#666}.track-volume-control[data-v-38c8084a]{display:flex;align-items:center;gap:5px;font-size:.8rem}.import-midi-btn[data-v-38c8084a]{background:#2196f3!important;color:#fff!important}.import-midi-btn[data-v-38c8084a]:hover{background:#1976d2!important;transform:translateY(-1px);box-shadow:0 2px 5px #2196f34d}.export-track-btn[data-v-38c8084a]{background:#ff9800!important;color:#fff!important}.export-track-btn[data-v-38c8084a]:hover{background:#f57c00!important;transform:translateY(-1px);box-shadow:0 2px 5px #ff98004d}.ai-generate-btn[data-v-38c8084a]{background:#9c27b0!important;color:#fff!important}.ai-generate-btn[data-v-38c8084a]:hover:not(.generating):not(:disabled){background:#8e24aa!important;transform:translateY(-1px);box-shadow:0 2px 5px #9c27b04d}.ai-generate-btn.generating[data-v-38c8084a]{background:#666!important;cursor:not-allowed;opacity:.7}.ai-generate-btn[data-v-38c8084a]:disabled{cursor:not-allowed;opacity:.6}.fast-generate-btn[data-v-38c8084a]{background:#ff5722!important;color:#fff!important}.fast-generate-btn[data-v-38c8084a]:hover{background:#e64a19!important;transform:translateY(-1px);box-shadow:0 2px 5px #ff57224d}.hum-to-midi-btn[data-v-38c8084a]{background:#00bcd4!important;color:#fff!important}.hum-to-midi-btn[data-v-38c8084a]:hover{background:#00acc1!important;transform:translateY(-1px);box-shadow:0 2px 5px #00bcd44d}.track-volume-control label[data-v-38c8084a]{color:#aaa;flex-shrink:0}.track-volume[data-v-38c8084a]{flex:1;height:4px;background:#555;outline:none;border-radius:2px}.track-volume[data-v-38c8084a]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%}.track-volume[data-v-38c8084a]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}.volume-value[data-v-38c8084a]{color:#aaa;font-size:.7rem;min-width:25px;text-align:right}.track.active .track-instrument-display[data-v-38c8084a]{background:#333;border-color:#ffffff4d}.track.active .track-volume-control label[data-v-38c8084a],.track.active .volume-value[data-v-38c8084a]{color:#fffc}.edit-dialog-overlay[data-v-38c8084a]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-dialog[data-v-38c8084a]{background:#333;border:1px solid #555;border-radius:8px;padding:20px;min-width:300px;max-width:90%;box-shadow:0 4px 20px #00000080}.edit-dialog h3[data-v-38c8084a]{margin:0 0 15px;color:#fff;font-size:1.1rem}.edit-dialog-input[data-v-38c8084a]{width:100%;padding:10px;background:#444;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;box-sizing:border-box;margin-bottom:15px}.edit-dialog-input[data-v-38c8084a]:focus{outline:none;border-color:#4caf50}.edit-dialog-buttons[data-v-38c8084a]{display:flex;gap:10px;justify-content:flex-end}.edit-dialog-btn[data-v-38c8084a]{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.edit-dialog-btn.cancel[data-v-38c8084a]{background:#555;color:#fff}.edit-dialog-btn.cancel[data-v-38c8084a]:hover{background:#666}.edit-dialog-btn.confirm[data-v-38c8084a]{background:#4caf50;color:#fff}.edit-dialog-btn.confirm[data-v-38c8084a]:hover{background:#45a049}.modal[data-v-96772440]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-96772440]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-96772440]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-96772440]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3[data-v-96772440]{color:#fff;margin:0}.close[data-v-96772440]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-96772440]:hover{color:#fff}.modal-body[data-v-96772440]{max-height:60vh;overflow-y:auto}.chord-inputs-container[data-v-96772440]{margin-bottom:15px}.chord-input-group[data-v-96772440]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.chord-input-group label[data-v-96772440]{color:#aaa;font-size:.9rem;min-width:40px}.beat-select[data-v-96772440]{background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:4px}.chord-input[data-v-96772440]{background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:6px;flex:1}.remove-chord[data-v-96772440]{background:#f44336;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer}.remove-chord[data-v-96772440]:hover{background:#d32f2f}.chord-controls[data-v-96772440]{display:flex;gap:10px;justify-content:flex-end}.chord-dialog-btn[data-v-96772440]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.chord-dialog-btn.cancel[data-v-96772440]{background:#555;color:#fff}.chord-dialog-btn.cancel[data-v-96772440]:hover{background:#666}.chord-dialog-btn.add-chord[data-v-96772440]{background:#4caf50;color:#fff}.chord-dialog-btn.add-chord[data-v-96772440]:hover{background:#45a049}.chord-dialog-btn.save[data-v-96772440]{background:#2196f3;color:#fff}.chord-dialog-btn.save[data-v-96772440]:hover{background:#1976d2}.piano-roll-container[data-v-9d5d328c]{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.piano-roll-inner[data-v-9d5d328c]{display:flex;height:100%;overflow:auto}.pitch-labels[data-v-9d5d328c]{width:60px;background:#252525;border-right:1px solid #444;color:#aaa;font-size:.7rem;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;flex-direction:column;position:relative;background-color:#1e1e1e;z-index:4;transition:left .05s ease-out;padding-top:54px}.pitch-label[data-v-9d5d328c]{height:20px;padding:2px 5px;text-align:right;border-bottom:1px solid #333;flex-shrink:0}.piano-roll-content[data-v-9d5d328c]{position:relative;flex:1;min-width:0}.measure-markers[data-v-9d5d328c]{position:absolute;top:0;left:0;height:30px;background:#333;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:3}.measure-marker[data-v-9d5d328c]{height:100%;border-right:1px solid #444;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;color:#aaa;min-width:40px;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.measure-marker[data-v-9d5d328c]:hover{background-color:#ffffff1a}.measure-number[data-v-9d5d328c]{font-size:.8rem;font-weight:700;color:#aaa;margin-bottom:2px;text-align:center;min-height:16px;line-height:16px}.chord-display[data-v-9d5d328c]{position:relative;top:-5px;font-size:.7rem;color:#4caf50;min-height:16px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;padding:2px;border-radius:3px;background:#4caf500d;transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%;box-sizing:border-box}.chord-display[data-v-9d5d328c]:hover{background:#4caf501a}.chord-item[data-v-9d5d328c]{background:#4caf5033;color:#4caf50;padding:1px 3px;border-radius:2px;font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .2s ease;cursor:pointer;border:1px solid rgba(76,175,80,.3)}.chord-item[data-v-9d5d328c]:hover{background:#4caf504d;border-color:#4caf5080;transform:translateY(-1px)}.chord-item.empty[data-v-9d5d328c]{color:#666;font-style:italic;background:transparent;border:1px dashed #555;padding:1px 6px;opacity:.7}.chord-item.empty[data-v-9d5d328c]:hover{background:#ffffff0d;border-color:#777;color:#888}.section-markers[data-v-9d5d328c]{position:absolute;top:30px;left:0;height:25px;background:#2a2a2a;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:4}.section-marker[data-v-9d5d328c]{height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ddd;padding:0 5px;box-sizing:border-box;background:#3a3a3a;border-right:1px solid #444;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute}.section-marker[data-v-9d5d328c]:hover{background:#4a4a4a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d;z-index:4}.section-marker.intro[data-v-9d5d328c]{background:#2196f3}.section-marker.verse[data-v-9d5d328c]{background:#9c27b0}.section-marker.chorus[data-v-9d5d328c]{background:#f44336}.section-marker.bridge[data-v-9d5d328c]{background:#ff9800}.section-marker.outro[data-v-9d5d328c]{background:#607d8b}.section-marker.interlude[data-v-9d5d328c]{background:#795548}.piano-roll-canvas[data-v-9d5d328c]{position:absolute;top:55px;left:0;z-index:1}.notes-container[data-v-9d5d328c]{position:absolute;top:55px;left:0;z-index:2;width:100%;height:calc(100% - 55px);pointer-events:none}.note[data-v-9d5d328c]{position:absolute;background:#4caf50;border:1px solid #388e3c;border-radius:3px;cursor:move;color:#fff;font-size:.7rem;padding:2px 5px;-webkit-user-select:none;user-select:none;min-width:20px;overflow:hidden;white-space:nowrap;pointer-events:auto}.note[data-v-9d5d328c]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.note[data-v-9d5d328c]:hover:after{content:"右键删除 | Ctrl+点击多选";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:.6rem;white-space:nowrap;z-index:10;pointer-events:none}.note.selected[data-v-9d5d328c]{background:#2196f3;border-color:#1976d2;box-shadow:0 0 0 2px #2196f380}.note[data-v-9d5d328c]:before{content:"";position:absolute;right:0;top:0;height:100%;width:8px;cursor:ew-resize;border-right:2px solid rgba(255,255,255,.3)}.box-selection[data-v-9d5d328c]{position:fixed;border:1px dashed #2196F3;background-color:#2196f31a;z-index:1000;pointer-events:none}.playback-head[data-v-9d5d328c]{position:absolute;width:2px;height:calc(100% - 55px);background-color:#ff5722;z-index:100;pointer-events:none;display:block}.piano-roll-controls[data-v-9d5d328c]{height:40px;background:#252525;border-top:1px solid #444;display:flex;align-items:center;padding:0 20px;gap:20px}.zoom-control[data-v-9d5d328c],.quantize-control[data-v-9d5d328c]{display:flex;align-items:center;gap:10px}.zoom-control label[data-v-9d5d328c],.quantize-control label[data-v-9d5d328c]{color:#ccc;font-size:.9rem}.zoom-control input[data-v-9d5d328c]{width:100px}.quantize-control select[data-v-9d5d328c]{padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff}.quantize-track-btn[data-v-9d5d328c]{padding:5px 15px;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.quantize-track-btn[data-v-9d5d328c]:hover{background:#45a049}.quantize-track-btn[data-v-9d5d328c]:active{background:#3d8b40}.full-score-container[data-v-d0aeeef0]{width:100%;height:400px;background:#1a1a1a;border:1px solid #333;position:relative;overflow-y:auto}.full-score-header[data-v-d0aeeef0]{padding:10px;background:#2a2a2a;border-bottom:1px solid #444;color:#ccc;font-size:.9rem;position:sticky;top:0;z-index:10}.full-score-content[data-v-d0aeeef0]{padding:10px;height:calc(100% - 50px);overflow-y:auto}.track-thumbnail[data-v-d0aeeef0]{margin-bottom:20px;border:1px solid #333;border-radius:4px;overflow:hidden}.track-thumbnail-header[data-v-d0aeeef0]{padding:8px 12px;background:#2a2a2a;border-bottom:1px solid #333;color:#ccc;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.track-name[data-v-d0aeeef0]{font-weight:500}.note-count[data-v-d0aeeef0]{font-size:.75rem;color:#999}.thumbnail-canvas[data-v-d0aeeef0]{position:relative;height:60px;background:#111;overflow-x:auto;overflow-y:hidden}.thumbnail-canvas canvas[data-v-d0aeeef0]{position:absolute;top:0;left:0;height:25px;image-rendering:pixelated}.modal[data-v-63def2de]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-63def2de]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-63def2de]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-63def2de]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3[data-v-63def2de]{color:#fff;margin:0}.close[data-v-63def2de]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-63def2de]:hover{color:#fff}.modal-body[data-v-63def2de]{max-height:60vh;overflow-y:auto}.tab-buttons[data-v-63def2de]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab-btn[data-v-63def2de]{padding:8px 16px;background:#333;color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-63def2de]:hover{background:#444;color:#fff}.tab-btn.active[data-v-63def2de]{background:#4caf50;color:#fff}.instrument-list[data-v-63def2de]{max-height:400px;overflow-y:auto}.instrument-item[data-v-63def2de]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease}.instrument-item[data-v-63def2de]:hover{background-color:#ffffff0d}.instrument-item.active[data-v-63def2de]{background-color:#4caf5033}.modal[data-v-5bd83762]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-5bd83762]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-5bd83762]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-5bd83762]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.modal-header h3[data-v-5bd83762]{color:#fff;margin:0}.mode-toggle[data-v-5bd83762]{display:flex;gap:5px}.mode-toggle button[data-v-5bd83762]{padding:6px 12px;background:#333;color:#aaa;border:1px solid #555;border-radius:4px;cursor:pointer;transition:all .2s ease}.mode-toggle button[data-v-5bd83762]:hover{background:#444;color:#fff}.mode-toggle button.active[data-v-5bd83762]{background:#4caf50;color:#fff;border-color:#4caf50}.close[data-v-5bd83762]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-5bd83762]:hover{color:#fff}.modal-body[data-v-5bd83762]{max-height:60vh;overflow-y:auto}.section-list[data-v-5bd83762]{width:100%}.section-scroll[data-v-5bd83762]{height:350px;overflow-y:auto}.section-table[data-v-5bd83762]{width:100%;border-collapse:collapse}.section-table th[data-v-5bd83762],.section-table td[data-v-5bd83762]{padding:8px;text-align:left;border-bottom:1px solid #444}.section-table th[data-v-5bd83762]{background-color:#333;color:#ccc}.section-table tr[data-v-5bd83762]:hover{background-color:#ffffff0d}.section-table input[data-v-5bd83762],.section-table select[data-v-5bd83762]{background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 8px;width:100%}.section-table input[data-v-5bd83762]:focus,.section-table select[data-v-5bd83762]:focus{outline:none;border-color:#4caf50}.delete-section-btn[data-v-5bd83762]{background:#f44336;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.delete-section-btn[data-v-5bd83762]:hover{background:#d32f2f}.action-buttons[data-v-5bd83762]{display:flex;gap:5px;flex-wrap:wrap}.copy-section-btn[data-v-5bd83762]{background:#2196f3;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.copy-section-btn[data-v-5bd83762]:hover{background:#1976d2}.ai-generate-btn[data-v-5bd83762]{background:#9c27b0;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.ai-generate-btn[data-v-5bd83762]:hover:not(:disabled){background:#7b1fa2}.ai-generate-btn[data-v-5bd83762]:disabled{background:#666;cursor:not-allowed;opacity:.5}.ai-generate-all-btn[data-v-5bd83762]{background:#9c27b0;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.ai-generate-all-btn[data-v-5bd83762]:hover:not(:disabled){background:#7b1fa2}.ai-generate-all-btn[data-v-5bd83762]:disabled{background:#666;cursor:not-allowed;opacity:.5}.move-up-btn[data-v-5bd83762],.move-down-btn[data-v-5bd83762]{background:#ff9800;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.move-up-btn[data-v-5bd83762]:hover:not(:disabled),.move-down-btn[data-v-5bd83762]:hover:not(:disabled){background:#f57c00}.move-up-btn[data-v-5bd83762]:disabled,.move-down-btn[data-v-5bd83762]:disabled{background:#666;cursor:not-allowed;opacity:.5}.note-count[data-v-5bd83762]{color:#4caf50;font-weight:700}.section-controls[data-v-5bd83762]{display:flex;gap:10px;margin-top:15px}.section-controls button[data-v-5bd83762]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.section-controls button[data-v-5bd83762]:hover{background:#45a049}.form-group[data-v-5bd83762]{margin-bottom:20px}.form-group label[data-v-5bd83762]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.prompt-input[data-v-5bd83762]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem;resize:vertical;min-height:100px}.prompt-input[data-v-5bd83762]:focus{outline:none;border-color:#4caf50}.form-actions[data-v-5bd83762]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel[data-v-5bd83762],.btn-generate[data-v-5bd83762]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-cancel[data-v-5bd83762]{background:#555;color:#fff}.btn-cancel[data-v-5bd83762]:hover{background:#666}.btn-generate[data-v-5bd83762]{background:#4caf50;color:#fff}.btn-generate[data-v-5bd83762]:hover:not(:disabled){background:#45a049}.btn-generate[data-v-5bd83762]:disabled{background:#888;cursor:not-allowed;opacity:.6}.modal[data-v-98b408d6]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-98b408d6]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-98b408d6]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-98b408d6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-98b408d6]{color:#fff;margin:0}.close[data-v-98b408d6]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-98b408d6]:hover{color:#fff}.modal-body[data-v-98b408d6]{max-height:60vh;overflow-y:auto}.export-options[data-v-98b408d6]{display:flex;gap:15px;justify-content:center}.export-option[data-v-98b408d6]{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;color:#fff}.midi-option[data-v-98b408d6]{background:#4299e1}.midi-option[data-v-98b408d6]:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 6px #4299e14d}.json-option[data-v-98b408d6]{background:#48bb78}.json-option[data-v-98b408d6]:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 6px #48bb784d}.wav-option[data-v-98b408d6]{background:#9b59b6}.wav-option[data-v-98b408d6]:hover{background:#8e44ad;transform:translateY(-2px);box-shadow:0 4px 6px #9b59b64d}.modal[data-v-cd6e0bc4]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-cd6e0bc4]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-cd6e0bc4]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:500px;width:90%}.modal-header[data-v-cd6e0bc4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-cd6e0bc4]{color:#fff;margin:0}.close[data-v-cd6e0bc4]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-cd6e0bc4]:hover{color:#fff}.modal-body[data-v-cd6e0bc4]{max-height:60vh;overflow-y:auto}.import-options[data-v-cd6e0bc4]{display:flex;gap:20px}.import-option[data-v-cd6e0bc4]{flex:1;background:#333;border:2px solid #444;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.import-option[data-v-cd6e0bc4]:hover{background:#444;border-color:#4caf50;transform:translateY(-2px)}.option-icon[data-v-cd6e0bc4]{font-size:48px;margin-bottom:15px}.option-content h4[data-v-cd6e0bc4]{color:#fff;margin:0 0 10px;font-size:1.1rem}.option-content p[data-v-cd6e0bc4]{color:#aaa;margin:0;font-size:.9rem}.modal[data-v-db9136d8]{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-db9136d8]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-db9136d8]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;z-index:2001}.modal-header[data-v-db9136d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-db9136d8]{color:#fff;margin:0}.close[data-v-db9136d8]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-db9136d8]:hover{color:#fff}.modal-body[data-v-db9136d8]{max-height:60vh;overflow-y:auto}.form-group[data-v-db9136d8]{margin-bottom:20px}.form-row[data-v-db9136d8]{margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-row label[data-v-db9136d8]{flex-shrink:0;min-width:80px;color:#ccc;font-size:.9rem}.form-row .bars-input[data-v-db9136d8]{flex:1}.form-group label[data-v-db9136d8]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.prompt-input[data-v-db9136d8]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem;resize:vertical;min-height:100px}.prompt-input[data-v-db9136d8]:focus{outline:none;border-color:#4caf50}.bars-input[data-v-db9136d8]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem;text-align:center}.bars-input[data-v-db9136d8]:focus{outline:none;border-color:#4caf50}.import-type-options[data-v-db9136d8]{display:flex;gap:15px}.import-type-option[data-v-db9136d8]{flex:1;background:#333;border:2px solid #444;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.import-type-option[data-v-db9136d8]:hover{background:#444;border-color:#4caf50;transform:translateY(-2px)}.import-type-option.active[data-v-db9136d8]{border-color:#4caf50;background:#3a3a3a}.option-icon[data-v-db9136d8]{font-size:36px;margin-bottom:10px}.option-content h4[data-v-db9136d8]{color:#fff;margin:0 0 5px;font-size:1rem}.option-content p[data-v-db9136d8]{color:#aaa;margin:0;font-size:.8rem}.form-actions[data-v-db9136d8]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel[data-v-db9136d8],.btn-generate[data-v-db9136d8]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-cancel[data-v-db9136d8]{background:#555;color:#fff}.btn-cancel[data-v-db9136d8]:hover{background:#666}.btn-generate[data-v-db9136d8]{background:#4caf50;color:#fff}.btn-generate[data-v-db9136d8]:hover:not(:disabled){background:#45a049}.btn-generate[data-v-db9136d8]:disabled{background:#888;cursor:not-allowed;opacity:.6}.error-message[data-v-db9136d8]{margin-top:15px;padding:10px;background:#f4433633;border:1px solid #f44336;border-radius:4px;color:#f44336;font-size:.85rem}.modal[data-v-4c3e8f71]{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-4c3e8f71]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-4c3e8f71]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;z-index:2001}.modal-header[data-v-4c3e8f71]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-4c3e8f71]{color:#fff;margin:0}.close[data-v-4c3e8f71]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-4c3e8f71]:hover{color:#fff}.modal-body[data-v-4c3e8f71]{max-height:60vh;overflow-y:auto}.form-group[data-v-4c3e8f71]{margin-bottom:20px}.form-group label[data-v-4c3e8f71]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.prompt-input[data-v-4c3e8f71]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem;resize:vertical;min-height:100px}.prompt-input[data-v-4c3e8f71]:focus{outline:none;border-color:#4caf50}.form-actions[data-v-4c3e8f71]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel[data-v-4c3e8f71],.btn-generate[data-v-4c3e8f71]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-cancel[data-v-4c3e8f71]{background:#555;color:#fff}.btn-cancel[data-v-4c3e8f71]:hover{background:#666}.btn-generate[data-v-4c3e8f71]{background:#4caf50;color:#fff}.btn-generate[data-v-4c3e8f71]:hover:not(:disabled){background:#45a049}.btn-generate[data-v-4c3e8f71]:disabled{background:#888;cursor:not-allowed;opacity:.6}.modal[data-v-adfc789f]{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-adfc789f]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-adfc789f]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:85vh;overflow-y:auto;position:relative;z-index:2001}.modal-header[data-v-adfc789f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-adfc789f]{color:#fff;margin:0}.close[data-v-adfc789f]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-adfc789f]:hover{color:#fff}.modal-body[data-v-adfc789f]{max-height:60vh;overflow-y:auto}.generate-tabs[data-v-adfc789f]{display:flex;gap:10px;margin-bottom:20px}.tab-item[data-v-adfc789f]{flex:1;padding:12px;text-align:center;background:#333;border:2px solid #444;border-radius:8px;cursor:pointer;color:#ccc;transition:all .2s ease;font-size:.9rem}.tab-item[data-v-adfc789f]:hover{background:#444;border-color:#4caf50}.tab-item.active[data-v-adfc789f]{background:#3a3a3a;border-color:#4caf50;color:#fff}.tab-content[data-v-adfc789f]{margin-bottom:20px}.form-group[data-v-adfc789f]{margin-bottom:15px}.form-group label[data-v-adfc789f]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.form-input[data-v-adfc789f],.form-select[data-v-adfc789f]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem}.form-input[data-v-adfc789f]:focus,.form-select[data-v-adfc789f]:focus{outline:none;border-color:#4caf50}.form-textarea[data-v-adfc789f]{width:100%;background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:10px;font-size:.9rem;resize:vertical;font-family:monospace}.form-textarea[data-v-adfc789f]:focus{outline:none;border-color:#4caf50}.import-type-options[data-v-adfc789f]{display:flex;gap:15px}.import-type-option[data-v-adfc789f]{flex:1;background:#333;border:2px solid #444;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.import-type-option[data-v-adfc789f]:hover{background:#444;border-color:#4caf50;transform:translateY(-2px)}.import-type-option.active[data-v-adfc789f]{border-color:#4caf50;background:#3a3a3a}.option-icon[data-v-adfc789f]{font-size:36px;margin-bottom:8px}.option-content h4[data-v-adfc789f]{margin:0 0 4px;color:#fff;font-size:.9rem}.option-content p[data-v-adfc789f]{margin:0;color:#999;font-size:.75rem}.form-actions[data-v-adfc789f]{display:flex;gap:15px;margin-top:20px}.btn-cancel[data-v-adfc789f],.btn-generate[data-v-adfc789f]{flex:1;padding:12px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-adfc789f]{background:#444;color:#ccc}.btn-cancel[data-v-adfc789f]:hover{background:#555}.btn-generate[data-v-adfc789f]{background:#4caf50;color:#fff}.btn-generate[data-v-adfc789f]:hover:not(:disabled){background:#45a049}.btn-generate[data-v-adfc789f]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-adfc789f]{background:#f44;color:#fff;padding:10px;border-radius:4px;margin-top:15px;font-size:.9rem}.sequencer-container[data-v-adfc789f]{background:#1a1a1a;border-radius:8px;padding:15px;margin-bottom:15px}.sequencer-header[data-v-adfc789f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sequencer-title[data-v-adfc789f]{font-size:14px;font-weight:600;color:#fff}.bars-input[data-v-adfc789f]{display:flex;align-items:center;gap:8px}.bars-input label[data-v-adfc789f]{color:#aaa;font-size:13px}.bars-input-field[data-v-adfc789f]{width:60px;padding:5px 8px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff;font-size:13px}.sequencer-grid[data-v-adfc789f]{margin-bottom:15px}.grid-header[data-v-adfc789f]{display:flex;align-items:center;margin-bottom:5px}.instrument-label[data-v-adfc789f]{width:70px;font-size:12px;color:#aaa;flex-shrink:0}.step-header[data-v-adfc789f]{width:28px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;flex-shrink:0}.step-header.beat-start[data-v-adfc789f]{color:#888;font-weight:600}.sequencer-row[data-v-adfc789f]{display:flex;align-items:center;margin-bottom:4px}.step-cell[data-v-adfc789f]{width:28px;height:28px;background:#333;border:1px solid #444;border-radius:4px;margin-right:1px;cursor:pointer;transition:all .1s;flex-shrink:0}.step-cell[data-v-adfc789f]:hover{background:#444;border-color:#555}.step-cell.beat-start[data-v-adfc789f]{border-left:2px solid #555}.step-cell.active[data-v-adfc789f]{background:#4caf50;border-color:#45a049}.step-cell.active[data-v-adfc789f]:hover{background:#45a049}.sequencer-controls[data-v-adfc789f]{display:flex;gap:10px}.sequencer-controls button[data-v-adfc789f]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-clear[data-v-adfc789f]{background:#555;color:#fff}.btn-clear[data-v-adfc789f]:hover{background:#666}.btn-preview[data-v-adfc789f]{background:#2196f3;color:#fff}.btn-preview[data-v-adfc789f]:hover:not(:disabled){background:#1976d2}.btn-preview[data-v-adfc789f]:disabled{background:#666;cursor:not-allowed}.btn-default[data-v-adfc789f]{background:#4caf50;color:#fff}.btn-default[data-v-adfc789f]:hover{background:#45a049}.hum-to-midi-modal[data-v-cfb3bc8c]{width:600px;max-height:80vh}.recording-section[data-v-cfb3bc8c]{display:flex;flex-direction:column;gap:15px}.status-indicator[data-v-cfb3bc8c]{display:flex;align-items:center;gap:10px;font-size:14px;color:#888}.status-dot[data-v-cfb3bc8c]{width:12px;height:12px;border-radius:50%;background:#888}.status-indicator.recording .status-dot[data-v-cfb3bc8c]{background:#ff4757;animation:pulse-cfb3bc8c 1s infinite}.status-indicator.processing .status-dot[data-v-cfb3bc8c]{background:#ffa502;animation:pulse-cfb3bc8c .5s infinite}@keyframes pulse-cfb3bc8c{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.waveform-display[data-v-cfb3bc8c]{height:100px;background:#1a1a2e;border-radius:8px;overflow:hidden;position:relative}.waveform-canvas[data-v-cfb3bc8c]{width:100%;height:100%}.pitch-indicator[data-v-cfb3bc8c]{position:absolute;bottom:10px;left:10px;background:#000000b3;padding:4px 12px;border-radius:4px;font-size:12px;color:#00d4ff}.controls[data-v-cfb3bc8c]{display:flex;gap:10px;justify-content:center}.record-btn[data-v-cfb3bc8c]{padding:12px 30px;border:none;border-radius:25px;font-size:16px;cursor:pointer;background:#ff4757;color:#fff;transition:all .3s}.record-btn.recording[data-v-cfb3bc8c]{background:#2f3542;color:#ff4757;border:2px solid #ff4757}.record-btn[data-v-cfb3bc8c]:hover:not(:disabled){transform:scale(1.05)}.record-btn[data-v-cfb3bc8c]:disabled{opacity:.5;cursor:not-allowed}.playback-btn[data-v-cfb3bc8c],.clear-btn[data-v-cfb3bc8c],.redetect-btn[data-v-cfb3bc8c]{padding:10px 20px;border:none;border-radius:20px;font-size:14px;cursor:pointer;background:#2f3542;color:#fff;transition:all .3s}.playback-btn[data-v-cfb3bc8c]:hover:not(:disabled),.clear-btn[data-v-cfb3bc8c]:hover:not(:disabled),.redetect-btn[data-v-cfb3bc8c]:hover:not(:disabled){background:#57606f}.redetect-btn[data-v-cfb3bc8c]{background:#0097a7!important}.redetect-btn[data-v-cfb3bc8c]:hover:not(:disabled){background:#00838f!important}.playback-btn[data-v-cfb3bc8c]:disabled,.clear-btn[data-v-cfb3bc8c]:disabled,.redetect-btn[data-v-cfb3bc8c]:disabled{opacity:.5;cursor:not-allowed}.options[data-v-cfb3bc8c]{background:#1a1a2e;padding:15px;border-radius:8px}.option-row[data-v-cfb3bc8c]{display:flex;align-items:center;gap:15px;margin-bottom:10px}.option-row[data-v-cfb3bc8c]:last-child{margin-bottom:0}.option-row label[data-v-cfb3bc8c]{width:100px;font-size:13px;color:#888}.import-mode-toggle[data-v-cfb3bc8c]{display:flex;gap:5px}.import-mode-toggle button[data-v-cfb3bc8c]{padding:6px 16px;border:none;border-radius:15px;font-size:12px;cursor:pointer;background:#2f3542;color:#888;transition:all .2s}.import-mode-toggle button.active[data-v-cfb3bc8c]{background:#00d4ff;color:#1a1a2e}.sensitivity-slider[data-v-cfb3bc8c]{flex:1;height:4px;-webkit-appearance:none;background:#2f3542;border-radius:2px}.sensitivity-slider[data-v-cfb3bc8c]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#00d4ff;cursor:pointer}.sensitivity-value[data-v-cfb3bc8c]{width:30px;text-align:right;font-size:12px;color:#00d4ff}.duration-select[data-v-cfb3bc8c]{padding:6px 12px;border:none;border-radius:4px;background:#2f3542;color:#fff;font-size:13px;cursor:pointer}.detected-notes[data-v-cfb3bc8c]{background:#1a1a2e;padding:15px;border-radius:8px;max-height:150px;overflow-y:auto}.detected-notes h4[data-v-cfb3bc8c]{margin:0 0 10px;font-size:13px;color:#888}.notes-list[data-v-cfb3bc8c]{display:flex;flex-wrap:wrap;gap:8px}.note-item[data-v-cfb3bc8c]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2f3542;border-radius:15px;font-size:12px;cursor:pointer;transition:all .2s}.note-item[data-v-cfb3bc8c]:hover{background:#57606f}.note-item.selected[data-v-cfb3bc8c]{background:#00d4ff;color:#1a1a2e}.note-name[data-v-cfb3bc8c]{font-weight:700;color:#00d4ff}.note-item.selected .note-name[data-v-cfb3bc8c]{color:#1a1a2e}.note-time[data-v-cfb3bc8c],.note-duration[data-v-cfb3bc8c]{color:#888;font-size:11px}.note-item.selected .note-time[data-v-cfb3bc8c],.note-item.selected .note-duration[data-v-cfb3bc8c]{color:#1a1a2e;opacity:.7}.form-actions[data-v-cfb3bc8c]{display:flex;gap:10px;margin-top:15px}.btn-cancel[data-v-cfb3bc8c]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;cursor:pointer;background:#2f3542;color:#fff}.btn-import[data-v-cfb3bc8c]{flex:2;padding:12px;border:none;border-radius:8px;font-size:14px;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.btn-import[data-v-cfb3bc8c]:hover:not(:disabled){background:linear-gradient(135deg,#00b8e6,#07a)}.btn-import[data-v-cfb3bc8c]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-cfb3bc8c]{padding:10px;background:#ff47571a;border:1px solid #ff4757;border-radius:8px;color:#ff4757;font-size:13px;text-align:center}.debug-info[data-v-cfb3bc8c]{padding:8px;background:#00d4ff1a;border:1px solid #00d4ff;border-radius:8px;color:#00d4ff;font-size:11px;word-break:break-all;line-height:1.5}.modal[data-v-bcaeac3c]{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-bcaeac3c]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-bcaeac3c]{background-color:#2a2a2a;padding:20px;border-radius:8px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative;z-index:2001}.modal-header[data-v-bcaeac3c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #444}.modal-header h3[data-v-bcaeac3c]{margin:0;color:#fff}.close[data-v-bcaeac3c]{cursor:pointer;font-size:1.5rem;color:#888}.close[data-v-bcaeac3c]:hover{color:#fff}.loading[data-v-bcaeac3c]{text-align:center;color:#888;padding:40px}.error-message[data-v-bcaeac3c]{color:#ff6b6b;padding:20px;text-align:center}.sample-list[data-v-bcaeac3c]{display:flex;flex-direction:column;gap:10px}.sample-item[data-v-bcaeac3c]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#333;border-radius:6px;cursor:pointer;transition:background .2s}.sample-item[data-v-bcaeac3c]:hover,.sample-item.active[data-v-bcaeac3c]{background:#444}.sample-info[data-v-bcaeac3c]{flex:1}.sample-name[data-v-bcaeac3c]{font-size:1.1rem;color:#fff;margin-bottom:5px}.sample-meta[data-v-bcaeac3c]{display:flex;gap:15px;font-size:.85rem;color:#888}.sample-actions[data-v-bcaeac3c]{display:flex;gap:10px;align-items:center}.btn-play[data-v-bcaeac3c]{width:40px;height:40px;border-radius:50%;border:none;background:#4caf50;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.btn-play[data-v-bcaeac3c]:hover{background:#45a049}.btn-play.playing[data-v-bcaeac3c]{background:#ff9800}.btn-add[data-v-bcaeac3c]{padding:8px 16px;border:none;border-radius:4px;background:#2196f3;color:#fff;cursor:pointer;transition:background .2s}.btn-add[data-v-bcaeac3c]:hover{background:#1976d2}.audio-waveform-container[data-v-468b8706]{position:relative;background:#1a1a1a;border-bottom:1px solid #333}.waveform-header[data-v-468b8706]{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#2d2d2d;border-bottom:1px solid #333}.header-controls[data-v-468b8706]{display:flex;gap:10px;align-items:center}.waveform-scroll-container[data-v-468b8706]{position:relative;overflow-x:auto;overflow-y:hidden;padding-left:340px;height:100px}.waveform-title[data-v-468b8706]{color:#4caf50;font-size:.9rem;font-weight:500}.mute-btn[data-v-468b8706]{background:none;border:none;color:#888;font-size:1rem;cursor:pointer;padding:0;width:32px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.mute-btn[data-v-468b8706]:hover{background:#333;color:#fff}.mute-btn.active[data-v-468b8706]{color:#f44336}.close-btn[data-v-468b8706]{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn[data-v-468b8706]:hover{background:#333;color:#fff}.waveform-canvas[data-v-468b8706]{display:block;cursor:pointer;height:100px}.playhead[data-v-468b8706]{position:absolute;top:0;width:2px;height:100%;background:#f44336;pointer-events:none;z-index:10;transition:left .05s linear}.lm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.lm-container{width:100%;max-width:450px;padding:16px;max-height:100vh}.lm-page{position:relative}.lm-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:16px}.lm-content{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;max-height:90vh}.lm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lm-header.lm-header-center{justify-content:center}.lm-title{font-size:20px;font-weight:700;flex:1;text-align:center}.lm-back,.lm-close{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff3;color:#fff;font-size:18px;border:none;padding:0;flex-shrink:0}.lm-back:hover,.lm-close:hover{background:#ffffff4d;transform:scale(1.1)}.lm-body{padding:32px 24px;overflow-y:auto}.lm-input-group{margin-bottom:20px}.lm-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.lm-input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;font-family:inherit}.lm-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.lm-input::placeholder{color:#999}.lm-input-with-button{display:flex;gap:8px}.lm-input-with-button .lm-input{flex:1}.lm-sms-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;font-size:14px}.lm-sms-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.lm-sms-btn:disabled{opacity:.5;cursor:not-allowed}.lm-button-group{margin-top:24px}.lm-btn{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.lm-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.lm-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.lm-btn:disabled{opacity:.5;cursor:not-allowed}.lm-link-group{display:flex;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid #e1e8ed}.lm-link-group-center{justify-content:center}.lm-link{color:#667eea;text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.lm-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 768px){.lm-container{padding:12px;max-height:100vh}.lm-content{max-height:100vh;border-radius:0}.lm-body{padding:24px 16px;max-height:calc(100vh - 80px)}.lm-title{font-size:18px}.lm-input{padding:10px 14px;font-size:13px}.lm-btn{padding:12px 20px;font-size:15px}}.uc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99998;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.uc-container{width:100%;max-width:450px;padding:16px}.uc-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;border-radius:16px}.uc-content{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.uc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.uc-title{font-size:20px;font-weight:700;flex:1;text-align:center}.uc-close{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff3;color:#fff;font-size:18px;border:none;padding:0;flex-shrink:0}.uc-close:hover{background:#ffffff4d;transform:scale(1.1)}.uc-body{padding:32px 24px}.uc-info-group{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e1e8ed}.uc-info-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.uc-info-label{font-size:14px;font-weight:600;color:#666;margin-bottom:8px}.uc-info-value{font-size:18px;font-weight:500;color:#333;margin-bottom:12px}.uc-vip-expired{color:#f44336}.uc-info-value-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px}.uc-token-value{display:flex;align-items:baseline;gap:4px}.uc-token-value span:first-child{font-size:24px;font-weight:700;color:#667eea}.uc-token-unit{font-size:14px;color:#999}.uc-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.uc-btn-buy{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.uc-btn-buy:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.uc-btn-renew{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 4px 12px #f5576c66}.uc-btn-renew:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f5576c80}.uc-btn-logout{width:100%;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;box-shadow:0 4px 12px #ff6b6b66}.uc-btn-logout:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b80}.uc-btn-refresh{width:32px;height:32px;padding:0;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.uc-btn-refresh:hover{background:#667eea33;transform:rotate(180deg)}@media (max-width: 768px){.uc-container{padding:12px}.uc-body{padding:24px 16px}.uc-title{font-size:18px}.uc-info-value{font-size:16px}.uc-token-value span:first-child{font-size:20px}}[data-v-821dd238]{margin:0;padding:0;box-sizing:border-box}body[data-v-821dd238]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a;color:#fff;overflow:hidden}.flex[data-v-821dd238]{display:flex;flex-direction:row}.flex-1[data-v-821dd238]{flex:1}.flex-ai-center[data-v-821dd238]{align-items:center}.gap-10[data-v-821dd238]{gap:10px}.mgb-5[data-v-821dd238]{margin-bottom:5px}.mgr-5[data-v-821dd238]{margin-right:5px}.mgr-10[data-v-821dd238]{margin-right:10px}.app-container[data-v-821dd238]{display:flex;flex-direction:column;height:100vh;width:100vw}.toolbar[data-v-821dd238]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#2d2d2d;border-bottom:1px solid #444;min-height:60px}.project-info[data-v-821dd238]{display:flex;align-items:center;gap:20px}.project-info h1[data-v-821dd238]{font-size:1.5rem;color:#4caf50;font-weight:600}.project-controls button[data-v-821dd238],.export-controls button[data-v-821dd238]{margin-left:10px;padding:8px 15px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.undo-redo-controls[data-v-821dd238]{display:inline-flex;gap:5px;margin-left:15px}.undo-redo-controls button[data-v-821dd238]{margin-left:0;padding:6px 12px;background:#666;font-size:.85rem;min-width:60px}.undo-redo-controls button[data-v-821dd238]:hover:not(:disabled){background:#777}.undo-redo-controls button[data-v-821dd238]:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.6}.project-controls button[data-v-821dd238]:hover,.export-controls button[data-v-821dd238]:hover{background:#45a049;transform:translateY(-1px)}.dropdown[data-v-821dd238]{position:relative;display:inline-block}.dropdown-toggle[data-v-821dd238]{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:80px}.dropdown-toggle[data-v-821dd238]:hover{background:#45a049;transform:translateY(-1px)}.dropdown-menu[data-v-821dd238]{display:none;position:absolute;top:100%;left:0;background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;margin-top:2px}.dropdown-menu.show[data-v-821dd238]{display:block}.dropdown-item[data-v-821dd238]{display:block;width:100%;padding:10px 15px;background:none;border:none;color:#ccc;text-align:left;cursor:pointer;font-size:.9rem;transition:all .2s ease;border-radius:0;margin:0}.dropdown-item[data-v-821dd238]:hover{background:#333;color:#fff}.dropdown-item[data-v-821dd238]:first-child{border-radius:4px 4px 0 0}.dropdown-item[data-v-821dd238]:last-child{border-radius:0 0 4px 4px}.help[data-v-821dd238]{color:#4caf50;text-decoration:none;font-size:.9rem;padding:8px 15px;border:1px solid #4CAF50;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;margin-left:15px}.help[data-v-821dd238]:hover{background:#4caf50;color:#fff;text-decoration:none;transform:translateY(-1px)}.help[data-v-821dd238]:before{content:"?";font-weight:700;font-size:1rem}.transport-controls[data-v-821dd238]{display:flex;align-items:center;gap:15px}.transport-controls button[data-v-821dd238]{padding:10px;background:#333;color:#fff;border:1px solid #555;border-radius:50%;cursor:pointer;font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.transport-controls button[data-v-821dd238]:hover{background:#444;transform:scale(1.1)}.play-btn[data-v-821dd238]{background:#4caf50!important;border-color:#4caf50!important}.record-btn[data-v-821dd238]{background:#f44336!important;border-color:#f44336!important}.time-display[data-v-821dd238]{font-family:Courier New,monospace;color:#ccc;font-size:.9rem}.tempo-control[data-v-821dd238],.key-control[data-v-821dd238],.time-signature-control[data-v-821dd238]{display:flex;align-items:center;gap:8px}.tempo-control label[data-v-821dd238],.key-control label[data-v-821dd238],.time-signature-control label[data-v-821dd238]{color:#ccc;font-size:.9rem}.tempo-control input[data-v-821dd238],.key-control select[data-v-821dd238],.time-signature-control select[data-v-821dd238]{width:60px;padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center}.editor-container[data-v-821dd238]{display:flex;flex:1;overflow:hidden}.track-list[data-v-821dd238]{width:280px;background:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.track-header[data-v-821dd238]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.track-header h3[data-v-821dd238]{font-size:1.1rem;color:#ccc}.track-header .track-controls[data-v-821dd238]{display:flex;flex-direction:row;gap:8px}.add-track-btn[data-v-821dd238],.thumbnail-view-btn[data-v-821dd238]{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.add-track-btn[data-v-821dd238]:hover{background:#45a049}.thumbnail-view-btn[data-v-821dd238]{background:#9c27b0}.thumbnail-view-btn[data-v-821dd238]:hover{background:#8e24aa}.thumbnail-view-btn.active[data-v-821dd238]{background:#e91e63}.track[data-v-821dd238]{padding:12px;border-bottom:1px solid #333;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.track[data-v-821dd238]:hover{background:#333}.track.active[data-v-821dd238]{background:#4caf50;color:#fff}.track-info[data-v-821dd238]{display:flex;flex-direction:column;gap:8px}.track-buttons[data-v-821dd238]{display:flex;gap:8px}.track-button[data-v-821dd238]{padding:4px 8px;font-size:.8rem;border:1px solid #555;border-radius:3px;cursor:pointer;transition:all .2s ease;min-width:30px;text-align:center}.mute-btn[data-v-821dd238]{background:#555;color:#fff}.mute-btn[data-v-821dd238]:hover{background:#666}.mute-btn.active[data-v-821dd238]{background:#f44336;border-color:#f44336}.solo-btn[data-v-821dd238]{background:#555;color:#fff}.solo-btn[data-v-821dd238]:hover{background:#666}.solo-btn.active[data-v-821dd238]{background:#ff9800;border-color:#ff9800}.delete-btn[data-v-821dd238]{background:#555;color:#fff;font-weight:700;font-size:1rem}.delete-btn[data-v-821dd238]:hover{background:#f44336;border-color:#f44336}.track-name-container[data-v-821dd238]{display:flex;align-items:center;gap:5px;margin-bottom:8px}.track-name[data-v-821dd238]{font-weight:500;padding:4px 8px;border-radius:3px;transition:background-color .2s ease;flex:1}.track-name[data-v-821dd238]:hover{background-color:#ffffff1a}.track-name.editing[data-v-821dd238]{background-color:#333;border:1px solid #4CAF50}.edit-name-btn[data-v-821dd238]{background:#444;border:1px solid #555;border-radius:3px;color:#fff;padding:4px 6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.edit-name-btn[data-v-821dd238]:hover{background:#555;border-color:#666}.edit-name-btn[data-v-821dd238]:active{background:#333;transform:scale(.95)}.track-instrument-select[data-v-821dd238]{width:100%;padding:4px;background:#333;color:#fff;border:1px solid #555;border-radius:3px;font-size:.8rem}.track-volume-control[data-v-821dd238]{display:flex;align-items:center;gap:5px;font-size:.8rem}.import-midi-btn[data-v-821dd238]{background:#2196f3!important;color:#fff!important}.import-midi-btn[data-v-821dd238]:hover{background:#1976d2!important;transform:translateY(-1px);box-shadow:0 2px 5px #2196f34d}.track-volume-control label[data-v-821dd238]{color:#aaa;flex-shrink:0}.track-volume[data-v-821dd238]{flex:1;height:4px;background:#555;outline:none;border-radius:2px}.track-volume[data-v-821dd238]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%}.track-volume[data-v-821dd238]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}.volume-value[data-v-821dd238]{color:#aaa;font-size:.7rem;min-width:25px;text-align:right}.track.active .track-instrument-select[data-v-821dd238]{background:#333;border-color:#ffffff4d}.track.active .track-volume-control label[data-v-821dd238],.track.active .volume-value[data-v-821dd238]{color:#fffc}.piano-roll-container[data-v-821dd238]{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.piano-roll-inner[data-v-821dd238]{display:flex;height:100%;overflow:auto}.pitch-labels[data-v-821dd238]{width:60px;background:#252525;border-right:1px solid #444;color:#aaa;font-size:.7rem;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;flex-direction:column;position:relative;background-color:#1e1e1e;z-index:4}.measure-marker-header[data-v-821dd238]{height:30px;background:#333;border-bottom:1px solid #444;flex-shrink:0}.pitch-label[data-v-821dd238]{height:20px;padding:2px 5px;text-align:right;border-bottom:1px solid #333;flex-shrink:0}.measure-markers[data-v-821dd238]{position:absolute;top:0;left:0;height:30px;background:#333;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:3}.measure-marker[data-v-821dd238]{height:100%;border-right:1px solid #444;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;color:#aaa;min-width:40px;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.measure-marker[data-v-821dd238]:hover{background-color:#ffffff1a}.measure-marker.active[data-v-821dd238]{background-color:#4285f433;border-right-color:#4285f4}.measure-number[data-v-821dd238]{font-size:.8rem;font-weight:700;color:#aaa;margin-bottom:2px;text-align:center;min-height:16px;line-height:16px}.chord-display[data-v-821dd238]{position:relative;top:-5px;font-size:.7rem;color:#4caf50;min-height:16px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;padding:2px;border-radius:3px;background:#4caf500d;transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%;box-sizing:border-box}.chord-display[data-v-821dd238]:hover{background:#4caf501a}.chord-item[data-v-821dd238]{background:#4caf5033;color:#4caf50;padding:1px 3px;border-radius:2px;font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .2s ease;cursor:pointer;border:1px solid rgba(76,175,80,.3)}.chord-item[data-v-821dd238]:hover{background:#4caf504d;border-color:#4caf5080;transform:translateY(-1px)}.chord-item.empty[data-v-821dd238]{color:#666;font-style:italic;background:transparent;border:1px dashed #555;padding:1px 6px;opacity:.7}.chord-item.empty[data-v-821dd238]:hover{background:#ffffff0d;border-color:#777;color:#888}.section-markers[data-v-821dd238]{position:absolute;top:30px;left:0;height:25px;background:#2a2a2a;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:4}.section-marker[data-v-821dd238]{height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ddd;padding:0 5px;box-sizing:border-box;background:#3a3a3a;border-right:1px solid #444;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-marker[data-v-821dd238]:hover{background:#4a4a4a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d;z-index:4}.section-marker.active[data-v-821dd238]{background:#4caf50;color:#fff}.section-marker.intro[data-v-821dd238]{background:#2196f3}.section-marker.verse[data-v-821dd238]{background:#9c27b0}.section-marker.chorus[data-v-821dd238]{background:#f44336}.section-marker.bridge[data-v-821dd238]{background:#ff9800}.section-marker.outro[data-v-821dd238]{background:#607d8b}.section-marker.interlude[data-v-821dd238]{background:#795548}.piano-roll-content[data-v-821dd238]{position:relative;flex:1;min-width:0}.piano-roll-canvas[data-v-821dd238]{position:absolute;top:55px;left:0;z-index:1}.notes-container[data-v-821dd238]{position:absolute;top:55px;left:0;z-index:2;width:100%;height:calc(100% - 55px)}.piano-roll[data-v-821dd238]{flex:1;display:flex;flex-direction:column;background:#1e1e1e;height:300px;overflow:hidden}.note[data-v-821dd238]{position:absolute;background:#4caf50;border:1px solid #388e3c;border-radius:3px;cursor:move;color:#fff;font-size:.7rem;padding:2px 5px;-webkit-user-select:none;user-select:none;transition:all .1s ease;min-width:20px}.note[data-v-821dd238]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.note[data-v-821dd238]:hover:after{content:"右键删除 | 拖动右边缘调整时值 | Ctrl+点击多选";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:.6rem;white-space:nowrap;z-index:10;pointer-events:none}.note.selected[data-v-821dd238]{background:#2196f3;border-color:#1976d2;box-shadow:0 0 0 2px #2196f380}.note.deleting[data-v-821dd238]{animation:noteDelete-821dd238 .2s ease-out forwards}.note[data-v-821dd238]:before{content:"";position:absolute;right:0;top:0;height:100%;width:8px;cursor:ew-resize;border-right:2px solid rgba(255,255,255,.3)}.note.resizing[data-v-821dd238]{background:#ff9800;border-color:#f57c00}.box-selection[data-v-821dd238]{position:fixed;border:1px dashed #2196F3;background-color:#2196f31a;z-index:1000;pointer-events:none}.playback-head[data-v-821dd238]{position:absolute;top:55px;width:2px;height:calc(100% - 55px);background-color:#ff5722;z-index:100;pointer-events:none;display:block}.notification[data-v-821dd238]{position:fixed;top:20px;right:20px;background-color:#333;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:1000;transform:translate(120%);transition:transform .3s ease}.notification.show[data-v-821dd238]{transform:translate(0)}@keyframes noteDelete-821dd238{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);background-color:#f44336}to{transform:scale(0);opacity:0}}.piano-roll-controls[data-v-821dd238]{height:40px;background:#252525;border-top:1px solid #444;display:flex;align-items:center;padding:0 20px;gap:20px}.zoom-control[data-v-821dd238],.quantize-control[data-v-821dd238]{display:flex;align-items:center;gap:10px}.zoom-control label[data-v-821dd238],.quantize-control label[data-v-821dd238]{color:#ccc;font-size:.9rem}.zoom-control input[data-v-821dd238]{width:100px}.quantize-control select[data-v-821dd238]{padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff}[data-v-821dd238]::-webkit-scrollbar{width:10px;height:10px}[data-v-821dd238]::-webkit-scrollbar-track{background:#2d2d2d}[data-v-821dd238]::-webkit-scrollbar-thumb{background:#555;border-radius:5px}[data-v-821dd238]::-webkit-scrollbar-thumb:hover{background:#666}.modal[data-v-821dd238]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-821dd238]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-821dd238]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-821dd238]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3[data-v-821dd238]{color:#fff;margin:0}.close[data-v-821dd238]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-821dd238]:hover{color:#fff}.tab-buttons[data-v-821dd238]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab-btn[data-v-821dd238]{padding:8px 16px;background:#333;color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-821dd238]:hover{background:#444;color:#fff}.tab-btn.active[data-v-821dd238]{background:#4caf50;color:#fff}.instrument-list[data-v-821dd238]{max-height:400px;overflow-y:auto}.instrument-item[data-v-821dd238]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease}.instrument-item[data-v-821dd238]:hover{background-color:#ffffff0d}.instrument-item.active[data-v-821dd238]{background-color:#4caf5033}.section-list[data-v-821dd238]{width:100%}.section-scroll[data-v-821dd238]{height:350px;overflow-y:auto}.section-table[data-v-821dd238]{width:100%;border-collapse:collapse}.section-table th[data-v-821dd238],.section-table td[data-v-821dd238]{padding:8px;text-align:left;border-bottom:1px solid #444}.section-table th[data-v-821dd238]{background-color:#333;color:#ccc}.section-table tr[data-v-821dd238]:hover{background-color:#ffffff0d}.section-controls[data-v-821dd238]{display:flex;gap:10px;margin-top:15px}.section-controls button[data-v-821dd238]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.section-controls button[data-v-821dd238]:hover{background:#45a049}.help-container[data-v-821dd238]{max-width:800px;margin:40px auto;padding:20px;background:#2d2d2d;border-radius:8px}.help-container h1[data-v-821dd238]{color:#4caf50;margin-bottom:20px}.help-container h3[data-v-821dd238]{color:#ccc;margin:20px 0 10px}.help-container p[data-v-821dd238]{color:#aaa;line-height:1.6}.help-container pre[data-v-821dd238]{background:#333;padding:15px;border-radius:4px;overflow-x:auto;color:#ccc;line-height:1.6}.help-container[data-v-b6f47435]{max-width:800px;margin:40px auto;padding:20px;background:#2d2d2d;border-radius:8px}.help-container h1[data-v-b6f47435]{color:#4caf50;margin-bottom:20px}.help-container h3[data-v-b6f47435]{color:#ccc;margin:20px 0 10px}.help-container p[data-v-b6f47435]{color:#aaa;line-height:1.6}.help-container pre[data-v-b6f47435]{background:#333;padding:15px;border-radius:4px;overflow-x:auto;color:#ccc;line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a;color:#fff;overflow:hidden}.flex{display:flex;flex-direction:row}.flex-1{flex:1}.flex-ai-center{align-items:center}.gap-10{gap:10px}.mgb-5{margin-bottom:5px}.mgr-5{margin-right:5px}.mgr-10{margin-right:10px}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#2d2d2d;border-bottom:1px solid #444;min-height:60px}.project-info{display:flex;align-items:center;gap:20px}.project-info h1{font-size:1.5rem;color:#4caf50;font-weight:600}.project-controls button,.export-controls button{margin-left:10px;padding:8px 15px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.undo-redo-controls{display:inline-flex;gap:5px;margin-left:15px}.undo-redo-controls button{margin-left:0;padding:6px 12px;background:#666;font-size:.85rem;min-width:60px}.undo-redo-controls button:hover:not(:disabled){background:#777}.undo-redo-controls button:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.6}.project-controls button:hover,.export-controls button:hover{background:#45a049;transform:translateY(-1px)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:80px}.dropdown-toggle:hover{background:#45a049;transform:translateY(-1px)}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#2d2d2d;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;margin-top:2px}.dropdown-menu.show{display:block}.dropdown-item{display:block;width:100%;padding:10px 15px;background:none;border:none;color:#ccc;text-align:left;cursor:pointer;font-size:.9rem;transition:all .2s ease;border-radius:0;margin:0}.dropdown-item:hover{background:#333;color:#fff}.dropdown-item:first-child{border-radius:4px 4px 0 0}.dropdown-item:last-child{border-radius:0 0 4px 4px}.help{color:#4caf50;text-decoration:none;font-size:.9rem;padding:8px 15px;border:1px solid #4CAF50;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px;margin-left:15px}.help:hover{background:#4caf50;color:#fff;text-decoration:none;transform:translateY(-1px)}.help:before{content:"?";font-weight:700;font-size:1rem}.transport-controls{display:flex;align-items:center;gap:15px}.transport-controls button{padding:10px;background:#333;color:#fff;border:1px solid #555;border-radius:50%;cursor:pointer;font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.transport-controls button:hover{background:#444;transform:scale(1.1)}.play-btn{background:#4caf50!important;border-color:#4caf50!important}.record-btn{background:#f44336!important;border-color:#f44336!important}.time-display{font-family:Courier New,monospace;color:#ccc;font-size:.9rem}.tempo-control,.key-control,.time-signature-control{display:flex;align-items:center;gap:8px}.tempo-control label,.key-control label,.time-signature-control label{color:#ccc;font-size:.9rem}.tempo-control input,.key-control select,.time-signature-control select{width:60px;padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center}.editor-container{display:flex;flex:1;overflow:hidden}.track-list{width:280px;background:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.track-header{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.track-header h3{font-size:1.1rem;color:#ccc}.track-header .track-controls{display:flex;flex-direction:row;gap:8px}.add-track-btn,.thumbnail-view-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.add-track-btn:hover{background:#45a049}.thumbnail-view-btn{background:#9c27b0}.thumbnail-view-btn:hover{background:#8e24aa}.thumbnail-view-btn.active{background:#e91e63}.track{padding:12px;border-bottom:1px solid #333;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.track:hover{background:#333}.track.active{background:#4caf50;color:#fff}.track-info{display:flex;flex-direction:column;gap:8px}.track-buttons{display:flex;gap:8px}.track-button{padding:4px 8px;font-size:.8rem;border:1px solid #555;border-radius:3px;cursor:pointer;transition:all .2s ease;min-width:30px;text-align:center}.mute-btn{background:#555;color:#fff}.mute-btn:hover{background:#666}.mute-btn.active{background:#f44336;border-color:#f44336}.solo-btn{background:#555;color:#fff}.solo-btn:hover{background:#666}.solo-btn.active{background:#ff9800;border-color:#ff9800}.delete-btn{background:#555;color:#fff;font-weight:700;font-size:1rem}.delete-btn:hover{background:#f44336;border-color:#f44336}.track-name-container{display:flex;align-items:center;gap:5px;margin-bottom:8px}.track-name{font-weight:500;padding:4px 8px;border-radius:3px;transition:background-color .2s ease;flex:1}.track-name:hover{background-color:#ffffff1a}.track-name.editing{background-color:#333;border:1px solid #4CAF50}.edit-name-btn{background:#444;border:1px solid #555;border-radius:3px;color:#fff;padding:4px 6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.edit-name-btn:hover{background:#555;border-color:#666}.edit-name-btn:active{background:#333;transform:scale(.95)}.track-instrument-select{width:100%;padding:4px;background:#333;color:#fff;border:1px solid #555;border-radius:3px;font-size:.8rem}.track-volume-control{display:flex;align-items:center;gap:5px;font-size:.8rem}.import-midi-btn{background:#2196f3!important;color:#fff!important}.import-midi-btn:hover{background:#1976d2!important;transform:translateY(-1px);box-shadow:0 2px 5px #2196f34d}.track-volume-control label{color:#aaa;flex-shrink:0}.track-volume{flex:1;height:4px;background:#555;outline:none;border-radius:2px}.track-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%}.track-volume::-moz-range-thumb{width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}.volume-value{color:#aaa;font-size:.7rem;min-width:25px;text-align:right}.track.active .track-instrument-select{background:#333;border-color:#ffffff4d}.track.active .track-volume-control label,.track.active .volume-value{color:#fffc}.piano-roll-container{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.piano-roll-inner{display:flex;height:100%;overflow:auto}.pitch-labels{width:60px;background:#252525;border-right:1px solid #444;color:#aaa;font-size:.7rem;-webkit-user-select:none;user-select:none;flex-shrink:0;display:flex;flex-direction:column;position:relative;background-color:#1e1e1e;z-index:4}.measure-marker-header{height:30px;background:#333;border-bottom:1px solid #444;flex-shrink:0}.pitch-label{height:20px;padding:2px 5px;text-align:right;border-bottom:1px solid #333;flex-shrink:0}.measure-markers{position:absolute;top:0;left:0;height:30px;background:#333;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:3}.measure-marker{height:100%;border-right:1px solid #444;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8rem;color:#aaa;min-width:40px;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.measure-marker:hover{background-color:#ffffff1a}.measure-marker.active{background-color:#4285f433;border-right-color:#4285f4}.measure-number{font-size:.8rem;font-weight:700;color:#aaa;margin-bottom:2px;text-align:center;min-height:16px;line-height:16px}.chord-display{position:relative;top:-5px;font-size:.7rem;color:#4caf50;min-height:16px;display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-items:center;padding:2px;border-radius:3px;background:#4caf500d;transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%;box-sizing:border-box}.chord-display:hover{background:#4caf501a}.chord-item{background:#4caf5033;color:#4caf50;padding:1px 3px;border-radius:2px;font-size:.65rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .2s ease;cursor:pointer;border:1px solid rgba(76,175,80,.3)}.chord-item:hover{background:#4caf504d;border-color:#4caf5080;transform:translateY(-1px)}.chord-item.empty{color:#666;font-style:italic;background:transparent;border:1px dashed #555;padding:1px 6px;opacity:.7}.chord-item.empty:hover{background:#ffffff0d;border-color:#777;color:#888}.section-markers{position:absolute;top:30px;left:0;height:25px;background:#2a2a2a;border-bottom:1px solid #444;width:fit-content;min-width:100%;display:flex;z-index:4}.section-marker{height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ddd;padding:0 5px;box-sizing:border-box;background:#3a3a3a;border-right:1px solid #444;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-marker:hover{background:#4a4a4a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d;z-index:4}.section-marker.active{background:#4caf50;color:#fff}.section-marker.intro{background:#2196f3}.section-marker.verse{background:#9c27b0}.section-marker.chorus{background:#f44336}.section-marker.bridge{background:#ff9800}.section-marker.outro{background:#607d8b}.section-marker.interlude{background:#795548}.piano-roll-content{position:relative;flex:1;min-width:0}.piano-roll-canvas{position:absolute;top:55px;left:0;z-index:1}.notes-container{position:absolute;top:55px;left:0;z-index:2;width:100%;height:calc(100% - 55px)}.piano-roll{flex:1;display:flex;flex-direction:column;background:#1e1e1e;height:300px;overflow:hidden}.note{position:absolute;background:#4caf50;border:1px solid #388e3c;border-radius:3px;cursor:move;color:#fff;font-size:.7rem;padding:2px 5px;-webkit-user-select:none;user-select:none;transition:all .1s ease;min-width:20px}.note:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.note:hover:after{content:"右键删除 | 拖动右边缘调整时值 | Ctrl+点击多选";position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 5px;border-radius:3px;font-size:.6rem;white-space:nowrap;z-index:10;pointer-events:none}.note.selected{background:#2196f3;border-color:#1976d2;box-shadow:0 0 0 2px #2196f380}.note.deleting{animation:noteDelete .2s ease-out forwards}.note:before{content:"";position:absolute;right:0;top:0;height:100%;width:8px;cursor:ew-resize;border-right:2px solid rgba(255,255,255,.3)}.note.resizing{background:#ff9800;border-color:#f57c00}.box-selection{position:fixed;border:1px dashed #2196F3;background-color:#2196f31a;z-index:1000;pointer-events:none}.playback-head{position:absolute;top:55px;width:2px;height:calc(100% - 55px);background-color:#ff5722;z-index:100;pointer-events:none;display:block}.notification{position:fixed;top:20px;right:20px;background-color:#333;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:1000;transform:translate(120%);transition:transform .3s ease}.notification.show{transform:translate(0)}@keyframes noteDelete{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);background-color:#f44336}to{transform:scale(0);opacity:0}}.piano-roll-controls{height:40px;background:#252525;border-top:1px solid #444;display:flex;align-items:center;padding:0 20px;gap:20px}.zoom-control,.quantize-control{display:flex;align-items:center;gap:10px}.zoom-control label,.quantize-control label{color:#ccc;font-size:.9rem}.zoom-control input{width:100px}.quantize-control select{padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#555;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#666}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3{color:#fff;margin:0}.close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close:hover{color:#fff}.tab-buttons{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab-btn{padding:8px 16px;background:#333;color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#444;color:#fff}.tab-btn.active{background:#4caf50;color:#fff}.instrument-list{max-height:400px;overflow-y:auto}.instrument-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease}.instrument-item:hover{background-color:#ffffff0d}.instrument-item.active{background-color:#4caf5033}.section-list{width:100%}.section-scroll{height:350px;overflow-y:auto}.section-table{width:100%;border-collapse:collapse}.section-table th,.section-table td{padding:8px;text-align:left;border-bottom:1px solid #444}.section-table th{background-color:#333;color:#ccc}.section-table tr:hover{background-color:#ffffff0d}.section-controls{display:flex;gap:10px;margin-top:15px}.section-controls button{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.section-controls button:hover{background:#45a049}.help-container{max-width:800px;margin:40px auto;padding:20px;background:#2d2d2d;border-radius:8px}.help-container h1{color:#4caf50;margin-bottom:20px}.help-container h3{color:#ccc;margin:20px 0 10px}.help-container p{color:#aaa;line-height:1.6}.help-container pre{background:#333;padding:15px;border-radius:4px;overflow-x:auto;color:#ccc;line-height:1.6}