.main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main input {
  align-self: stretch;
}
#canvas {
  height: 35em;
  width: 45em;
}
.splitter {
  opacity: 50%;
  user-select: none;
  width: 0.5em;
}
.button-bar {
  display: flex;
}
.hotkey {
  text-decoration: underline;
}
.color-sample {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: solid;
}
.color-sample::after {
  content: ".";
  opacity: 0;
}