.svg-page[data-v-df46e6cc]>*+*{margin-top:24px}.svg-guide[data-v-df46e6cc]{max-width:880px;margin-left:auto;margin-right:auto}.svg-upload-icon[data-v-df46e6cc]{margin-bottom:8px}.svg-upload-hint[data-v-df46e6cc]{font-size:14px}.svg-section-title[data-v-df46e6cc]{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}.svg-color-section[data-v-df46e6cc],.svg-export-section[data-v-df46e6cc]{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--glass-bg)}.svg-color-row[data-v-df46e6cc]{display:flex;align-items:center;gap:6px;margin-bottom:8px}.svg-color-row[data-v-df46e6cc]:last-of-type{margin-bottom:4px}.svg-current-color-row[data-v-df46e6cc]{padding:8px;margin:4px 0 10px;background:#3b82f60f;border:1px dashed rgba(59,130,246,.3);border-radius:var(--radius-sm)}.svg-arrow[data-v-df46e6cc]{color:var(--color-text-tertiary);font-weight:600}.svg-color-picker[data-v-df46e6cc]{width:32px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:transparent}.svg-preview-box[data-v-df46e6cc]{display:flex;justify-content:center;align-items:center;min-height:240px;padding:16px;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.svg-preview-canvas[data-v-df46e6cc]{width:240px;height:240px;max-width:100%;display:flex;align-items:center;justify-content:center}.svg-preview-canvas[data-v-df46e6cc] svg{display:block;width:100%;height:100%;max-width:240px;max-height:240px}.svg-stats[data-v-df46e6cc]{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--glass-bg);border-radius:var(--radius-sm)}