body {
  min-block-size: 100vh;
}
.grid-center {
  display: grid;
  max-inline-size: var(--max-screen-width);
  margin: 0 auto;
  padding: var(--space-2xl) 0;
  gap: var(--space-m);
}
h1 {
  align-self: center;
  justify-items: center;
  margin: 0 auto;
}
.output {
  margin-top: 15px;
  word-break: break-all;
}
.copied {
  color: green;
  font-weight: bold;
  margin-top: 10px;
  display: none;
}

.inputs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--space-m);
}
.input,
.input::placeholder {
  color: var(--light);
}

.btns-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-m);
  flex-wrap: wrap;
}