/* 透明背景のとき、プレビューの下に市松模様を敷いて「透けている」ことを見せる。 */
#preview.checker {
  background-image:
    linear-gradient(45deg, #ccc 25%, transparent 25%),
    linear-gradient(-45deg, #ccc 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ccc 75%),
    linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-color: #fff;
}
@media (prefers-color-scheme: dark) {
  #preview.checker { background-color: #e8e8e8; }
}