body { background-color: #ccc; }

canvas, img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

textarea {
  width: 100%;
}

.canvas-container {
  padding: 10px;
  border: 0;
  margin: 0;
  position: relative;
  display: inline-block;
  background-color: #fff;
  vertical-align: middle;
}
.canvas-container canvas { display: block; }

.compim-canvas { width: 50px; height: 50px; }

.char { width: 50px; height: 50px; padding: 10px; background-color: #fff; vertical-align: middle; }
.char.select { background-color: #fdb; }