.preview {
  min-height: 128px;
  border-radius: 5px;
  padding: 15px;
}
.input-preview {
  border: 1px dashed #d2d2d2;
}
.input-preview:empty::after {
  content: attr(aria-label);
  display: block;
  text-align: center;
  color: light-dark(#444444, #a9a9a9);
}
.output-preview:empty::after {
  content: attr(aria-label);
  display: block;
  text-align: center;
  color: light-dark(#444444, #a9a9a9);
}
.output-preview {
  border:1px solid #d2d2d2;
}
.preview img {
  image-rendering: pixelated;
  max-width: 1280px;
  height: auto;
}
.preview canvas {
  image-rendering: pixelated;
  max-width: 1280px;
  height: auto;
}
#fontFamily{
  width: 180px;
}