pre { background:#f4f4f4; padding:1rem; display:inline-block; }
.modal {
    position: fixed; top:0; left:0; width:100%; height:100%;
    background: rgba(0,0,0,0.5); display:flex; align-items:center;
    justify-content:center;
  }
  .modal.hidden { display: none; }
  .modal-content {
    background:#fff; padding:2rem; border-radius:8px;
    display:flex; flex-direction:column; gap:1rem; width:300px;
  }