body { font-family: system-ui, sans-serif; margin: 0; padding: 0; background:#f5f5f5; }

main { max-width: 900px; margin: 1.5rem auto; background:white; padding:1.5rem 2rem; border-radius:8px; }
h1 { margin-top:0; }
.steps { display:flex; gap:.5rem; margin-bottom:1rem; font-size:.9rem; }
.step-indicator { padding:.25rem .6rem; border-radius:999px; border:1px solid #ccc; cursor:pointer; }
.step-indicator.active { background:#800000; color:white; border-color:#800000; }
.step { display:none; }
.step.active { display:block; }
label { display:block; margin-top:.75rem; font-weight:600; }
input, textarea, select { width:100%; padding:.4rem .5rem; margin-top:.25rem; box-sizing:border-box; }
textarea { min-height:80px; }
.row { display:flex; gap:1rem; }
.row > div { flex:1; }
.buttons { display:flex; justify-content:space-between; margin-top:1.5rem; }
button { padding:.5rem 1rem; border:none; border-radius:4px; cursor:pointer; }
#output { white-space:pre-wrap; border:1px solid #ddd; padding:1rem; border-radius:6px; background:#fafafa; margin-top:1rem; }
.actions-output { margin-top:1rem; display:flex; gap:.5rem; }