.app-wrapper[data-v-6f0fb49e]{min-height:100vh;display:flex;justify-content:center}.glass-container[data-v-6f0fb49e]{max-width:1200px;width:100%;display:flex;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.1);overflow:hidden;border:1px solid hsla(0,0%,100%,.3)}.panel[data-v-6f0fb49e]{flex:1;padding:24px;display:flex;flex-direction:column;height:80vh}.upload-panel[data-v-6f0fb49e]{border-right:1px solid rgba(0,0,0,.05)}.panel-header[data-v-6f0fb49e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title[data-v-6f0fb49e]{margin:0;font-size:18px;color:#2c3e50;display:flex;align-items:center;gap:8px}.actions[data-v-6f0fb49e]{display:flex;gap:10px;align-items:center}.custom-select[data-v-6f0fb49e] .el-input__inner{border-radius:20px;background:#f0f2f5;border:none}.modern-uploader[data-v-6f0fb49e] .el-upload-dragger{width:100%;height:140px;border:2px dashed #dcdfe6;border-radius:12px;background:hsla(0,0%,100%,.5);transition:all .3s;display:flex;align-items:center;justify-content:center}.modern-uploader[data-v-6f0fb49e] .el-upload-dragger:hover{border-color:#36f;background:rgba(64,158,255,.05)}.upload-content[data-v-6f0fb49e]{padding:20px}.upload-content i[data-v-6f0fb49e]{font-size:40px;color:#36f;margin-bottom:8px}.pulse-icon[data-v-6f0fb49e]{animation:pulse-data-v-6f0fb49e 2s infinite}@keyframes pulse-data-v-6f0fb49e{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.text[data-v-6f0fb49e]{font-size:14px;color:#606266}.highlight[data-v-6f0fb49e]{color:#36f;font-weight:700}.sub-text[data-v-6f0fb49e]{font-size:12px;color:#909399;margin-top:4px}.scroll-area[data-v-6f0fb49e]{flex:1;overflow-y:auto;margin-top:20px;padding-right:8px}.preview-grid[data-v-6f0fb49e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.image-card[data-v-6f0fb49e]{background:#fff;border-radius:10px;padding:8px;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .2s;position:relative}.image-card[data-v-6f0fb49e]:hover{transform:translateY(-5px)}.img-wrapper[data-v-6f0fb49e]{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;position:relative;background:#f9f9f9}.img-wrapper img[data-v-6f0fb49e]{width:100%;height:100%;object-fit:cover}.badge[data-v-6f0fb49e]{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.file-name[data-v-6f0fb49e]{font-size:12px;color:#606266;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.overlay[data-v-6f0fb49e]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-card:hover .overlay[data-v-6f0fb49e]{opacity:1}.list-enter-active[data-v-6f0fb49e],.list-leave-active[data-v-6f0fb49e]{transition:all .5s}.list-enter[data-v-6f0fb49e],.list-leave-to[data-v-6f0fb49e]{opacity:0;transform:scale(.8)}.clear-text[data-v-6f0fb49e]{color:#f56c6c}.clear-text[data-v-6f0fb49e]:hover{color:#ff8e8e}.scroll-area[data-v-6f0fb49e]::-webkit-scrollbar{width:6px}.scroll-area[data-v-6f0fb49e]::-webkit-scrollbar-thumb{background-color:#dcdfe6;border-radius:3px}@media (max-width:768px){.glass-container[data-v-6f0fb49e]{flex-direction:column}.panel[data-v-6f0fb49e]{height:auto;border-right:none}}