.wizard-step { display: none; }
.wizard-step.active { display: block; }
.step-indicator { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background: #e9ecef; display: inline-block; text-align: center; font-weight: bold; }
.step-indicator.active { background: #0d6efd; color: white; }
.step-indicator.completed { background: #198754; color: white; }
#preview-container { position: sticky; top: 20px; height: calc(100vh - 150px); overflow-y: auto; border: 1px solid #dee2e6; background: #fff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.preview-iframe { width: 100%; height: 100%; border: none; }