.page-content[data-v-8be76961]{overflow:hidden!important}.upload-container[data-v-8be76961]{padding:0 16px 100px;height:88%;overflow-y:auto}.upload-container[data-v-8be76961]::-webkit-scrollbar{display:none}.upload-title[data-v-8be76961]{color:#dddcde;font-size:20px;font-weight:600;text-align:center;margin-bottom:5px}.upload-subtitle[data-v-8be76961]{color:#878c9c;font-size:12px;text-align:center;margin-bottom:20px}.upload-form[data-v-8be76961]{background:#141415cc;border-radius:12px;padding:16px;margin-bottom:20px}.form-group[data-v-8be76961]{margin-bottom:16px}.form-group label[data-v-8be76961]{display:block;color:#dddcde;font-size:12px;margin-bottom:6px}.form-group input[data-v-8be76961]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#dddcde;font-size:14px;outline:none;transition:border-color .2s}.form-group input[data-v-8be76961]:focus{border-color:#8666dd}.form-group input.input-error[data-v-8be76961]{border-color:#f44}.form-group input[data-v-8be76961]::placeholder{color:#666}.form-group .form-hint[data-v-8be76961]{display:block;color:#666;font-size:10px;margin-top:4px}.form-group .error-message[data-v-8be76961]{display:block;color:#f44;font-size:11px;margin-top:4px}.form-group .success-message[data-v-8be76961]{display:block;color:#4f4;font-size:11px;margin-top:4px}.upload-preview[data-v-8be76961]{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:16px}.upload-preview .preview-img[data-v-8be76961]{width:50px;height:50px;border-radius:6px;object-fit:cover}.upload-preview .preview-info[data-v-8be76961]{flex:1}.upload-preview .preview-info .preview-title[data-v-8be76961]{color:#dddcde;font-size:14px;font-weight:500}.upload-preview .preview-info .preview-artist[data-v-8be76961]{color:#878c9c;font-size:12px}.upload-preview .preview-info .preview-duration[data-v-8be76961]{color:#8666dd;font-size:11px;margin-top:2px}.upload-btn[data-v-8be76961]{width:100%;background:#8666dd;border:none;border-radius:8px;padding:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .2s}.upload-btn[data-v-8be76961]:disabled{opacity:.5;cursor:not-allowed}.upload-btn[data-v-8be76961]:not(:disabled):hover{opacity:.9}.upload-note[data-v-8be76961]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;background:#8666dd1a;border-radius:8px}.upload-note svg[data-v-8be76961]{flex-shrink:0;margin-top:2px}.upload-note span[data-v-8be76961]{color:#878c9c;font-size:11px;line-height:1.4}.my-uploads .section-title[data-v-8be76961]{color:#dddcde;font-size:14px;font-weight:500;margin-bottom:12px}.my-uploads .uploads-list[data-v-8be76961]{display:flex;flex-direction:column;gap:8px}.my-uploads .upload-item[data-v-8be76961]{display:flex;align-items:center;gap:10px;background:#141415cc;border-radius:8px;padding:10px}.my-uploads .upload-item .upload-item-img[data-v-8be76961]{width:40px;height:40px;border-radius:4px;object-fit:cover}.my-uploads .upload-item .upload-item-info[data-v-8be76961]{flex:1;min-width:0}.my-uploads .upload-item .upload-item-info .upload-item-title[data-v-8be76961]{color:#dddcde;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-uploads .upload-item .upload-item-info .upload-item-artist[data-v-8be76961]{color:#878c9c;font-size:11px}.my-uploads .upload-item .upload-item-actions[data-v-8be76961]{display:flex;align-items:center;gap:8px}.my-uploads .upload-item .upload-item-status[data-v-8be76961]{font-size:10px;padding:4px 8px;border-radius:12px;text-transform:uppercase;font-weight:500}.my-uploads .upload-item .upload-item-status.pending[data-v-8be76961]{background:#ffc10733;color:#ffc107}.my-uploads .upload-item .delete-btn[data-v-8be76961]{width:28px;height:28px;border-radius:50%;background:#f4433633;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f44336;transition:all .2s}.my-uploads .upload-item .delete-btn[data-v-8be76961]:hover:not(:disabled){background:#f4433666}.my-uploads .upload-item .delete-btn[data-v-8be76961]:disabled{opacity:.5;cursor:not-allowed}.my-uploads .upload-item .delete-btn .loading-spinner[data-v-8be76961]{width:12px;height:12px;border:2px solid rgba(244,67,54,.3);border-top-color:#f44336;border-radius:50%;animation:spin-8be76961 .8s linear infinite}@keyframes spin-8be76961{to{transform:rotate(360deg)}}
