.model-latent-sampler .workspace {
  grid-template-columns: minmax(320px, 0.85fr) minmax(320px, 1fr);
}

.model-latent-sampler .generate-panel {
  align-content: start;
}

.model-latent-sampler .generated-canvas {
  image-rendering: pixelated;
  min-width: 220px;
}

.model-latent-sampler .latent-grid {
  max-width: 440px;
}

.model-latent-sampler .latent-grid label {
  grid-template-columns: 36px 1fr 56px;
}

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

.model-latent-sampler .dense-grid {
  grid-template-columns: repeat(20, 1fr);
}

.model-latent-sampler .status {
  color: #d9e7c9;
}

.model-latent-sampler .map {
  border-color: rgb(217 231 201 / 18%);
}

@media (width <= 760px) {
  .model-latent-sampler .generated-canvas {
    min-width: 180px;
  }
}