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