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