.svg-extractor[data-v-df4c7fb7]{font-family:Segoe UI,system-ui,sans-serif}.upload-section[data-v-df4c7fb7]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;gap:16px;margin-bottom:24px;padding:20px}.upload-btn[data-v-df4c7fb7],.upload-section[data-v-df4c7fb7]{align-items:center;display:flex}.upload-btn[data-v-df4c7fb7]{background:#fff;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;gap:8px;padding:12px 24px;transition:transform .2s,box-shadow .2s}.upload-btn[data-v-df4c7fb7]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.upload-btn .icon[data-v-df4c7fb7]{font-size:18px}.file-input[data-v-df4c7fb7]{display:none}.file-name[data-v-df4c7fb7]{color:#fff;font-size:14px;opacity:.9}.params-section[data-v-df4c7fb7]{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px}.params-section h3[data-v-df4c7fb7]{color:#333;font-size:16px;margin:0 0 16px}.params-grid[data-v-df4c7fb7]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.param-item[data-v-df4c7fb7]{display:flex;flex-direction:column;gap:8px}.param-item label[data-v-df4c7fb7]{color:#666;font-size:13px;font-weight:500}.param-item input[type=range][data-v-df4c7fb7]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:100%}.param-item input[type=range][data-v-df4c7fb7]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:18px;width:18px}.param-value[data-v-df4c7fb7]{color:#667eea;font-size:14px;font-weight:600}.checkbox-item[data-v-df4c7fb7]{align-items:center;flex-direction:row}.checkbox-item label[data-v-df4c7fb7]{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-item input[type=checkbox][data-v-df4c7fb7]{accent-color:#667eea;height:18px;width:18px}.preview-section[data-v-df4c7fb7]{margin-top:24px}.preview-container[data-v-df4c7fb7]{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}@media (max-width:768px){.preview-container[data-v-df4c7fb7]{grid-template-columns:1fr}}.preview-box[data-v-df4c7fb7]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.preview-box h3[data-v-df4c7fb7]{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;font-size:14px;margin:0;padding:12px 16px}.image-wrapper[data-v-df4c7fb7],.svg-wrapper[data-v-df4c7fb7]{align-items:center;background:repeating-conic-gradient(#f0f0f0 0,#f0f0f0 25%,#fff 0,#fff 50%) 50% /20px 20px;display:flex;justify-content:center;min-height:250px;padding:16px}.image-wrapper img[data-v-df4c7fb7],.svg-wrapper[data-v-df4c7fb7] svg{max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain}.placeholder[data-v-df4c7fb7]{font-size:14px;padding:40px}.empty-state[data-v-df4c7fb7],.placeholder[data-v-df4c7fb7]{color:#999;text-align:center}.empty-state[data-v-df4c7fb7]{padding:60px 20px}.empty-state p[data-v-df4c7fb7]{font-size:16px;margin:0}.action-buttons[data-v-df4c7fb7]{display:flex;gap:16px;justify-content:center}.convert-btn[data-v-df4c7fb7],.download-btn[data-v-df4c7fb7]{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:transform .2s,box-shadow .2s,opacity .2s}.convert-btn[data-v-df4c7fb7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.convert-btn[data-v-df4c7fb7]:hover:not(:disabled){box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.convert-btn[data-v-df4c7fb7]:disabled{cursor:not-allowed;opacity:.6}.download-btn[data-v-df4c7fb7]{background:#28a745;color:#fff}.download-btn[data-v-df4c7fb7]:hover{box-shadow:0 4px 16px #28a74566;transform:translateY(-2px)}.modal-footer[data-v-df4c7fb7]{display:flex;gap:12px;justify-content:flex-end}.cancel-btn[data-v-df4c7fb7],.confirm-btn[data-v-df4c7fb7]{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s,transform .2s}.cancel-btn[data-v-df4c7fb7]{background:#f0f0f0;color:#666}.cancel-btn[data-v-df4c7fb7]:hover{background:#e0e0e0}.confirm-btn[data-v-df4c7fb7]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn[data-v-df4c7fb7]:hover{box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.loading-overlay[data-v-df4c7fb7]{align-items:center;background:#fffc;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.spinner[data-v-df4c7fb7]{animation:spin-df4c7fb7 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin-df4c7fb7{0%{transform:rotate(0)}to{transform:rotate(1turn)}}