.container[data-v-d3d5f9cf]{max-width:700px;margin:0 auto;padding:20px}h1[data-v-d3d5f9cf]{text-align:center;margin-bottom:24px;font-size:1.2rem;color:#333}.upload-area[data-v-d3d5f9cf]{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s;background:#fafafa;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-area[data-v-d3d5f9cf]:hover{border-color:#06f}.upload-placeholder[data-v-d3d5f9cf]{color:#666}.upload-placeholder .icon[data-v-d3d5f9cf]{font-size:48px;margin-bottom:12px}.upload-placeholder .hint[data-v-d3d5f9cf]{font-size:12px;color:#999;margin-top:8px}.preview img[data-v-d3d5f9cf]{max-width:100%;max-height:300px;border-radius:4px}.options[data-v-d3d5f9cf]{margin-top:20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center}.option-group[data-v-d3d5f9cf]{display:flex;align-items:center;gap:8px}.option-group label[data-v-d3d5f9cf]{font-size:14px;color:#333}.option-group select[data-v-d3d5f9cf]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.convert-btn[data-v-d3d5f9cf]{padding:10px 24px;background:#06f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.convert-btn[data-v-d3d5f9cf]:hover:not(:disabled){background:#0052cc}.convert-btn[data-v-d3d5f9cf]:disabled{background:#ccc;cursor:not-allowed}.result-area[data-v-d3d5f9cf]{margin-top:24px}.result-header[data-v-d3d5f9cf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-header span[data-v-d3d5f9cf]{font-weight:500;color:#333}.copy-btn[data-v-d3d5f9cf]{padding:6px 16px;background:#52c41a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.copy-btn[data-v-d3d5f9cf]:hover{background:#389e0d}.zoom-controls[data-v-d3d5f9cf]{display:flex;align-items:center;gap:8px}.zoom-controls button[data-v-d3d5f9cf]{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:16px}.zoom-controls button[data-v-d3d5f9cf]:disabled{opacity:.5;cursor:not-allowed}.zoom-controls span[data-v-d3d5f9cf]{font-size:13px;color:#666;min-width:45px;text-align:center}.svg-preview[data-v-d3d5f9cf]{border:1px solid #ddd;border-radius:4px;padding:20px;background:#fff;overflow:auto;text-align:center;display:flex;align-items:flex-start;justify-content:center;min-height:300px}.svg-preview img[data-v-d3d5f9cf]{max-width:100%;height:auto;display:block}.info[data-v-d3d5f9cf]{display:flex;gap:20px;margin-top:12px;font-size:12px;color:#666}.error[data-v-d3d5f9cf]{margin-top:16px;padding:12px;background:#fff5f5;color:#ff4d4f;border-radius:4px}