:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.navbar[data-v-94eeb7ae]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-background-soft)}.logo-container[data-v-94eeb7ae]{display:flex;align-items:center}.logo-container a[data-v-94eeb7ae]{display:flex;align-items:center;text-decoration:none}.logo[data-v-94eeb7ae]{width:32px;height:32px;margin-right:1rem}.brand-name[data-v-94eeb7ae]{font-size:1.5rem;font-weight:700;letter-spacing:.1rem}.nav-links[data-v-94eeb7ae]{display:flex;gap:2rem}.nav-link[data-v-94eeb7ae]{color:var(--color-text);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link[data-v-94eeb7ae]:hover{background-color:var(--color-background-mute)}.nav-link.router-link-active[data-v-94eeb7ae]{color:#00bd7e;background-color:var(--color-background-mute)}@media (max-width: 768px){.navbar[data-v-94eeb7ae]{flex-direction:column;padding:1rem;gap:1rem}.nav-links[data-v-94eeb7ae]{width:100%;justify-content:center}}header[data-v-cfb22466]{line-height:1.5;max-height:100vh}.logo[data-v-cfb22466]{display:block;margin:0 auto 2rem}@media (min-width: 1024px){header[data-v-cfb22466]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-cfb22466]{margin:0 2rem 0 0}header .wrapper[data-v-cfb22466]{display:flex;place-items:flex-start;flex-wrap:wrap}}.clickable-area[data-v-d3bdda4f]{display:flex;align-items:center;flex:1;cursor:pointer}.empty-container[data-v-d3bdda4f]{text-align:center;padding:2rem;color:#00bd7e;font-size:1.5rem;font-weight:700;justify-content:center}.empty-container button[data-v-d3bdda4f]{margin-top:1rem;padding:.5rem 1rem;width:25%;margin:0 auto}.music-container[data-v-d3bdda4f]{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;min-height:0;flex:1;border:1px solid var(--color-text);border-radius:8px}.music-container[data-v-d3bdda4f]::-webkit-scrollbar{width:8px}.music-container[data-v-d3bdda4f]::-webkit-scrollbar-track{background:var(--color-background-soft);border-radius:4px}.music-container[data-v-d3bdda4f]::-webkit-scrollbar-thumb{background:var(--color-text);opacity:.5;border-radius:4px}.music-container[data-v-d3bdda4f]::-webkit-scrollbar-thumb:hover{background:var(--vt-c-indigo)}.music-card[data-v-d3bdda4f]{display:flex;align-items:center;padding:1rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}.music-image[data-v-d3bdda4f]{width:60px;height:60px;margin-right:1rem}.music-image img[data-v-d3bdda4f]{width:100%;height:100%;object-fit:cover;border-radius:4px}.music-title[data-v-d3bdda4f]{flex:1;font-size:1.1rem}.music-controls[data-v-d3bdda4f]{margin-left:1rem}.controls-group[data-v-d3bdda4f]{display:flex;align-items:center;gap:.5rem}.control-icon[data-v-d3bdda4f]{width:30px;height:30px;cursor:pointer;transition:color .3s}.play-button[data-v-d3bdda4f]{display:flex;align-items:center;cursor:pointer;transition:color .3s;height:39px}.delete-icon[data-v-d3bdda4f]{color:#dc2626}.delete-icon[data-v-d3bdda4f]:hover{color:#ef4444}.download-icon[data-v-d3bdda4f]:hover,.play-button[data-v-d3bdda4f]:hover{color:var(--vt-c-indigo)}.loading-container[data-v-d3bdda4f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;height:100%;min-height:50vh}.loader[data-v-d3bdda4f]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation-d3bdda4f 1s linear infinite}.error-container[data-v-d3bdda4f]{text-align:center;padding:2rem;color:#dc2626}.loading-circle[data-v-d3bdda4f]{width:40px;height:40px;border:3px solid var(--color-background-soft);border-top:3px solid var(--color-text);border-radius:50%;animation:spin-d3bdda4f 1s linear infinite}@keyframes spin-d3bdda4f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation-d3bdda4f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container[data-v-e00d410d]{display:flex;gap:2rem;padding:1rem}.welcome-container[data-v-e00d410d]{flex:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.welcome-container h1[data-v-e00d410d]{font-size:3rem;font-weight:700;color:var(--color-text);text-align:center;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1rem;text-shadow:0 0 10px var(--color-text);text-decoration:underline;text-decoration-color:var(--color-text);text-decoration-thickness:2px;text-decoration-skip-ink:none}.beatbox-img-container[data-v-e00d410d]{display:flex;justify-content:center;align-items:center}.beatbox-img[data-v-e00d410d]{width:100px;height:100px}.musics-container[data-v-e00d410d]{flex:50%;display:flex;flex-direction:column;height:85vh;padding:1rem}@keyframes spin-e00d410d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation-e00d410d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container[data-v-22772dbf]{max-width:500px;margin:2rem auto;padding:2rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}h2[data-v-22772dbf]{text-align:center;margin-bottom:2rem;color:var(--color-text)}.beat-form[data-v-22772dbf]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-22772dbf]{display:flex;flex-direction:column;gap:.5rem}label[data-v-22772dbf]{font-weight:500;color:var(--color-text)}input[type=text][data-v-22772dbf]{padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}input[type=file][data-v-22772dbf]{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}button[data-v-22772dbf]{padding:.75rem 1.5rem;background-color:var(--vt-c-indigo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s;display:flex;justify-content:center;align-items:center;min-height:2.5rem}button[data-v-22772dbf]:hover:not(:disabled){opacity:.9}button[data-v-22772dbf]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-22772dbf]{color:#dc2626;text-align:center;padding:.5rem}.success-message[data-v-22772dbf]{color:#16a34a;text-align:center;padding:.5rem}.loader[data-v-22772dbf]{width:20px;height:20px;border:3px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation-22772dbf 1s linear infinite}@keyframes rotation-22772dbf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container[data-v-db7896ef]{max-width:500px;margin:2rem auto;padding:2rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}h2[data-v-db7896ef]{text-align:center;margin-bottom:2rem;color:var(--color-text)}.beat-form[data-v-db7896ef]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-db7896ef]{display:flex;flex-direction:column;gap:.5rem}label[data-v-db7896ef]{font-weight:500;color:var(--color-text)}input[type=text][data-v-db7896ef]{padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}input[type=file][data-v-db7896ef]{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}button[data-v-db7896ef]{padding:.75rem 1.5rem;background-color:var(--vt-c-indigo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s;display:flex;justify-content:center;align-items:center;min-height:2.5rem}button[data-v-db7896ef]:hover:not(:disabled){opacity:.9}button[data-v-db7896ef]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-db7896ef]{color:#dc2626;text-align:center;padding:.5rem}.success-message[data-v-db7896ef]{color:#16a34a;text-align:center;padding:.5rem}.loader[data-v-db7896ef]{width:20px;height:20px;border:3px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation-db7896ef 1s linear infinite}.dropdown[data-v-db7896ef]{position:relative;display:inline-block;width:100%}.dropbtn[data-v-db7896ef]{width:100%;padding:.75rem 1rem;text-align:left;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-size:.95rem}.dropbtn[data-v-db7896ef]:hover{border-color:var(--vt-c-indigo);background-color:var(--color-background-soft)}.dropbtn[data-v-db7896ef]:after{content:"▼";font-size:.8em;margin-left:8px;transition:transform .2s ease}.dropdown-content[data-v-db7896ef]{display:none;position:absolute;background-color:var(--color-background);width:100%;border:1px solid var(--color-border);border-radius:4px;max-height:300px;overflow-y:auto;z-index:10;margin-top:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dropdown-content.show[data-v-db7896ef]{display:block;animation:dropdownFadeIn-db7896ef .2s ease}.dropdown-content input[data-v-db7896ef]{width:calc(100% - 1rem);margin:.5rem;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background-color:var(--color-background-soft);color:var(--color-text);transition:border-color .2s ease}.dropdown-content input[data-v-db7896ef]:focus{outline:none;border-color:var(--vt-c-indigo)}.dropdown-item[data-v-db7896ef]{padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;border-left:2px solid transparent}.dropdown-item[data-v-db7896ef]:hover{background-color:var(--color-background-soft);border-left:2px solid var(--vt-c-indigo)}.dropdown-content[data-v-db7896ef]::-webkit-scrollbar{width:8px}.dropdown-content[data-v-db7896ef]::-webkit-scrollbar-track{background:var(--color-background-soft);border-radius:4px}.dropdown-content[data-v-db7896ef]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.dropdown-content[data-v-db7896ef]::-webkit-scrollbar-thumb:hover{background:var(--vt-c-indigo)}.no-results[data-v-db7896ef]{padding:1rem;text-align:center;color:var(--color-text-light);font-style:italic}@keyframes dropdownFadeIn-db7896ef{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rotation-db7896ef{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container[data-v-ae804128]{max-width:500px;margin:2rem auto;padding:2rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}h2[data-v-ae804128]{text-align:center;margin-bottom:2rem;color:var(--color-text)}.beat-form[data-v-ae804128]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-ae804128]{display:flex;flex-direction:column;gap:.5rem}label[data-v-ae804128]{font-weight:500;color:var(--color-text)}input[type=text][data-v-ae804128]{padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}input[type=file][data-v-ae804128]{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text)}button[data-v-ae804128]{padding:.75rem 1.5rem;background-color:var(--vt-c-indigo);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s;display:flex;justify-content:center;align-items:center;min-height:2.5rem}button[data-v-ae804128]:hover:not(:disabled){opacity:.9}button[data-v-ae804128]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-ae804128]{color:#dc2626;text-align:center;padding:.5rem}.success-message[data-v-ae804128]{color:#16a34a;text-align:center;padding:.5rem}.loader[data-v-ae804128]{width:20px;height:20px;border:3px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation-ae804128 1s linear infinite}@keyframes rotation-ae804128{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-container[data-v-c695a42e]{max-width:600px;margin:2rem auto;padding:2rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}h2[data-v-c695a42e]{text-align:center;margin-bottom:2rem;color:var(--color-text)}.form-group[data-v-c695a42e]{display:flex;flex-direction:column;gap:.5rem}select[data-v-c695a42e]{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text);font-size:1rem;cursor:pointer;transition:border-color .2s ease}select[data-v-c695a42e]:hover{border-color:var(--color-border-hover)}select[data-v-c695a42e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.loading-container[data-v-c695a42e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;height:100%;min-height:50vh}.loader[data-v-c695a42e]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation-c695a42e 1s linear infinite}.error-container[data-v-c695a42e]{text-align:center;padding:2rem;color:#dc2626}@keyframes rotation-c695a42e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clickable-area[data-v-ce3dcd11]{display:flex;align-items:center;flex:1;cursor:pointer}.empty-container[data-v-ce3dcd11]{text-align:center;padding:2rem;color:#00bd7e;font-size:1.5rem;font-weight:700;justify-content:center}.empty-container button[data-v-ce3dcd11]{margin-top:1rem;padding:.5rem 1rem;width:15%;margin:0 auto}.music-container[data-v-ce3dcd11]{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;min-height:0;flex:1;border:1px solid var(--color-text);border-radius:8px}.music-container[data-v-ce3dcd11]::-webkit-scrollbar{width:8px}.music-container[data-v-ce3dcd11]::-webkit-scrollbar-track{background:var(--color-background-soft);border-radius:4px}.music-container[data-v-ce3dcd11]::-webkit-scrollbar-thumb{background:var(--color-text);opacity:.5;border-radius:4px}.music-container[data-v-ce3dcd11]::-webkit-scrollbar-thumb:hover{background:var(--vt-c-indigo)}.music-card[data-v-ce3dcd11]{display:flex;align-items:center;padding:1rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}.music-image[data-v-ce3dcd11]{width:60px;height:60px;margin-right:1rem}.music-image img[data-v-ce3dcd11]{width:100%;height:100%;object-fit:cover;border-radius:4px}.music-title[data-v-ce3dcd11]{flex:1;font-size:1.1rem}.music-controls[data-v-ce3dcd11]{margin-left:1rem}.controls-group[data-v-ce3dcd11]{display:flex;align-items:center;gap:.5rem}.control-icon[data-v-ce3dcd11]{width:30px;height:30px;cursor:pointer;transition:color .3s}.play-button[data-v-ce3dcd11]{display:flex;align-items:center;cursor:pointer;transition:color .3s;height:39px}.delete-icon[data-v-ce3dcd11]{color:#dc2626}.delete-icon[data-v-ce3dcd11]:hover{color:#ef4444}.download-icon[data-v-ce3dcd11]:hover,.play-button[data-v-ce3dcd11]:hover{color:var(--vt-c-indigo)}.loading-container[data-v-ce3dcd11]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;height:100%;min-height:50vh}.loader[data-v-ce3dcd11]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation-ce3dcd11 1s linear infinite}.error-container[data-v-ce3dcd11]{text-align:center;padding:2rem;color:#dc2626}.loading-circle[data-v-ce3dcd11]{width:40px;height:40px;border:3px solid var(--color-background-soft);border-top:3px solid var(--color-text);border-radius:50%;animation:spin-ce3dcd11 1s linear infinite}@keyframes spin-ce3dcd11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation-ce3dcd11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.musics-container[data-v-7aa8dbd6]{flex:50%;display:flex;flex-direction:column;height:85vh;padding:1rem}.music-container[data-v-7aa8dbd6]{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;min-height:0;flex:1;border:1px solid var(--color-text);border-radius:8px}.music-container[data-v-7aa8dbd6]::-webkit-scrollbar{width:8px}.music-container[data-v-7aa8dbd6]::-webkit-scrollbar-track{background:var(--color-background-soft);border-radius:4px}.music-container[data-v-7aa8dbd6]::-webkit-scrollbar-thumb{background:var(--color-text);opacity:.5;border-radius:4px}.music-container[data-v-7aa8dbd6]::-webkit-scrollbar-thumb:hover{background:var(--vt-c-indigo)}.music-card[data-v-7aa8dbd6]{display:flex;align-items:center;padding:1rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}.music-image[data-v-7aa8dbd6]{width:60px;height:60px;margin-right:1rem}.music-image img[data-v-7aa8dbd6]{width:100%;height:100%;object-fit:cover;border-radius:4px}.music-title[data-v-7aa8dbd6]{flex:1;font-size:1.1rem}.music-controls[data-v-7aa8dbd6]{margin-left:1rem}.controls-group[data-v-7aa8dbd6]{display:flex;align-items:center;gap:.5rem}.control-icon[data-v-7aa8dbd6]{width:30px;height:30px;cursor:pointer;transition:color .3s}.play-button[data-v-7aa8dbd6]{display:flex;align-items:center;cursor:pointer;transition:color .3s;height:39px}.delete-icon[data-v-7aa8dbd6]{color:#dc2626}.delete-icon[data-v-7aa8dbd6]:hover{color:#ef4444}.download-icon[data-v-7aa8dbd6]:hover,.play-button[data-v-7aa8dbd6]:hover{color:var(--vt-c-indigo)}.loading-container[data-v-7aa8dbd6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loader[data-v-7aa8dbd6]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation-7aa8dbd6 1s linear infinite}.error-container[data-v-7aa8dbd6]{text-align:center;padding:2rem;color:#dc2626}.loading-circle[data-v-7aa8dbd6]{width:40px;height:40px;border:3px solid var(--color-background-soft);border-top:3px solid var(--color-text);border-radius:50%;animation:spin-7aa8dbd6 1s linear infinite}@keyframes spin-7aa8dbd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation-7aa8dbd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clickable-area[data-v-4501117d]{display:flex;align-items:center;flex:1;cursor:pointer}.empty-container[data-v-4501117d]{text-align:center;padding:2rem;color:#00bd7e;font-size:1.5rem;font-weight:700;justify-content:center}.vocal-container[data-v-4501117d]{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow-y:auto;min-height:20rem;flex:1;border:1px solid var(--color-text);border-radius:8px}.vocal-container[data-v-4501117d]::-webkit-scrollbar{width:8px}.vocal-container[data-v-4501117d]::-webkit-scrollbar-track{background:var(--color-background-soft);border-radius:4px}.vocal-container[data-v-4501117d]::-webkit-scrollbar-thumb{background:var(--color-text);opacity:.5;border-radius:4px}.vocal-container[data-v-4501117d]::-webkit-scrollbar-thumb:hover{background:var(--vt-c-indigo)}.vocal-card[data-v-4501117d]{display:flex;align-items:center;padding:1rem;background-color:var(--color-background-soft);border-radius:8px;box-shadow:0 2px 4px #0000001a}.vocal-image[data-v-4501117d]{width:60px;height:60px;margin-right:1rem}.vocal-image img[data-v-4501117d]{width:100%;height:100%;object-fit:cover;border-radius:4px}.vocal-title[data-v-4501117d]{flex:1;font-size:1.1rem}.vocal-controls[data-v-4501117d]{margin-left:1rem}.controls-group[data-v-4501117d]{display:flex;align-items:center;gap:.5rem}.control-icon[data-v-4501117d]{width:30px;height:30px;cursor:pointer;transition:color .3s}.play-button[data-v-4501117d]{display:flex;align-items:center;cursor:pointer;transition:color .3s;height:39px}.delete-icon[data-v-4501117d]{color:#dc2626}.delete-icon[data-v-4501117d]:hover{color:#ef4444}.download-icon[data-v-4501117d]:hover,.play-button[data-v-4501117d]:hover{color:var(--vt-c-indigo)}.loading-container[data-v-4501117d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;height:100%;min-height:50vh}.loader[data-v-4501117d]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation-4501117d 1s linear infinite}.error-container[data-v-4501117d]{text-align:center;padding:2rem;color:#dc2626}.loading-circle[data-v-4501117d]{width:40px;height:40px;border:3px solid var(--color-background-soft);border-top:3px solid var(--color-text);border-radius:50%;animation:spin-4501117d 1s linear infinite}@keyframes spin-4501117d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation-4501117d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.beat-header[data-v-43daa527]{display:flex;align-items:flex-start;gap:2rem;padding:2rem}.music-image[data-v-43daa527]{width:200px;height:200px;flex-shrink:0}.music-image img[data-v-43daa527]{width:100%;height:100%;object-fit:cover;border-radius:8px}.beat-info[data-v-43daa527]{display:flex;flex-direction:column;gap:.5rem}.beat-info h1[data-v-43daa527]{font-size:2.5rem;margin:0}.artist[data-v-43daa527]{font-size:1.2rem;color:var(--color-text);opacity:.8}.vocals-section[data-v-43daa527]{padding:2rem}.vocals-header[data-v-43daa527]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.vocals-section h2[data-v-43daa527]{margin-bottom:0;font-size:1.8rem}.add-vocal-button[data-v-43daa527]{background-color:var(--vt-c-indigo);color:#fff;padding:1rem 2rem;border-radius:6px;margin-left:auto;font-weight:600;cursor:pointer;transition:background-color .3s ease}.add-vocal-button[data-v-43daa527]:hover{background-color:var(--vt-c-indigo-dark, #4338ca)}.loading-container[data-v-43daa527]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.loader[data-v-43daa527]{width:48px;height:48px;border:5px solid var(--color-background-soft);border-bottom-color:var(--color-text);border-radius:50%;animation:rotation 1s linear infinite}.error-container[data-v-43daa527]{text-align:center;padding:2rem;color:#dc2626}.beat-controls[data-v-43daa527]{margin-left:auto;display:flex;align-items:center}.controls-group[data-v-43daa527]{display:flex;align-items:center;gap:1rem}.control-icon[data-v-43daa527]{width:40px;height:40px;cursor:pointer;transition:color .3s}.play-button[data-v-43daa527],.download-button[data-v-43daa527]{cursor:pointer}.play-button:hover .control-icon[data-v-43daa527],.download-button:hover .control-icon[data-v-43daa527]{color:var(--vt-c-indigo)}.loading-circle[data-v-43daa527]{width:40px;height:40px;border:3px solid var(--color-background-soft);border-top:3px solid var(--color-text);border-radius:50%;animation:spin-43daa527 1s linear infinite}@keyframes spin-43daa527{0%{transform:rotate(0)}to{transform:rotate(360deg)}}