.image-compressor[data-v-1d9c26a3]{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-1d9c26a3]{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.header h1[data-v-1d9c26a3]{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.description[data-v-1d9c26a3]{font-size:1rem;color:#6c757d;max-width:600px;margin:0 auto}.compressor-container[data-v-1d9c26a3]{display:flex;flex-direction:column;gap:20px;min-height:600px}@media(min-width:1024px){.compressor-container[data-v-1d9c26a3]{flex-direction:row;min-height:600px}}.left-panel[data-v-1d9c26a3]{flex:1;min-width:0}@media(min-width:1024px){.left-panel[data-v-1d9c26a3]{flex:0 0 45%;max-width:45%}}.right-panel[data-v-1d9c26a3]{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}@media(min-width:1024px){.right-panel[data-v-1d9c26a3]{flex:0 0 55%;max-width:55%}}.input-section[data-v-1d9c26a3]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;height:100%;display:flex;flex-direction:column}.input-group[data-v-1d9c26a3]{margin-bottom:20px}.input-label[data-v-1d9c26a3]{display:block;font-size:.9rem;font-weight:600;color:#495057;margin-bottom:12px}.file-upload-area[data-v-1d9c26a3]{border:2px dashed #dee2e6;border-radius:8px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s;background:#f8f9fa}.file-upload-area[data-v-1d9c26a3]:hover{border-color:#007bff;background:#e7f5ff}.file-input[data-v-1d9c26a3]{display:none}.upload-icon[data-v-1d9c26a3]{width:40px;height:40px;margin-bottom:12px;fill:#6c757d}.upload-content p[data-v-1d9c26a3]{color:#6c757d;margin:0;font-size:.9rem}.format-hint[data-v-1d9c26a3]{font-size:.8rem!important;color:#adb5bd!important;margin-top:8px!important}.file-info-card[data-v-1d9c26a3]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e9ecef}.file-info-row[data-v-1d9c26a3]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e9ecef}.file-info-row[data-v-1d9c26a3]:last-child{border-bottom:none}.info-label[data-v-1d9c26a3]{color:#6c757d;font-size:.85rem}.info-value[data-v-1d9c26a3]{color:#495057;font-size:.85rem;font-weight:600;word-break:break-all;text-align:right;max-width:60%}.quality-slider[data-v-1d9c26a3]{padding:0 8px}.slider[data-v-1d9c26a3]{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;-webkit-appearance:none}.slider[data-v-1d9c26a3]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;box-shadow:0 2px 6px #007bff4d}.slider[data-v-1d9c26a3]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:none}.quality-labels[data-v-1d9c26a3]{display:flex;justify-content:space-between;margin-top:8px;font-size:.75rem;color:#6c757d}.radio-group[data-v-1d9c26a3]{display:flex;gap:16px;flex-wrap:wrap}.radio-label[data-v-1d9c26a3]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;color:#495057;padding:6px 12px;border-radius:6px;transition:background-color .2s}.radio-label[data-v-1d9c26a3]:hover{background-color:#f8f9fa}.radio-label.selected[data-v-1d9c26a3]{background-color:#e6f7ff}.radio-label .radio-dot[data-v-1d9c26a3]{width:18px;height:18px;border:2px solid #adb5bd;border-radius:50%;position:relative}.radio-label.selected .radio-dot[data-v-1d9c26a3]{border-color:#007bff}.radio-label.selected .radio-dot[data-v-1d9c26a3]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#007bff;border-radius:50%}.button-group[data-v-1d9c26a3]{display:flex;gap:12px;margin-top:auto;padding-top:20px}.btn[data-v-1d9c26a3]{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1}.btn-primary[data-v-1d9c26a3]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary[data-v-1d9c26a3]:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-primary[data-v-1d9c26a3]:disabled{opacity:.6;cursor:not-allowed}.btn-outline[data-v-1d9c26a3]{background:#fff;color:#495057;border:1px solid #dee2e6}.btn-outline[data-v-1d9c26a3]:hover:not(:disabled){border-color:#007bff;color:#007bff;background:#f8f9fa}.btn-outline[data-v-1d9c26a3]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-1d9c26a3]{padding:6px;background:transparent;border:none;color:#6c757d;flex:0 0 auto}.btn-icon[data-v-1d9c26a3]:hover{color:#007bff;background:#f8f9fa;border-radius:6px}.copy-btn[data-v-1d9c26a3]{margin-left:auto}.spinner[data-v-1d9c26a3]{width:18px;height:18px;animation:spin-1d9c26a3 1s linear infinite}.spinner circle[data-v-1d9c26a3]{stroke:#fff;stroke-linecap:round;animation:dash-1d9c26a3 1.5s ease-in-out infinite}.result-section[data-v-1d9c26a3]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef;flex:1;min-height:300px;display:flex;flex-direction:column}.result-section.has-result[data-v-1d9c26a3]{border-color:#007bff;box-shadow:0 2px 15px #007bff1a}.result-header[data-v-1d9c26a3]{display:flex;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f8f9fa}.result-header h3[data-v-1d9c26a3]{font-size:1.2rem;color:#2c3e50;margin:0}.result-content[data-v-1d9c26a3]{flex:1;display:flex;flex-direction:column;gap:16px}.preview-container[data-v-1d9c26a3]{display:flex;align-items:center;gap:16px;flex:1;min-height:200px}.preview-box[data-v-1d9c26a3]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.preview-label[data-v-1d9c26a3]{font-size:.8rem;color:#6c757d;font-weight:600}.preview-image[data-v-1d9c26a3]{max-width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #e9ecef}.preview-size[data-v-1d9c26a3]{font-size:.85rem;color:#495057;font-weight:600}.preview-arrow[data-v-1d9c26a3]{flex-shrink:0;width:24px;height:24px;fill:#6c757d}.stats-container[data-v-1d9c26a3]{display:flex;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #e9ecef}.stat-card[data-v-1d9c26a3]{flex:1;background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.stat-label[data-v-1d9c26a3]{font-size:.75rem;color:#6c757d;margin-bottom:4px}.stat-value[data-v-1d9c26a3]{font-size:1rem;font-weight:700;color:#495057}.stat-value.success[data-v-1d9c26a3]{color:#28a745}.empty-state[data-v-1d9c26a3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;text-align:center}.empty-icon[data-v-1d9c26a3]{width:64px;height:64px;fill:#dee2e6;margin-bottom:16px}.empty-hint[data-v-1d9c26a3]{font-size:.9rem;color:#adb5bd;margin-top:8px}.info-section[data-v-1d9c26a3]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef}.info-section h3[data-v-1d9c26a3]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px;text-align:center}.info-list[data-v-1d9c26a3]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-1d9c26a3]{display:flex;align-items:center;gap:12px;padding:8px 0}.info-icon[data-v-1d9c26a3]{width:24px;height:24px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.info-item span[data-v-1d9c26a3]:last-child{font-size:.9rem;color:#495057}.notification[data-v-1d9c26a3]{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideIn-1d9c26a3 .3s ease-out;z-index:1000;font-size:.9rem}.notification.success[data-v-1d9c26a3]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error[data-v-1d9c26a3]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn-1d9c26a3{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin-1d9c26a3{to{transform:rotate(360deg)}}@keyframes dash-1d9c26a3{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.icon[data-v-1d9c26a3]{width:18px;height:18px;fill:currentColor}