.wizard { display: grid; gap: 18px; }
.wizard-steps { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.wizard-step { padding: 10px; border-radius: var(--radius-md); background: #fff; border: 1px solid var(--color-border); font-size: 12px; color: var(--color-muted); }
.wizard-step.active { background: var(--color-primary); color: #fff; border-color: var(--color-primary); }
.wizard-step.done { background: #DEF7EC; color: #03543F; }
.wizard-footer { display: flex; justify-content: space-between; gap: 12px; }
.preview-grid { overflow: auto; max-height: 420px; }