:root {
  --spacing: 1em;

  color-scheme: light dark;
}

body {
  font-family: sans-serif;
}

#qrcode {
  padding: 64px;
  background: white;
}

main {
  display: grid;
  grid-template:
    "label input"
    "qrcode qrcode"
    "download download"
    /
    auto 1fr;
  grid-gap: 1em;
}

main > input {
  width: 100%;
  display: block;
  grid-area: input;
}

#qrcode {
  grid-area: qrcode;
}

#qrcode svg {
  max-height: 50vh;
}

#download {
  grid-area: download;
}