.model-convolution .workspace {
  grid-template-columns: minmax(340px, 0.9fr) minmax(320px, 1.1fr);
}

.model-convolution .draw-panel {
  align-content: center;
}

.model-convolution .drawing-canvas {
  box-shadow: 0 0 0 1px #31423c;
}

.model-convolution .prediction {
  border-color: #365244;
}

.model-convolution .viz-panel {
  min-height: 0;
}

.model-convolution .maps {
  grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
}

.model-convolution .map {
  image-rendering: pixelated;
}

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

.model-convolution .bar-fill {
  background: #21c66b;
}

@media (width <= 760px) {
  .model-convolution .maps {
    grid-template-columns: repeat(auto-fit, minmax(38px, 1fr));
  }
}