body {
  max-width: 650px;
  margin: 0 auto;
  font-family: sans-serif;
}

div#showcase {
  resize: both;
  overflow: hidden;
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
}

input[type="submit"] {
  grid-column: 1 / 3;
}

form[name="generateForm"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 8px;
}

form[name="reverseForm"] > textarea {
  height: 100px;
}