.image-resizer-container[data-v-651426a6]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-651426a6]{text-align:center;margin-bottom:30px}.page-header h1[data-v-651426a6]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-651426a6]{color:#7f8c8d;font-size:16px;line-height:1.6}.resizer-section[data-v-651426a6]{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.upload-section[data-v-651426a6]{margin-bottom:30px}.upload-dragger[data-v-651426a6]{width:100%}.upload-dragger .el-upload-dragger[data-v-651426a6]{width:100%;height:180px;border:2px dashed #d3dce6;border-radius:8px;background:#fff;transition:all .3s}.upload-dragger .el-upload-dragger[data-v-651426a6]:hover{border-color:#409eff;background:#f0f9ff}.settings-section[data-v-651426a6]{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.settings-section h3[data-v-651426a6]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.settings-grid[data-v-651426a6]{display:grid;gap:20px;margin-bottom:20px}.setting-group[data-v-651426a6]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.setting-group label[data-v-651426a6]{min-width:100px;font-weight:500;color:#2c3e50}.size-inputs[data-v-651426a6]{display:flex;align-items:center;gap:10px}.action-buttons[data-v-651426a6]{display:flex;gap:10px;flex-wrap:wrap}.images-section h3[data-v-651426a6]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.image-grid[data-v-651426a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.image-card[data-v-651426a6]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-preview[data-v-651426a6]{position:relative;height:200px;overflow:hidden}.image-preview img[data-v-651426a6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay[data-v-651426a6]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:15px}.image-info p[data-v-651426a6]{margin:0;font-size:12px;line-height:1.4}.image-actions[data-v-651426a6]{padding:10px;display:flex;gap:10px}.processed-preview[data-v-651426a6]{border-top:1px solid #f0f0f0;padding:15px}.processed-preview h4[data-v-651426a6]{margin:0 0 10px 0;font-size:14px;color:#2c3e50}.processed-preview img[data-v-651426a6]{width:100%;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:4px;margin-bottom:10px}.processed-info p[data-v-651426a6]{margin:0;font-size:12px;color:#7f8c8d;line-height:1.4}.size-change[data-v-651426a6]{font-weight:700}.empty-state[data-v-651426a6]{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-icon[data-v-651426a6]{font-size:64px;margin-bottom:20px}.empty-text[data-v-651426a6]{font-size:18px;margin-bottom:20px;color:#2c3e50}.empty-tips[data-v-651426a6]{max-width:400px;margin:0 auto;text-align:left}.empty-tips p[data-v-651426a6]{font-weight:700;margin-bottom:10px}.empty-tips ul[data-v-651426a6]{list-style:none;padding:0}.empty-tips li[data-v-651426a6]{padding:5px 0;font-size:14px}.processing-overlay[data-v-651426a6]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999}.processing-content[data-v-651426a6]{background:#fff;padding:30px;border-radius:12px;min-width:300px;text-align:center}.processing-content p[data-v-651426a6]{margin:15px 0 0 0;color:#2c3e50;font-weight:500}@media (max-width:768px){.image-resizer-container[data-v-651426a6]{padding:15px}.page-header h1[data-v-651426a6]{font-size:24px}.resizer-section[data-v-651426a6]{padding:20px 15px}.settings-section[data-v-651426a6]{padding:15px}.setting-group[data-v-651426a6]{flex-direction:column;align-items:flex-start}.setting-group label[data-v-651426a6]{min-width:auto}.action-buttons[data-v-651426a6]{flex-direction:column}.action-buttons .el-button[data-v-651426a6]{width:100%}.image-grid[data-v-651426a6]{grid-template-columns:1fr}}@media (max-width:480px){.image-resizer-container[data-v-651426a6]{padding:10px}.page-header h1[data-v-651426a6]{font-size:20px}.upload-dragger .el-upload-dragger[data-v-651426a6]{height:120px}}