.app[data-v-e71ec47c]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.app--dark[data-v-e71ec47c]{background-color:#1b1f24;color:#fff}.app--light[data-v-e71ec47c]{background-color:#f5f5f5;color:#222}.title-bar[data-v-e71ec47c]{height:32px;background-color:#20252b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 8px;-webkit-app-region:drag}.app--light .title-bar[data-v-e71ec47c]{background-color:#e1e4ea;color:#222}.title-bar-left[data-v-e71ec47c]{display:flex;align-items:center;font-size:13px}.title-bar-right[data-v-e71ec47c]{display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.window-button[data-v-e71ec47c]{width:46px;height:28px;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.app--light .window-button[data-v-e71ec47c]{color:#222}.window-button-icon[data-v-e71ec47c]{font-size:14px}.window-button[data-v-e71ec47c]:hover{background-color:#2d333b}.app--light .window-button[data-v-e71ec47c]:hover{background-color:#d0d4dd}.window-button-close[data-v-e71ec47c]:hover{background-color:#e81123}.content[data-v-e71ec47c]{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.app--dark .content[data-v-e71ec47c]{background-color:#1b1f24;color:#fff}.app--light .content[data-v-e71ec47c]{background-color:#f5f5f5;color:#222}.drop-zone[data-v-e71ec47c]{flex:1;border-radius:8px;border:1px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.app--light .drop-zone[data-v-e71ec47c]{border-color:#0003}.drop-zone--active[data-v-e71ec47c]{background-color:#2d7ff91f;border-color:#2d7ff9}.drop-zone-inner[data-v-e71ec47c]{text-align:center}.drop-zone-icon[data-v-e71ec47c]{font-size:40px;margin-bottom:8px}.drop-zone-title[data-v-e71ec47c]{margin:0;font-size:14px;font-weight:500}.drop-zone-subtitle[data-v-e71ec47c]{margin:4px 0 0;font-size:12px;opacity:.7}.track-list[data-v-e71ec47c]{display:flex;flex-direction:column;gap:8px}.track-card[data-v-e71ec47c]{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px;border-radius:6px;background-color:#00000040}.app--light .track-card[data-v-e71ec47c]{background-color:#00000008}.track-top[data-v-e71ec47c]{display:flex;align-items:center;gap:10px}.track-play-button[data-v-e71ec47c]{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#2d7ff9;color:#fff}.track-play-button[data-v-e71ec47c]:hover{background-color:#1b5fcc}.track-play-icon[data-v-e71ec47c]{font-size:16px}.track-restart-button[data-v-e71ec47c]{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}.track-restart-button[data-v-e71ec47c]:hover{background-color:#ffffff1f}.app--light .track-restart-button[data-v-e71ec47c]:hover{background-color:#0000000f}.track-restart-icon[data-v-e71ec47c]{font-size:16px}.track-delete-button[data-v-e71ec47c]{width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}.track-delete-button[data-v-e71ec47c]:hover{background-color:#ffffff1f}.app--light .track-delete-button[data-v-e71ec47c]:hover{background-color:#0000000f}.track-delete-icon[data-v-e71ec47c]{font-size:14px}.track-main[data-v-e71ec47c]{flex:1;display:flex;flex-direction:column;gap:4px}.track-main[data-v-e71ec47c]{cursor:pointer}.track-title-input[data-v-e71ec47c]{width:100%;border:none;outline:none;background:transparent;color:inherit;font-size:13px;font-weight:500;padding:0;margin:0 0 2px;-webkit-user-select:text;user-select:text}.track-filename[data-v-e71ec47c]{font-size:11px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name[data-v-e71ec47c]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-progress[data-v-e71ec47c]{display:flex;flex-direction:column;gap:2px}.track-progress-bar[data-v-e71ec47c]{height:4px;border-radius:999px;background-color:#ffffff29;overflow:hidden}.app--light .track-progress-bar[data-v-e71ec47c]{background-color:#00000014}.track-progress-bar-inner[data-v-e71ec47c]{height:100%;width:0;border-radius:999px;background-color:#2d7ff9;transition:width .1s linear}.track-time[data-v-e71ec47c]{display:flex;justify-content:space-between;font-size:11px;opacity:.7}.track-note[data-v-e71ec47c]{margin-top:4px}.track-note-tabs[data-v-e71ec47c]{display:flex;align-items:center;gap:4px;margin-bottom:8px;flex-wrap:wrap}.track-note-tab[data-v-e71ec47c]{padding:4px 10px;border-radius:4px 4px 0 0;background-color:#ffffff14;font-size:12px;cursor:pointer;display:flex;align-items:center}.track-note-tab[data-v-e71ec47c]:hover{background-color:#ffffff26}.track-note-tab--active[data-v-e71ec47c]{background-color:#2d7ff94d}.app--light .track-note-tab[data-v-e71ec47c]{background-color:#0000000d}.app--light .track-note-tab[data-v-e71ec47c]:hover{background-color:#0000001a}.app--light .track-note-tab--active[data-v-e71ec47c]{background-color:#2d7ff933}.track-note-tab-name[data-v-e71ec47c]{pointer-events:none}.track-note-tab-input[data-v-e71ec47c]{width:60px;border:none;outline:none;background:transparent;color:inherit;font-size:12px;padding:0}.track-note-tab-add[data-v-e71ec47c]{width:24px;height:24px;border-radius:4px;border:none;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}.track-note-tab-add[data-v-e71ec47c]:hover{background-color:#ffffff1f}.app--light .track-note-tab-add[data-v-e71ec47c]:hover{background-color:#0000000f}.track-note-tab-add-icon[data-v-e71ec47c]{font-size:14px}.track-note-textarea[data-v-e71ec47c]{width:100%;min-height:140px;resize:vertical;border-radius:4px;border:1px solid rgba(255,255,255,.25);background-color:#00000059;color:inherit;padding:8px;font-size:12px;font-family:inherit;box-sizing:border-box;-webkit-user-select:text;user-select:text}.track-note-textarea[data-v-e71ec47c]::selection{background-color:#2d7ff966}.app--light .track-note-textarea[data-v-e71ec47c]{border-color:#0003;background-color:#fff}.context-menu[data-v-e71ec47c]{position:fixed;background-color:#2d3238;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:4px 0;min-width:120px;box-shadow:0 4px 12px #0000004d;z-index:9999}.app--light .context-menu[data-v-e71ec47c]{background-color:#fff;border-color:#0000001a;box-shadow:0 4px 12px #00000026}.context-menu-item[data-v-e71ec47c]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px}.context-menu-item[data-v-e71ec47c]:hover{background-color:#ffffff1a}.app--light .context-menu-item[data-v-e71ec47c]:hover{background-color:#0000000d}.context-menu-icon[data-v-e71ec47c]{font-size:16px;opacity:.8}.modal-overlay[data-v-e71ec47c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-dialog[data-v-e71ec47c]{background-color:#2d3238;border-radius:8px;padding:20px;min-width:280px;max-width:400px;box-shadow:0 8px 24px #0006}.app--light .modal-dialog[data-v-e71ec47c]{background-color:#fff;box-shadow:0 8px 24px #0003}.modal-title[data-v-e71ec47c]{font-size:16px;font-weight:600;margin-bottom:12px}.modal-message[data-v-e71ec47c]{font-size:14px;opacity:.85;margin-bottom:20px}.modal-actions[data-v-e71ec47c]{display:flex;justify-content:flex-end;gap:10px}.modal-btn[data-v-e71ec47c]{padding:8px 16px;border-radius:6px;border:none;font-size:13px;cursor:pointer;transition:background-color .15s}.modal-btn-cancel[data-v-e71ec47c]{background-color:#ffffff1a;color:inherit}.modal-btn-cancel[data-v-e71ec47c]:hover{background-color:#ffffff26}.app--light .modal-btn-cancel[data-v-e71ec47c]{background-color:#00000014}.app--light .modal-btn-cancel[data-v-e71ec47c]:hover{background-color:#0000001f}.modal-btn-confirm[data-v-e71ec47c]{background-color:#e53935;color:#fff}.modal-btn-confirm[data-v-e71ec47c]:hover{background-color:#c62828}html,body,#app{margin:0;padding:0;width:100%;height:100%}body{overflow:hidden}