.result-card[data-v-8bbb49a8],.upload-card[data-v-8bbb49a8]{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:40px}.upload-header[data-v-8bbb49a8]{margin-bottom:32px;text-align:center}.upload-header h2[data-v-8bbb49a8]{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:8px}.upload-header p[data-v-8bbb49a8]{color:#6b7280;font-size:16px}.quality-selector[data-v-8bbb49a8]{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:20px}.quality-label[data-v-8bbb49a8]{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.quality-options[data-v-8bbb49a8]{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.quality-option[data-v-8bbb49a8]{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;transition:all .2s ease}.quality-option[data-v-8bbb49a8]:hover{background:#e6f4fd;border-color:#25a1f4}.quality-option.active[data-v-8bbb49a8]{background:#25a1f4;border-color:#25a1f4;color:#fff}.quality-value[data-v-8bbb49a8]{font-size:16px;font-weight:700;margin-bottom:4px}.quality-desc[data-v-8bbb49a8]{font-size:11px;opacity:.8}.quality-option.active .quality-desc[data-v-8bbb49a8]{opacity:1}.edit-options[data-v-8bbb49a8]{display:flex;gap:12px;margin-bottom:24px}.edit-option[data-v-8bbb49a8]{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s}.edit-option[data-v-8bbb49a8]:hover{background:#e6f4fd;border-color:#25a1f4}.edit-option.active[data-v-8bbb49a8]{background:#25a1f4;border-color:#25a1f4;color:#fff}.resize-options[data-v-8bbb49a8]{background:#f9fafb;border-radius:10px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.resize-input[data-v-8bbb49a8]{display:flex;flex:1;flex-direction:column;gap:6px}.resize-input label[data-v-8bbb49a8]{color:#6b7280;font-size:13px;font-weight:500}.resize-input input[data-v-8bbb49a8]{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:15px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.resize-input input[data-v-8bbb49a8]:focus{border-color:#25a1f4}.upload-area[data-v-8bbb49a8]{background:#fafafa;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;padding:48px 32px;text-align:center;transition:all .3s ease}.upload-area[data-v-8bbb49a8]:hover{background:#e6f4fd;border-color:#25a1f4}.upload-area.dragging[data-v-8bbb49a8]{background:#d1ecf9;border-color:#25a1f4;transform:scale(1.02)}.upload-icon-wrapper[data-v-8bbb49a8]{color:#25a1f4;margin-bottom:24px}.upload-icon[data-v-8bbb49a8]{animation:bounce-8bbb49a8 2s infinite}@keyframes bounce-8bbb49a8{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-text h3[data-v-8bbb49a8]{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:8px}.upload-text p[data-v-8bbb49a8]{color:#6b7280;font-size:16px;margin-bottom:24px}.upload-info[data-v-8bbb49a8]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.info-badge[data-v-8bbb49a8]{align-items:center;background:#f3f4f6;border-radius:20px;color:#4b5563;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px}.upload-progress[data-v-8bbb49a8]{background:#f9fafb;border-radius:12px;margin-top:24px;padding:20px}.progress-header[data-v-8bbb49a8]{color:#6b7280;display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.progress-percent[data-v-8bbb49a8]{color:#25a1f4;font-weight:600}.progress-bar[data-v-8bbb49a8]{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-fill[data-v-8bbb49a8]{background:#25a1f4;border-radius:4px;height:100%;transition:width .3s ease}.error-message[data-v-8bbb49a8]{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:16px;white-space:pre-line}.result-panel[data-v-8bbb49a8]{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:40px}.batch-results[data-v-8bbb49a8]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-bottom:28px}.batch-error[data-v-8bbb49a8]{margin-bottom:20px;text-align:left}.result-card[data-v-8bbb49a8]{border:1px solid #e5e7eb;border-radius:8px;box-shadow:none;padding:20px;text-align:center}.result-header[data-v-8bbb49a8]{margin-bottom:32px}.success-icon[data-v-8bbb49a8]{display:inline-block;margin-bottom:16px}.result-header h2[data-v-8bbb49a8]{color:#10b981;font-size:28px;font-weight:700}.result-preview[data-v-8bbb49a8]{background:#f3f4f6;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;overflow:hidden}.result-preview img[data-v-8bbb49a8]{display:block;height:220px;-o-object-fit:contain;object-fit:contain;width:100%}.result-details[data-v-8bbb49a8]{background:#f9fafb;border-radius:12px;margin-bottom:32px;padding:24px}.detail-item[data-v-8bbb49a8]{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 0}.detail-item[data-v-8bbb49a8]:last-child{border-bottom:none}.detail-label[data-v-8bbb49a8]{color:#6b7280;font-size:14px}.detail-value[data-v-8bbb49a8]{color:#1f2937;font-size:14px;font-weight:600}.size-saving[data-v-8bbb49a8]{font-size:12px;font-weight:500;margin-left:8px}.text-success[data-v-8bbb49a8]{color:#10b981}.text-danger[data-v-8bbb49a8]{color:#ef4444}.result-actions[data-v-8bbb49a8]{display:flex;gap:16px;justify-content:center}.btn[data-v-8bbb49a8]{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn[data-v-8bbb49a8]:disabled{cursor:wait;opacity:.65;transform:none}.btn-primary[data-v-8bbb49a8]{background:#25a1f4;box-shadow:0 4px 12px #25a1f466;color:#fff}.btn-primary[data-v-8bbb49a8]:hover{box-shadow:0 6px 16px #25a1f480;transform:translateY(-2px)}.btn-secondary[data-v-8bbb49a8]{background:#fff;border:2px solid #d1d5db;color:#6b7280}.btn-secondary[data-v-8bbb49a8]:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:640px){.result-panel[data-v-8bbb49a8],.upload-card[data-v-8bbb49a8]{padding:24px}.result-card[data-v-8bbb49a8]{padding:16px}.quality-options[data-v-8bbb49a8]{grid-template-columns:repeat(3,1fr)}.quality-option[data-v-8bbb49a8]{padding:10px 6px}.quality-value[data-v-8bbb49a8]{font-size:14px}.quality-desc[data-v-8bbb49a8]{font-size:10px}.result-actions[data-v-8bbb49a8]{flex-direction:column}.btn[data-v-8bbb49a8]{justify-content:center;width:100%}}