.model-dense-pixels .workspace {
  grid-template-columns: minmax(320px, 1fr) minmax(280px, 0.8fr);
}

.model-dense-pixels .draw-panel {
  justify-items: center;
}

.model-dense-pixels .draw-board {
  max-width: 340px;
}

.model-dense-pixels .drawing-canvas {
  border-color: #2f403a;
}

.model-dense-pixels .prediction {
  min-width: 180px;
}

.model-dense-pixels .viz-panel {
  align-content: start;
}

.model-dense-pixels .dense-grid {
  grid-template-columns: repeat(16, 1fr);
}

.model-dense-pixels .dense-cell {
  min-height: 7px;
}

.model-dense-pixels .bar-fill {
  background: #20b982;
}

@media (width <= 760px) {
  .model-dense-pixels .prediction {
    width: 100%;
  }
}