.toolbar[data-v-de452a02]{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-de452a02]{display:flex;align-items:center;gap:20px}.project-info h1[data-v-de452a02]{font-size:1.5rem;color:#4caf50;font-weight:600}.project-controls button[data-v-de452a02],.export-controls button[data-v-de452a02]{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-de452a02]{display:inline-flex;gap:5px;margin-left:15px}.undo-redo-controls button[data-v-de452a02]{margin-left:0;padding:6px 12px;background:#666;font-size:.85rem;min-width:60px}.undo-redo-controls button[data-v-de452a02]:hover:not(:disabled){background:#777}.undo-redo-controls button[data-v-de452a02]:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.6}.project-controls button[data-v-de452a02]:hover,.export-controls button[data-v-de452a02]:hover{background:#45a049;transform:translateY(-1px)}.dropdown[data-v-de452a02]{position:relative;display:inline-block}.dropdown-toggle[data-v-de452a02]{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-de452a02]:hover{background:#45a049;transform:translateY(-1px)}.dropdown-menu[data-v-de452a02]{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-de452a02]{display:block}.dropdown-item[data-v-de452a02]{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-de452a02]:hover{background:#333;color:#fff}.dropdown-item[data-v-de452a02]:first-child{border-radius:4px 4px 0 0}.dropdown-item[data-v-de452a02]:last-child{border-radius:0 0 4px 4px}.help[data-v-de452a02]{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-de452a02]:hover{background:#4caf50;color:#fff;text-decoration:none;transform:translateY(-1px)}.help[data-v-de452a02]:before{content:"?";font-weight:700;font-size:1rem}.transport-controls[data-v-de452a02]{display:flex;align-items:center;gap:15px}.transport-controls button[data-v-de452a02]{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-de452a02]:hover{background:#444;transform:scale(1.1)}.play-btn[data-v-de452a02]{background:#4caf50!important;border-color:#4caf50!important}.record-btn[data-v-de452a02]{background:#f44336!important;border-color:#f44336!important}.record-btn.active[data-v-de452a02]{animation:pulse-de452a02 1s infinite}@keyframes pulse-de452a02{0%,to{opacity:1}50%{opacity:.5}}.time-display[data-v-de452a02]{font-family:Courier New,monospace;color:#ccc;font-size:.9rem}.tempo-control[data-v-de452a02],.key-control[data-v-de452a02],.time-signature-control[data-v-de452a02],.style-control[data-v-de452a02],.mood-control[data-v-de452a02]{display:flex;align-items:center;gap:8px}.tempo-control label[data-v-de452a02],.key-control label[data-v-de452a02],.time-signature-control label[data-v-de452a02],.style-control label[data-v-de452a02],.mood-control label[data-v-de452a02]{color:#ccc;font-size:.9rem}.tempo-control input[data-v-de452a02],.key-control select[data-v-de452a02],.time-signature-control select[data-v-de452a02],.style-control select[data-v-de452a02],.mood-control select[data-v-de452a02]{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-de452a02]:focus,.key-control select[data-v-de452a02]:focus,.time-signature-control select[data-v-de452a02]:focus,.style-control select[data-v-de452a02]:focus,.mood-control select[data-v-de452a02]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf504d}.key-control select[data-v-de452a02]{font-weight:500}.key-control select option[data-v-de452a02]:checked{background:#4caf50;color:#fff}.help-modal[data-v-de452a02]{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-de452a02]{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-de452a02]{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-de452a02]{color:#333;margin:0}.help-modal-header .close[data-v-de452a02]{color:#666;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.help-modal-header .close[data-v-de452a02]:hover{color:#333}.help-modal-body[data-v-de452a02]{padding:0;height:calc(80vh - 80px);overflow:hidden}.help-iframe[data-v-de452a02]{width:100%;height:100%;border:none}.track-list[data-v-0fac0159]{width:280px;background:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.track-header[data-v-0fac0159]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.track-header h3[data-v-0fac0159]{font-size:1.1rem;color:#ccc}.track-header .track-controls[data-v-0fac0159]{display:flex;flex-direction:row;gap:8px}.add-track-btn[data-v-0fac0159],.thumbnail-view-btn[data-v-0fac0159]{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-0fac0159]:hover{background:#45a049}.thumbnail-view-btn[data-v-0fac0159]{background:#9c27b0}.thumbnail-view-btn[data-v-0fac0159]:hover{background:#8e24aa}.thumbnail-view-btn.active[data-v-0fac0159]{background:#e91e63}.track[data-v-0fac0159]{padding:12px;border-bottom:1px solid #333;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.track[data-v-0fac0159]:hover{background:#333}.track.active[data-v-0fac0159]{background:#4caf50;color:#fff}.track-info[data-v-0fac0159]{display:flex;flex-direction:column;gap:8px}.track-buttons[data-v-0fac0159]{display:flex;gap:8px}.track-button[data-v-0fac0159]{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-0fac0159]{background:#555;color:#fff}.mute-btn[data-v-0fac0159]:hover{background:#666}.mute-btn.active[data-v-0fac0159]{background:#f44336;border-color:#f44336}.solo-btn[data-v-0fac0159]{background:#555;color:#fff}.solo-btn[data-v-0fac0159]:hover{background:#666}.solo-btn.active[data-v-0fac0159]{background:#ff9800;border-color:#ff9800}.delete-btn[data-v-0fac0159]{background:#555;color:#fff;font-weight:700;font-size:1rem}.delete-btn[data-v-0fac0159]:hover{background:#f44336;border-color:#f44336}.track-name-container[data-v-0fac0159]{display:flex;align-items:center;gap:5px;margin-bottom:8px}.track-name[data-v-0fac0159]{font-weight:500;padding:4px 8px;border-radius:3px;transition:background-color .2s ease;flex:1}.track-name[data-v-0fac0159]:hover{background-color:#ffffff1a}.edit-name-btn[data-v-0fac0159]{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-0fac0159]:hover{background:#555;border-color:#666}.edit-name-btn[data-v-0fac0159]:active{background:#333;transform:scale(.95)}.track-instrument-display[data-v-0fac0159]{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-0fac0159]:hover{background:#444;border-color:#666}.track-volume-control[data-v-0fac0159]{display:flex;align-items:center;gap:5px;font-size:.8rem}.import-midi-btn[data-v-0fac0159]{background:#2196f3!important;color:#fff!important}.import-midi-btn[data-v-0fac0159]:hover{background:#1976d2!important;transform:translateY(-1px);box-shadow:0 2px 5px #2196f34d}.export-track-btn[data-v-0fac0159]{background:#ff9800!important;color:#fff!important}.export-track-btn[data-v-0fac0159]:hover{background:#f57c00!important;transform:translateY(-1px);box-shadow:0 2px 5px #ff98004d}.ai-generate-btn[data-v-0fac0159]{background:#9c27b0!important;color:#fff!important}.ai-generate-btn[data-v-0fac0159]:hover:not(.generating):not(:disabled){background:#8e24aa!important;transform:translateY(-1px);box-shadow:0 2px 5px #9c27b04d}.ai-generate-btn.generating[data-v-0fac0159]{background:#666!important;cursor:not-allowed;opacity:.7}.ai-generate-btn[data-v-0fac0159]:disabled{cursor:not-allowed;opacity:.6}.track-volume-control label[data-v-0fac0159]{color:#aaa;flex-shrink:0}.track-volume[data-v-0fac0159]{flex:1;height:4px;background:#555;outline:none;border-radius:2px}.track-volume[data-v-0fac0159]::-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-0fac0159]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}.volume-value[data-v-0fac0159]{color:#aaa;font-size:.7rem;min-width:25px;text-align:right}.track.active .track-instrument-display[data-v-0fac0159]{background:#333;border-color:#ffffff4d}.track.active .track-volume-control label[data-v-0fac0159],.track.active .volume-value[data-v-0fac0159]{color:#fffc}.edit-dialog-overlay[data-v-0fac0159]{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-0fac0159]{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-0fac0159]{margin:0 0 15px;color:#fff;font-size:1.1rem}.edit-dialog-input[data-v-0fac0159]{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-0fac0159]:focus{outline:none;border-color:#4caf50}.edit-dialog-buttons[data-v-0fac0159]{display:flex;gap:10px;justify-content:flex-end}.edit-dialog-btn[data-v-0fac0159]{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.edit-dialog-btn.cancel[data-v-0fac0159]{background:#555;color:#fff}.edit-dialog-btn.cancel[data-v-0fac0159]:hover{background:#666}.edit-dialog-btn.confirm[data-v-0fac0159]{background:#4caf50;color:#fff}.edit-dialog-btn.confirm[data-v-0fac0159]: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-5e74e202]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-5e74e202]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-5e74e202]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-5e74e202]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:15px}.modal-header h3[data-v-5e74e202]{color:#fff;margin:0}.mode-toggle[data-v-5e74e202]{display:flex;gap:5px}.mode-toggle button[data-v-5e74e202]{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-5e74e202]:hover{background:#444;color:#fff}.mode-toggle button.active[data-v-5e74e202]{background:#4caf50;color:#fff;border-color:#4caf50}.close[data-v-5e74e202]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-5e74e202]:hover{color:#fff}.modal-body[data-v-5e74e202]{max-height:60vh;overflow-y:auto}.section-list[data-v-5e74e202]{width:100%}.section-scroll[data-v-5e74e202]{height:350px;overflow-y:auto}.section-table[data-v-5e74e202]{width:100%;border-collapse:collapse}.section-table th[data-v-5e74e202],.section-table td[data-v-5e74e202]{padding:8px;text-align:left;border-bottom:1px solid #444}.section-table th[data-v-5e74e202]{background-color:#333;color:#ccc}.section-table tr[data-v-5e74e202]:hover{background-color:#ffffff0d}.section-table input[data-v-5e74e202],.section-table select[data-v-5e74e202]{background:#333;color:#fff;border:1px solid #555;border-radius:4px;padding:4px 8px;width:100%}.section-table input[data-v-5e74e202]:focus,.section-table select[data-v-5e74e202]:focus{outline:none;border-color:#4caf50}.delete-section-btn[data-v-5e74e202]{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-5e74e202]:hover{background:#d32f2f}.action-buttons[data-v-5e74e202]{display:flex;gap:5px;flex-wrap:wrap}.copy-section-btn[data-v-5e74e202]{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-5e74e202]:hover{background:#1976d2}.ai-generate-btn[data-v-5e74e202]{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-5e74e202]:hover:not(:disabled){background:#7b1fa2}.ai-generate-btn[data-v-5e74e202]:disabled{background:#666;cursor:not-allowed;opacity:.5}.ai-generate-all-btn[data-v-5e74e202]{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-5e74e202]:hover:not(:disabled){background:#7b1fa2}.ai-generate-all-btn[data-v-5e74e202]:disabled{background:#666;cursor:not-allowed;opacity:.5}.move-up-btn[data-v-5e74e202],.move-down-btn[data-v-5e74e202]{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-5e74e202]:hover:not(:disabled),.move-down-btn[data-v-5e74e202]:hover:not(:disabled){background:#f57c00}.move-up-btn[data-v-5e74e202]:disabled,.move-down-btn[data-v-5e74e202]:disabled{background:#666;cursor:not-allowed;opacity:.5}.note-count[data-v-5e74e202]{color:#4caf50;font-weight:700}.section-controls[data-v-5e74e202]{display:flex;gap:10px;margin-top:15px}.section-controls button[data-v-5e74e202]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.section-controls button[data-v-5e74e202]:hover{background:#45a049}.form-group[data-v-5e74e202]{margin-bottom:20px}.form-group label[data-v-5e74e202]{display:block;color:#ccc;margin-bottom:8px;font-size:.9rem}.prompt-input[data-v-5e74e202]{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-5e74e202]:focus{outline:none;border-color:#4caf50}.form-actions[data-v-5e74e202]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-cancel[data-v-5e74e202],.btn-generate[data-v-5e74e202]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-cancel[data-v-5e74e202]{background:#555;color:#fff}.btn-cancel[data-v-5e74e202]:hover{background:#666}.btn-generate[data-v-5e74e202]{background:#4caf50;color:#fff}.btn-generate[data-v-5e74e202]:hover:not(:disabled){background:#45a049}.btn-generate[data-v-5e74e202]: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}.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}[data-v-21fd098d]{margin:0;padding:0;box-sizing:border-box}body[data-v-21fd098d]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1a1a1a;color:#fff;overflow:hidden}.flex[data-v-21fd098d]{display:flex;flex-direction:row}.flex-1[data-v-21fd098d]{flex:1}.mgb-5[data-v-21fd098d]{margin-bottom:5px}.mgr-5[data-v-21fd098d]{margin-right:5px}.mgr-10[data-v-21fd098d]{margin-right:10px}.app-container[data-v-21fd098d]{display:flex;flex-direction:column;height:100vh;width:100vw}.toolbar[data-v-21fd098d]{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-21fd098d]{display:flex;align-items:center;gap:20px}.project-info h1[data-v-21fd098d]{font-size:1.5rem;color:#4caf50;font-weight:600}.project-controls button[data-v-21fd098d],.export-controls button[data-v-21fd098d]{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-21fd098d]{display:inline-flex;gap:5px;margin-left:15px}.undo-redo-controls button[data-v-21fd098d]{margin-left:0;padding:6px 12px;background:#666;font-size:.85rem;min-width:60px}.undo-redo-controls button[data-v-21fd098d]:hover:not(:disabled){background:#777}.undo-redo-controls button[data-v-21fd098d]:disabled{background:#444;color:#888;cursor:not-allowed;opacity:.6}.project-controls button[data-v-21fd098d]:hover,.export-controls button[data-v-21fd098d]:hover{background:#45a049;transform:translateY(-1px)}.dropdown[data-v-21fd098d]{position:relative;display:inline-block}.dropdown-toggle[data-v-21fd098d]{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-21fd098d]:hover{background:#45a049;transform:translateY(-1px)}.dropdown-menu[data-v-21fd098d]{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-21fd098d]{display:block}.dropdown-item[data-v-21fd098d]{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-21fd098d]:hover{background:#333;color:#fff}.dropdown-item[data-v-21fd098d]:first-child{border-radius:4px 4px 0 0}.dropdown-item[data-v-21fd098d]:last-child{border-radius:0 0 4px 4px}.help[data-v-21fd098d]{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-21fd098d]:hover{background:#4caf50;color:#fff;text-decoration:none;transform:translateY(-1px)}.help[data-v-21fd098d]:before{content:"?";font-weight:700;font-size:1rem}.transport-controls[data-v-21fd098d]{display:flex;align-items:center;gap:15px}.transport-controls button[data-v-21fd098d]{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-21fd098d]:hover{background:#444;transform:scale(1.1)}.play-btn[data-v-21fd098d]{background:#4caf50!important;border-color:#4caf50!important}.record-btn[data-v-21fd098d]{background:#f44336!important;border-color:#f44336!important}.time-display[data-v-21fd098d]{font-family:Courier New,monospace;color:#ccc;font-size:.9rem}.tempo-control[data-v-21fd098d],.key-control[data-v-21fd098d],.time-signature-control[data-v-21fd098d]{display:flex;align-items:center;gap:8px}.tempo-control label[data-v-21fd098d],.key-control label[data-v-21fd098d],.time-signature-control label[data-v-21fd098d]{color:#ccc;font-size:.9rem}.tempo-control input[data-v-21fd098d],.key-control select[data-v-21fd098d],.time-signature-control select[data-v-21fd098d]{width:60px;padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;text-align:center}.editor-container[data-v-21fd098d]{display:flex;flex:1;overflow:hidden}.track-list[data-v-21fd098d]{width:280px;background:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.track-header[data-v-21fd098d]{padding:15px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.track-header h3[data-v-21fd098d]{font-size:1.1rem;color:#ccc}.track-header .track-controls[data-v-21fd098d]{display:flex;flex-direction:row;gap:8px}.add-track-btn[data-v-21fd098d],.thumbnail-view-btn[data-v-21fd098d]{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-21fd098d]:hover{background:#45a049}.thumbnail-view-btn[data-v-21fd098d]{background:#9c27b0}.thumbnail-view-btn[data-v-21fd098d]:hover{background:#8e24aa}.thumbnail-view-btn.active[data-v-21fd098d]{background:#e91e63}.track[data-v-21fd098d]{padding:12px;border-bottom:1px solid #333;background:#2a2a2a;cursor:pointer;transition:all .2s ease}.track[data-v-21fd098d]:hover{background:#333}.track.active[data-v-21fd098d]{background:#4caf50;color:#fff}.track-info[data-v-21fd098d]{display:flex;flex-direction:column;gap:8px}.track-buttons[data-v-21fd098d]{display:flex;gap:8px}.track-button[data-v-21fd098d]{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-21fd098d]{background:#555;color:#fff}.mute-btn[data-v-21fd098d]:hover{background:#666}.mute-btn.active[data-v-21fd098d]{background:#f44336;border-color:#f44336}.solo-btn[data-v-21fd098d]{background:#555;color:#fff}.solo-btn[data-v-21fd098d]:hover{background:#666}.solo-btn.active[data-v-21fd098d]{background:#ff9800;border-color:#ff9800}.delete-btn[data-v-21fd098d]{background:#555;color:#fff;font-weight:700;font-size:1rem}.delete-btn[data-v-21fd098d]:hover{background:#f44336;border-color:#f44336}.track-name-container[data-v-21fd098d]{display:flex;align-items:center;gap:5px;margin-bottom:8px}.track-name[data-v-21fd098d]{font-weight:500;padding:4px 8px;border-radius:3px;transition:background-color .2s ease;flex:1}.track-name[data-v-21fd098d]:hover{background-color:#ffffff1a}.track-name.editing[data-v-21fd098d]{background-color:#333;border:1px solid #4CAF50}.edit-name-btn[data-v-21fd098d]{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-21fd098d]:hover{background:#555;border-color:#666}.edit-name-btn[data-v-21fd098d]:active{background:#333;transform:scale(.95)}.track-instrument-select[data-v-21fd098d]{width:100%;padding:4px;background:#333;color:#fff;border:1px solid #555;border-radius:3px;font-size:.8rem}.track-volume-control[data-v-21fd098d]{display:flex;align-items:center;gap:5px;font-size:.8rem}.import-midi-btn[data-v-21fd098d]{background:#2196f3!important;color:#fff!important}.import-midi-btn[data-v-21fd098d]:hover{background:#1976d2!important;transform:translateY(-1px);box-shadow:0 2px 5px #2196f34d}.track-volume-control label[data-v-21fd098d]{color:#aaa;flex-shrink:0}.track-volume[data-v-21fd098d]{flex:1;height:4px;background:#555;outline:none;border-radius:2px}.track-volume[data-v-21fd098d]::-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-21fd098d]::-moz-range-thumb{width:12px;height:12px;background:#4caf50;cursor:pointer;border-radius:50%;border:none}.volume-value[data-v-21fd098d]{color:#aaa;font-size:.7rem;min-width:25px;text-align:right}.track.active .track-instrument-select[data-v-21fd098d]{background:#333;border-color:#ffffff4d}.track.active .track-volume-control label[data-v-21fd098d],.track.active .volume-value[data-v-21fd098d]{color:#fffc}.piano-roll-container[data-v-21fd098d]{flex:1;display:flex;flex-direction:column;background:#1e1e1e;overflow:hidden}.piano-roll-inner[data-v-21fd098d]{display:flex;height:100%;overflow:auto}.pitch-labels[data-v-21fd098d]{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-21fd098d]{height:30px;background:#333;border-bottom:1px solid #444;flex-shrink:0}.pitch-label[data-v-21fd098d]{height:20px;padding:2px 5px;text-align:right;border-bottom:1px solid #333;flex-shrink:0}.measure-markers[data-v-21fd098d]{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-21fd098d]{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-21fd098d]:hover{background-color:#ffffff1a}.measure-marker.active[data-v-21fd098d]{background-color:#4285f433;border-right-color:#4285f4}.measure-number[data-v-21fd098d]{font-size:.8rem;font-weight:700;color:#aaa;margin-bottom:2px;text-align:center;min-height:16px;line-height:16px}.chord-display[data-v-21fd098d]{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-21fd098d]:hover{background:#4caf501a}.chord-item[data-v-21fd098d]{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-21fd098d]:hover{background:#4caf504d;border-color:#4caf5080;transform:translateY(-1px)}.chord-item.empty[data-v-21fd098d]{color:#666;font-style:italic;background:transparent;border:1px dashed #555;padding:1px 6px;opacity:.7}.chord-item.empty[data-v-21fd098d]:hover{background:#ffffff0d;border-color:#777;color:#888}.section-markers[data-v-21fd098d]{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-21fd098d]{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-21fd098d]:hover{background:#4a4a4a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d;z-index:4}.section-marker.active[data-v-21fd098d]{background:#4caf50;color:#fff}.section-marker.intro[data-v-21fd098d]{background:#2196f3}.section-marker.verse[data-v-21fd098d]{background:#9c27b0}.section-marker.chorus[data-v-21fd098d]{background:#f44336}.section-marker.bridge[data-v-21fd098d]{background:#ff9800}.section-marker.outro[data-v-21fd098d]{background:#607d8b}.section-marker.interlude[data-v-21fd098d]{background:#795548}.piano-roll-content[data-v-21fd098d]{position:relative;flex:1;min-width:0}.piano-roll-canvas[data-v-21fd098d]{position:absolute;top:55px;left:0;z-index:1}.notes-container[data-v-21fd098d]{position:absolute;top:55px;left:0;z-index:2;width:100%;height:calc(100% - 55px)}.piano-roll[data-v-21fd098d]{flex:1;display:flex;flex-direction:column;background:#1e1e1e;height:300px;overflow:hidden}.note[data-v-21fd098d]{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-21fd098d]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 2px 5px #0000004d}.note[data-v-21fd098d]: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-21fd098d]{background:#2196f3;border-color:#1976d2;box-shadow:0 0 0 2px #2196f380}.note.deleting[data-v-21fd098d]{animation:noteDelete-21fd098d .2s ease-out forwards}.note[data-v-21fd098d]: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-21fd098d]{background:#ff9800;border-color:#f57c00}.box-selection[data-v-21fd098d]{position:fixed;border:1px dashed #2196F3;background-color:#2196f31a;z-index:1000;pointer-events:none}.playback-head[data-v-21fd098d]{position:absolute;top:55px;width:2px;height:calc(100% - 55px);background-color:#ff5722;z-index:100;pointer-events:none;display:block}.notification[data-v-21fd098d]{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-21fd098d]{transform:translate(0)}@keyframes noteDelete-21fd098d{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-21fd098d]{height:40px;background:#252525;border-top:1px solid #444;display:flex;align-items:center;padding:0 20px;gap:20px}.zoom-control[data-v-21fd098d],.quantize-control[data-v-21fd098d]{display:flex;align-items:center;gap:10px}.zoom-control label[data-v-21fd098d],.quantize-control label[data-v-21fd098d]{color:#ccc;font-size:.9rem}.zoom-control input[data-v-21fd098d]{width:100px}.quantize-control select[data-v-21fd098d]{padding:5px;background:#333;border:1px solid #555;border-radius:4px;color:#fff}[data-v-21fd098d]::-webkit-scrollbar{width:10px;height:10px}[data-v-21fd098d]::-webkit-scrollbar-track{background:#2d2d2d}[data-v-21fd098d]::-webkit-scrollbar-thumb{background:#555;border-radius:5px}[data-v-21fd098d]::-webkit-scrollbar-thumb:hover{background:#666}.modal[data-v-21fd098d]{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal.show[data-v-21fd098d]{display:flex;align-items:center;justify-content:center}.modal-content[data-v-21fd098d]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-21fd098d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header h3[data-v-21fd098d]{color:#fff;margin:0}.close[data-v-21fd098d]{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close[data-v-21fd098d]:hover{color:#fff}.tab-buttons[data-v-21fd098d]{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.tab-btn[data-v-21fd098d]{padding:8px 16px;background:#333;color:#ccc;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-21fd098d]:hover{background:#444;color:#fff}.tab-btn.active[data-v-21fd098d]{background:#4caf50;color:#fff}.instrument-list[data-v-21fd098d]{max-height:400px;overflow-y:auto}.instrument-item[data-v-21fd098d]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;cursor:pointer;transition:background-color .2s ease}.instrument-item[data-v-21fd098d]:hover{background-color:#ffffff0d}.instrument-item.active[data-v-21fd098d]{background-color:#4caf5033}.section-list[data-v-21fd098d]{width:100%}.section-scroll[data-v-21fd098d]{height:350px;overflow-y:auto}.section-table[data-v-21fd098d]{width:100%;border-collapse:collapse}.section-table th[data-v-21fd098d],.section-table td[data-v-21fd098d]{padding:8px;text-align:left;border-bottom:1px solid #444}.section-table th[data-v-21fd098d]{background-color:#333;color:#ccc}.section-table tr[data-v-21fd098d]:hover{background-color:#ffffff0d}.section-controls[data-v-21fd098d]{display:flex;gap:10px;margin-top:15px}.section-controls button[data-v-21fd098d]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.section-controls button[data-v-21fd098d]:hover{background:#45a049}.help-container[data-v-21fd098d]{max-width:800px;margin:40px auto;padding:20px;background:#2d2d2d;border-radius:8px}.help-container h1[data-v-21fd098d]{color:#4caf50;margin-bottom:20px}.help-container h3[data-v-21fd098d]{color:#ccc;margin:20px 0 10px}.help-container p[data-v-21fd098d]{color:#aaa;line-height:1.6}.help-container pre[data-v-21fd098d]{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}.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}