.step-shell[data-v-c27b3952]{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;color:var(--color-infographic-text,var(--color-text-primary))}.step-progress[data-v-c27b3952]{display:flex;align-items:flex-start;justify-content:center;gap:0;padding:14px clamp(12px,2.2vw,24px) 16px;flex-shrink:0;border-bottom:1px solid var(--border-infographic-divider,rgba(148,163,184,.35));margin-bottom:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.step-item[data-v-c27b3952]{display:flex;align-items:center;position:relative;flex:1 1 0;min-width:0;max-width:240px}.step-item.clickable[data-v-c27b3952]{cursor:pointer}.step-circle[data-v-c27b3952]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;background:var(--bg-infographic-step,rgba(148,163,184,.25));color:var(--color-infographic-step-text,#64748b);border:1px solid var(--border-infographic-step,transparent);z-index:1}.step-item.active .step-circle[data-v-c27b3952]{background:var(--bg-infographic-step-active,#64748b);color:#fff}.step-item.done .step-circle[data-v-c27b3952]{background:var(--bg-infographic-step-done,#3b82f6);color:#fff}.step-label[data-v-c27b3952]{margin-left:8px;font-size:13px;color:var(--color-infographic-muted,#94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-item.active .step-label[data-v-c27b3952]{color:var(--color-infographic-text,var(--color-text-primary));font-weight:600}.step-line[data-v-c27b3952]{flex:1 1 16px;height:2px;margin:0 clamp(6px,1vw,12px);background:var(--bg-infographic-step-line,rgba(148,163,184,.35));align-self:center;min-width:12px}.step-line.done[data-v-c27b3952]{background:var(--bg-infographic-step-done,#3b82f6)}.step-body[data-v-c27b3952]{flex:1;display:flex;min-height:0;min-width:0;padding:8px clamp(12px,2.2vw,24px) 0;gap:0}.step-left[data-v-c27b3952]{flex:0 1 clamp(260px,32vw,440px);width:auto;min-width:0;max-width:440px;overflow-x:hidden;overflow-y:auto;padding-right:clamp(12px,2vw,28px);-webkit-overflow-scrolling:touch}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(300px,34vw,420px);flex-basis:clamp(300px,34vw,420px);max-width:420px;width:clamp(300px,34vw,420px)}.step-divider[data-v-c27b3952]{width:1px;background:var(--border-infographic-divider,rgba(148,163,184,.35));flex-shrink:0}.step-right[data-v-c27b3952]{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-left:clamp(12px,2vw,28px);min-width:0;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.layout-select-preview .step-right[data-v-c27b3952]{overflow:hidden}.layout-select-preview .step-right>[data-v-c27b3952]{flex:1;min-height:0}.step-footer[data-v-c27b3952]{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px clamp(12px,2.2vw,24px) clamp(12px,2vw,24px);flex-shrink:0}.footer-align-end .step-footer[data-v-c27b3952]{justify-content:flex-end}.footer-spacer[data-v-c27b3952]{flex:1}.btn-primary[data-v-c27b3952],.btn-secondary[data-v-c27b3952]{min-width:108px;height:40px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .15s}.btn-secondary[data-v-c27b3952]{background:var(--bg-infographic-btn-secondary,#f1f5f9);color:var(--color-infographic-btn-secondary-text,#334155);border-color:var(--border-infographic-btn,#cbd5e1)}.btn-secondary[data-v-c27b3952]:hover:not(:disabled){background:var(--bg-infographic-btn-secondary-hover,#e2e8f0);border-color:var(--border-infographic-btn-hover,#94a3b8)}.btn-secondary[data-v-c27b3952]:disabled{opacity:.55;cursor:not-allowed}.btn-primary[data-v-c27b3952]{background:var(--bg-infographic-btn-primary,#1f2937);color:var(--color-infographic-btn-primary-text,#fff);border-color:var(--bg-infographic-btn-primary,#1f2937);box-shadow:0 1px 2px rgba(15,23,42,.12)}.btn-primary[data-v-c27b3952]:not(:disabled):hover{background:var(--bg-infographic-btn-primary-hover,#111827);border-color:var(--bg-infographic-btn-primary-hover,#111827);box-shadow:0 4px 12px rgba(15,23,42,.18)}.btn-primary[data-v-c27b3952]:not(:disabled):active{transform:translateY(1px)}.btn-primary[data-v-c27b3952]:disabled{background:var(--bg-infographic-btn-primary-disabled,#e5e7eb);border-color:var(--bg-infographic-btn-primary-disabled,#e5e7eb);color:var(--color-infographic-btn-primary-disabled,#9ca3af);box-shadow:none;cursor:not-allowed}@media (max-width:1440px){.step-left[data-v-c27b3952]{flex-basis:clamp(250px,30vw,400px);max-width:400px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(280px,32vw,400px);flex-basis:clamp(280px,32vw,400px);width:clamp(280px,32vw,400px);max-width:400px}}@media (max-width:1280px){.step-label[data-v-c27b3952]{font-size:12px}.step-left[data-v-c27b3952]{flex-basis:clamp(230px,28vw,340px);max-width:340px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(260px,30vw,360px);flex-basis:clamp(260px,30vw,360px);width:clamp(260px,30vw,360px);max-width:360px}}@media (max-width:1100px){.step-item:not(.active) .step-label[data-v-c27b3952]{display:none}.step-left[data-v-c27b3952]{flex-basis:clamp(220px,34%,300px);max-width:300px;padding-right:14px}.layout-select-preview .step-left[data-v-c27b3952]{flex:0 0 clamp(240px,34%,320px);flex-basis:clamp(240px,34%,320px);width:clamp(240px,34%,320px);max-width:320px}.step-right[data-v-c27b3952]{padding-left:14px}}@media (max-width:900px){.step-progress[data-v-c27b3952]{justify-content:flex-start;padding-left:12px;padding-right:12px}.step-item[data-v-c27b3952]{flex:0 0 auto;max-width:none}.step-item .step-label[data-v-c27b3952]{display:none}.step-item.active .step-label[data-v-c27b3952]{display:inline;max-width:120px}.step-body[data-v-c27b3952]{flex-direction:column;overflow-y:auto;padding-top:4px}.layout-select-preview .step-left[data-v-c27b3952],.step-left[data-v-c27b3952]{flex:0 0 auto;width:100%;max-width:none;padding-right:0;padding-bottom:16px;overflow:visible}.step-divider[data-v-c27b3952]{width:100%;height:1px}.step-right[data-v-c27b3952]{flex:1 1 auto;padding-left:0;padding-top:16px;overflow:visible;min-height:320px}.step-footer[data-v-c27b3952]{position:sticky;bottom:0;z-index:2;background:var(--bg-infographic-page,var(--color-bg-primary,#fff));border-top:1px solid var(--border-infographic-divider,rgba(148,163,184,.28))}}@media (max-width:768px){.step-circle[data-v-c27b3952]{width:26px;height:26px;font-size:12px}.step-line[data-v-c27b3952]{min-width:8px;margin:0 6px}.btn-primary[data-v-c27b3952],.btn-secondary[data-v-c27b3952]{min-width:96px;height:38px;padding:0 16px;font-size:13px}}@media (max-height:760px){.step-progress[data-v-c27b3952]{padding-top:10px;padding-bottom:10px}.step-body[data-v-c27b3952]{padding-top:4px}.step-footer[data-v-c27b3952]{padding-top:10px;padding-bottom:10px}}@media (max-height:640px){.step-progress[data-v-c27b3952]{padding-top:8px;padding-bottom:8px;margin-bottom:0}.step-label[data-v-c27b3952]{display:none}.step-item.active .step-label[data-v-c27b3952]{display:inline;max-width:96px}}.template-picker[data-v-928e81de]{display:flex;flex-direction:column;height:100%;min-height:0;padding-top:4px}.picker-title[data-v-928e81de]{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--color-infographic-text,var(--color-text-primary))}.filter-row[data-v-928e81de]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filter-chip[data-v-928e81de]{padding:6px 12px;border-radius:999px;border:1px solid var(--border-infographic-card,rgba(148,163,184,.35));background:var(--bg-infographic-btn-secondary,rgba(148,163,184,.1));color:var(--color-infographic-muted,#64748b);font-size:12px;font-weight:600;cursor:pointer}.filter-chip.active[data-v-928e81de]{background:var(--bg-infographic-step-active,#1f2937);border-color:var(--bg-infographic-step-active,#1f2937);color:#fff}.template-loading[data-v-928e81de]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-infographic-muted,#94a3b8);font-size:22px}.template-grid[data-v-928e81de]{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;align-content:start;padding-right:2px}.template-card[data-v-928e81de]{cursor:pointer;min-width:0}.template-thumb[data-v-928e81de]{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;width:100%;background:var(--bg-infographic-card,#f1f5f9);border:2px solid transparent;transition:border-color .15s}.template-card:hover .template-thumb[data-v-928e81de]{border-color:var(--border-infographic-btn-hover,rgba(148,163,184,.55))}.template-card.active .template-thumb[data-v-928e81de]{border-color:var(--color-primary,#3b82f6)}.thumb-fallback[data-v-928e81de],.thumb-img[data-v-928e81de]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.no-template-slot[data-v-928e81de]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(51,65,85,.92),rgba(100,116,139,.75));color:#e2e8f0;font-size:28px}.template-card.is-no-template .template-name[data-v-928e81de]{font-weight:700}.check-badge[data-v-928e81de]{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--color-primary,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.template-name[data-v-928e81de]{margin-top:8px;font-size:14px;font-weight:600;color:var(--color-infographic-text,var(--color-text-primary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-panel[data-v-928e81de]{height:100%;min-height:0;display:flex;align-items:stretch;justify-content:stretch}.preview-stage[data-v-928e81de]{flex:1;width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.preview-image-wrap[data-v-928e81de]{flex:1 1 auto;min-height:0;width:100%;border-radius:14px;overflow:hidden;background:var(--bg-infographic-preview-result,rgba(15,23,42,.35));display:flex;align-items:center;justify-content:center}.preview-fallback[data-v-928e81de],.preview-image[data-v-928e81de]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:transparent}.preview-no-template[data-v-928e81de]{width:100%;height:100%;min-height:200px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(145deg,rgba(51,65,85,.95),rgba(100,116,139,.8));color:#e2e8f0;font-size:13px;text-align:center;padding:16px;box-sizing:border-box}.preview-no-template i[data-v-928e81de]{font-size:36px}.preview-fallback[data-v-928e81de]{min-height:200px}.preview-info[data-v-928e81de]{flex-shrink:0;text-align:left;padding:0 2px 2px}.preview-name[data-v-928e81de]{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--color-infographic-text,var(--color-text-primary))}.preview-desc[data-v-928e81de]{margin:0;font-size:12px;line-height:1.45;color:var(--color-infographic-muted,#64748b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-ratio[data-v-928e81de]{margin:8px 0 0;font-size:12px;font-weight:600;color:var(--color-infographic-text,var(--color-text-primary))}.preview-empty[data-v-928e81de]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-infographic-muted,#94a3b8)}.preview-empty i[data-v-928e81de]{font-size:36px;margin-bottom:8px}@media (max-width:900px){.preview-panel[data-v-928e81de]{min-height:clamp(240px,42vh,420px)}}@media (max-width:640px){.template-name[data-v-928e81de]{font-size:13px}}