.svg-renderer[data-v-e9053b01]{width:100%}.tool-content[data-v-e9053b01]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.button-container[data-v-e9053b01]{display:flex;justify-content:center;gap:var(--spacing-md)}.section-label[data-v-e9053b01]{display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin-bottom:var(--spacing-sm)}.section-title[data-v-e9053b01]{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-title);margin-bottom:var(--spacing-md)}.content-card[data-v-e9053b01]{background:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.svg-renderer__preview[data-v-e9053b01]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-md);border:1px dashed var(--color-border);min-height:120px;overflow:auto}.svg-renderer__preview-img[data-v-e9053b01]{max-width:100%;max-height:360px;object-fit:contain}.svg-renderer__info[data-v-e9053b01]{margin-top:var(--spacing-sm);font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-align:center}.svg-renderer__error[data-v-e9053b01]{font-size:var(--font-size-body);color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-lg)}.svg-renderer__colors[data-v-e9053b01]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.svg-renderer__color-item[data-v-e9053b01]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:var(--transition-fast)}.svg-renderer__color-item[data-v-e9053b01]:hover{border-color:var(--color-primary)}.svg-renderer__color-picker[data-v-e9053b01]{width:28px;height:28px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.svg-renderer__color-picker[data-v-e9053b01]::-webkit-color-swatch-wrapper{padding:0}.svg-renderer__color-picker[data-v-e9053b01]::-webkit-color-swatch{border:none;border-radius:2px}.svg-renderer__color-label[data-v-e9053b01]{font-size:var(--font-size-caption);color:var(--color-text-tertiary);min-width:48px}.svg-renderer__color-value[data-v-e9053b01]{font-size:var(--font-size-caption);font-family:Courier New,monospace;color:var(--color-text-secondary);min-width:64px}.svg-renderer__export[data-v-e9053b01]{display:flex;flex-direction:column;gap:var(--spacing-md)}.svg-renderer__export-size[data-v-e9053b01]{display:flex;align-items:center;gap:var(--spacing-sm)}.svg-renderer__size-label[data-v-e9053b01]{font-size:var(--font-size-body);color:var(--color-text-secondary)}@media (max-width: 768px){.svg-renderer__export-size[data-v-e9053b01]{flex-wrap:wrap}.svg-renderer__colors[data-v-e9053b01]{flex-direction:column}.svg-renderer__preview-img[data-v-e9053b01]{max-height:240px}}