.upload-area[data-v-7fa42bf4]{align-items:center;background-color:transparent;border:1px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:24px;transition:all .3s ease;width:100%}.upload-area[data-v-7fa42bf4]:hover{background-color:#8b5cf60d;border-color:#8b5cf6}.upload-area:hover .upload-icon-large[data-v-7fa42bf4]{color:#8b5cf6}.dark .upload-area[data-v-7fa42bf4]{background-color:transparent;border-color:#4b5563}.dark .upload-area[data-v-7fa42bf4]:hover{background-color:#a855f71a;border-color:#a855f7}.dark .upload-area:hover .upload-icon-large[data-v-7fa42bf4]{color:#a855f7}.upload-icon-large[data-v-7fa42bf4]{color:#9ca3af;height:24px;transition:color .3s ease;width:24px}.upload-icon-large svg[data-v-7fa42bf4]{height:100%;width:100%}.dark .upload-icon-large[data-v-7fa42bf4]{color:#6b7280}.upload-content[data-v-7fa42bf4]{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-title[data-v-7fa42bf4]{color:#9ca3af;font-size:14px;font-weight:400;margin:8px 0 0}.dark .upload-title[data-v-7fa42bf4]{color:#9ca3af}.upload-desc[data-v-7fa42bf4]{color:#6b7280;font-size:12px;line-height:1.5;margin:0;text-align:center}.upload-desc .login-link[data-v-7fa42bf4]{color:#8b5cf6;cursor:pointer;font-weight:500;transition:color .3s ease}.upload-desc .login-link[data-v-7fa42bf4]:hover{color:#7c3aed}.dark .upload-desc[data-v-7fa42bf4]{color:#6b7280}.dark .upload-desc .login-link[data-v-7fa42bf4]{color:#a855f7}.dark .upload-desc .login-link[data-v-7fa42bf4]:hover{color:#c084fc}.upload-dragger[data-v-7fa42bf4] .el-upload{width:100%}.upload-dragger[data-v-7fa42bf4] .el-upload .el-upload-dragger{background-color:transparent;border:none;border-radius:8px;padding:0;width:100%}.upload-dragger[data-v-7fa42bf4] .el-upload .el-upload-dragger.is-dragover .upload-area{background-color:#8b5cf60d;border-color:#8b5cf6}.dark .upload-dragger[data-v-7fa42bf4] .el-upload .el-upload-dragger{background-color:transparent;border:none}.dark .upload-dragger[data-v-7fa42bf4] .el-upload .el-upload-dragger.is-dragover .upload-area{background-color:#a855f71a;border-color:#a855f7}.upload-spinner[data-v-7fa42bf4]{animation:spin-7fa42bf4 1s linear infinite;color:#8b5cf6;font-size:28px}.dark .upload-spinner[data-v-7fa42bf4]{color:#a855f7}@keyframes spin-7fa42bf4{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.audio-icon-wrapper[data-v-7fa42bf4]{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.audio-icon-wrapper.light[data-v-7fa42bf4]{background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(236,72,153,.15));box-shadow:0 2px 8px #a855f726,inset 0 1px #ffffff80}.audio-icon-wrapper.light .el-icon[data-v-7fa42bf4]{color:#a855f7;filter:drop-shadow(0 1px 2px rgba(168,85,247,.3))}.audio-icon-wrapper.dark[data-v-7fa42bf4]{background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(236,72,153,.25));box-shadow:0 0 20px #a855f74d,0 2px 8px #0000004d,inset 0 1px #ffffff1a}.audio-icon-wrapper.dark .el-icon[data-v-7fa42bf4]{color:#c084fc;filter:drop-shadow(0 0 8px rgba(192,132,252,.6))}.audio-icon-wrapper[data-v-7fa42bf4]:hover{transform:scale(1.05)}.audio-icon-wrapper.light[data-v-7fa42bf4]:hover{box-shadow:0 4px 12px #a855f740,inset 0 1px #ffffff80}.audio-icon-wrapper.dark[data-v-7fa42bf4]:hover{box-shadow:0 0 30px #a855f780,0 4px 12px #0006,inset 0 1px #ffffff26}.audio-icon-wrapper.dark:hover .el-icon[data-v-7fa42bf4]{color:#e9d5ff;filter:drop-shadow(0 0 12px rgba(192,132,252,.8))}@media (max-width:768px){.upload-area[data-v-7fa42bf4]{min-height:100px;padding:16px}}