.upload-box-wrapper[data-v-58b3a2ad]{margin-top:48px;width:100%;max-width:860px;display:flex;flex-direction:column;align-items:center}.upload-box-wrapper .upload-box[data-v-58b3a2ad]{width:100%;background:#1e2125;border-radius:16px;padding:0 0 19px;box-sizing:border-box;border:1px solid #ffffff26}.upload-box-wrapper .upload-box-header[data-v-58b3a2ad]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid #ffffff1a;height:44px}.upload-box-wrapper .upload-box-header .line[data-v-58b3a2ad]{width:1px;height:20px;background:#fff3}.upload-box-wrapper .upload-box-header-item[data-v-58b3a2ad]{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffff80;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;flex:1}.upload-box-wrapper .upload-box-header-item[data-v-58b3a2ad]:hover{color:#fff}.upload-box-wrapper .upload-box-header-item.active[data-v-58b3a2ad]{color:#53fbd5}.upload-box-wrapper .upload-box-content[data-v-58b3a2ad]{border:1px dashed #ffffff33;border-radius:12px;margin:24px 28px 16px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16181a;transition:all .3s;cursor:pointer}.upload-box-wrapper .upload-box-content.dragging[data-v-58b3a2ad],.upload-box-wrapper .upload-box-content[data-v-58b3a2ad]:hover{border-color:#53fbd5;background:#1a1d20}.upload-box-wrapper .upload-box-content #fileInput[data-v-58b3a2ad]{display:none}.upload-box-wrapper .upload-box-content .upload-btn[data-v-58b3a2ad]{position:relative;display:flex;align-items:center;gap:8px;background:#285848;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s}.upload-box-wrapper .upload-box-content .upload-btn[data-v-58b3a2ad]:hover{background:#32705b}.upload-box-wrapper .upload-box-content .upload-btn-tip[data-v-58b3a2ad]{margin-top:16px;color:#ffffff80;font-size:14px}.upload-box-wrapper .upload-box .limit-tip[data-v-58b3a2ad]{margin-top:16px;color:#fff6;font-size:12px;text-align:center}.upload-box-wrapper .separate-btn[data-v-58b3a2ad]{position:relative;margin-top:28px;width:100%;background:linear-gradient(90.11deg,#53fbd5 41.71%,#75ff9c 81.52%,#bdff89 112.01%);color:#000;text-align:center;border:none;padding:14px;border-radius:40px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s;box-sizing:border-box}.upload-box-wrapper .separate-btn[data-v-58b3a2ad]:hover{opacity:.9;transform:scale(1.01)}.upload-box-wrapper .credit-tip[data-v-58b3a2ad]{margin-top:16px;color:#ffffff80;font-size:14px;text-align:center}.upload-box-wrapper .credit-tip span[data-v-58b3a2ad]{color:#53fbd5}.upload-box-wrapper .credits-tips[data-v-58b3a2ad]{position:absolute;top:-10px;right:24px;background:#fff;color:#000;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:10}@keyframes fadeIn-58b3a2ad{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.file-preview[data-v-58b3a2ad]{display:flex;justify-content:space-between;padding:24px;background:#16181a;border:1px solid #ffffff33;border-radius:12px;margin:24px 28px 16px}.file-preview .file-info[data-v-58b3a2ad]{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;width:100%}.file-preview .file-info .audio-icon[data-v-58b3a2ad]{width:48px;height:48px;background:url(../asset/images/coolo/audio.svg) no-repeat 50%;background-size:contain}.file-preview .file-info .file-details[data-v-58b3a2ad]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.file-preview .file-info .file-details .file-name[data-v-58b3a2ad]{color:#fff;font-size:18px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.file-preview .file-info .file-details .file-duration[data-v-58b3a2ad]{color:#ffffff80;font-size:14px;display:flex;align-items:center;gap:8px}.file-preview .file-info .file-details .file-duration[data-v-58b3a2ad]:before{content:"";width:16px;height:16px;background:url(../asset/images/coolo/time.svg) no-repeat 50%;background-size:contain}.file-preview .delete-btn[data-v-58b3a2ad]{width:20px;height:20px;margin-top:-12px;margin-right:-12px;background:url(../asset/images/coolo/delete.svg) no-repeat 50%;background-size:contain;border:none;cursor:pointer;padding:8px;transition:all .3s;flex:none}.file-preview .delete-btn[data-v-58b3a2ad]:hover{opacity:.8}.my-music-popup[data-v-58b3a2ad]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.my-music-popup .popup-overlay[data-v-58b3a2ad]{position:absolute;inset:0;background:#000000b3}.my-music-popup .popup-content[data-v-58b3a2ad]{position:relative;border-radius:12px;z-index:1;margin:0 16px}.my-music-popup .popup-content .close-btn[data-v-58b3a2ad]{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:transparent;color:#9c9c9c;cursor:pointer;z-index:2}.my-music-popup .popup-content .close-btn[data-v-58b3a2ad]:hover{color:#fff}@media screen and (max-width:768px){.file-preview[data-v-58b3a2ad]{margin:0}.upload-box-wrapper[data-v-58b3a2ad]{margin-top:32px}.upload-box-wrapper .upload-box[data-v-58b3a2ad]{padding:16px}.upload-box-wrapper .upload-box-header[data-v-58b3a2ad]{padding:0 16px 12px}.upload-box-wrapper .upload-box-header-item[data-v-58b3a2ad]{font-size:14px}.upload-box-wrapper .upload-box-content[data-v-58b3a2ad]{padding:40px 16px;margin:0}.upload-box-wrapper .separate-btn[data-v-58b3a2ad]{font-size:18px;padding:12px 24px}}.disabled[data-v-58b3a2ad]{pointer-events:none;opacity:.5;cursor:not-allowed}