.image-converter[data-v-cd39f115]{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header[data-v-cd39f115]{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.header h1[data-v-cd39f115]{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.description[data-v-cd39f115]{font-size:1rem;color:#6c757d;max-width:600px;margin:0 auto}.converter-container[data-v-cd39f115]{display:flex;flex-direction:column;gap:20px;min-height:600px}@media(min-width:1024px){.converter-container[data-v-cd39f115]{flex-direction:row;min-height:600px}}.left-panel[data-v-cd39f115]{flex:1;min-width:0}@media(min-width:1024px){.left-panel[data-v-cd39f115]{flex:0 0 45%;max-width:45%}}.right-panel[data-v-cd39f115]{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}@media(min-width:1024px){.right-panel[data-v-cd39f115]{flex:0 0 55%;max-width:55%}}.input-section[data-v-cd39f115]{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-cd39f115]{margin-bottom:20px}.input-label[data-v-cd39f115]{display:block;font-size:.9rem;font-weight:600;color:#495057;margin-bottom:12px}.file-upload-area[data-v-cd39f115]{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-cd39f115]:hover{border-color:#007bff;background:#e7f5ff}.file-input[data-v-cd39f115]{display:none}.upload-icon[data-v-cd39f115]{width:40px;height:40px;margin-bottom:12px;fill:#6c757d}.upload-content p[data-v-cd39f115]{color:#6c757d;margin:0;font-size:.9rem}.format-hint[data-v-cd39f115]{font-size:.8rem!important;color:#adb5bd!important;margin-top:8px!important}.file-info-card[data-v-cd39f115]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e9ecef}.file-info-row[data-v-cd39f115]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e9ecef}.file-info-row[data-v-cd39f115]:last-child{border-bottom:none}.info-label[data-v-cd39f115]{color:#6c757d;font-size:.85rem}.info-value[data-v-cd39f115]{color:#495057;font-size:.85rem;font-weight:600;word-break:break-all;text-align:right;max-width:60%}.format-grid[data-v-cd39f115]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.format-option[data-v-cd39f115]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.format-option[data-v-cd39f115]:hover{border-color:#007bff;background:#f8f9fa}.format-option.selected[data-v-cd39f115]{border-color:#007bff;background:#e6f7ff}.format-name[data-v-cd39f115]{font-size:.9rem;font-weight:600;color:#495057}.format-ext[data-v-cd39f115]{font-size:.75rem;color:#6c757d;margin-top:2px}.button-group[data-v-cd39f115]{display:flex;gap:12px;margin-top:auto;padding-top:20px}.btn[data-v-cd39f115]{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-cd39f115]{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-primary[data-v-cd39f115]:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.btn-primary[data-v-cd39f115]:disabled{opacity:.6;cursor:not-allowed}.btn-outline[data-v-cd39f115]{background:#fff;color:#495057;border:1px solid #dee2e6}.btn-outline[data-v-cd39f115]:hover:not(:disabled){border-color:#007bff;color:#007bff;background:#f8f9fa}.btn-outline[data-v-cd39f115]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-cd39f115]{padding:6px;background:transparent;border:none;color:#6c757d;flex:0 0 auto}.btn-icon[data-v-cd39f115]:hover{color:#007bff;background:#f8f9fa;border-radius:6px}.copy-btn[data-v-cd39f115]{margin-left:auto}.spinner[data-v-cd39f115]{width:18px;height:18px;animation:spin-cd39f115 1s linear infinite}.spinner circle[data-v-cd39f115]{stroke:#fff;stroke-linecap:round;animation:dash-cd39f115 1.5s ease-in-out infinite}.result-section[data-v-cd39f115]{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-cd39f115]{border-color:#007bff;box-shadow:0 2px 15px #007bff1a}.result-header[data-v-cd39f115]{display:flex;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f8f9fa}.result-header h3[data-v-cd39f115]{font-size:1.2rem;color:#2c3e50;margin:0}.result-content[data-v-cd39f115]{flex:1;display:flex;flex-direction:column;gap:16px}.preview-container[data-v-cd39f115]{display:flex;align-items:center;gap:16px;flex:1;min-height:200px}.preview-box[data-v-cd39f115]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.preview-label[data-v-cd39f115]{font-size:.8rem;color:#6c757d;font-weight:600}.preview-image[data-v-cd39f115]{max-width:100%;max-height:180px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid #e9ecef}.preview-size[data-v-cd39f115]{font-size:.85rem;color:#495057;font-weight:600}.preview-format[data-v-cd39f115]{font-size:.75rem;color:#007bff;font-weight:600;background:#e6f7ff;padding:2px 8px;border-radius:4px}.preview-arrow[data-v-cd39f115]{flex-shrink:0;width:24px;height:24px;fill:#6c757d}.stats-container[data-v-cd39f115]{display:flex;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #e9ecef}.stat-card[data-v-cd39f115]{flex:1;background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}.stat-label[data-v-cd39f115]{font-size:.75rem;color:#6c757d;margin-bottom:4px}.stat-value[data-v-cd39f115]{font-size:1rem;font-weight:700;color:#495057}.stat-value.success[data-v-cd39f115]{color:#28a745}.stat-value.error[data-v-cd39f115]{color:#dc3545}.empty-state[data-v-cd39f115]{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-cd39f115]{width:64px;height:64px;fill:#dee2e6;margin-bottom:16px}.empty-hint[data-v-cd39f115]{font-size:.9rem;color:#adb5bd;margin-top:8px}.info-section[data-v-cd39f115]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef}.info-section h3[data-v-cd39f115]{font-size:1.2rem;color:#2c3e50;margin-bottom:20px;text-align:center}.format-info-grid[data-v-cd39f115]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.format-info-item[data-v-cd39f115]{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border-radius:6px}.format-info-name[data-v-cd39f115]{font-weight:600;color:#495057;font-size:.85rem}.format-info-ext[data-v-cd39f115]{color:#007bff;font-size:.75rem;font-weight:600}.format-info-desc[data-v-cd39f115]{color:#6c757d;font-size:.7rem}.notification[data-v-cd39f115]{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #00000026;animation:slideIn-cd39f115 .3s ease-out;z-index:1000;font-size:.9rem}.notification.success[data-v-cd39f115]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error[data-v-cd39f115]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn-cd39f115{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin-cd39f115{to{transform:rotate(360deg)}}@keyframes dash-cd39f115{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-cd39f115]{width:18px;height:18px;fill:currentColor}[data-astro-cid-yvy77j5i]{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;min-height:100vh}.container[data-astro-cid-yvy77j5i]{max-width:1200px;margin:0 auto;padding:20px}.header[data-astro-cid-yvy77j5i]{text-align:center;margin-bottom:30px}.header[data-astro-cid-yvy77j5i] h1[data-astro-cid-yvy77j5i]{font-size:2rem;color:#333;margin-bottom:10px}.header[data-astro-cid-yvy77j5i] p[data-astro-cid-yvy77j5i]{color:#666}