#accents,
#custom {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 1rem;
}

#accents > div,
#custom > div,
#controls {
  display: grid;
  gap: 0.5rem;
}

#accents {
  accent-color: var(--accent);
}

#accents input {
  -webkit-appearance: revert;
  appearance: revert;
}

#accents input:focus {
  outline: revert;
}

#controls :is(input[type="text"], textarea, select) {
  width: 10rem;
}

#controls textarea {
  resize: none;
}