@import url("../demo_theme.css");

.grid {
  /* Keep a fixed 3-column layout (matches buildim_demo sizing). */
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Compact sizing for embed mode */
.embed .page {
  padding: 8px;
}

.embed .controls {
  padding: 8px;
  margin-bottom: 8px;
}

.embed .panel {
  padding: 6px;
}

.embed .panelTitle {
  font-size: 11px;
  margin-bottom: 4px;
}

.embed .grid {
  gap: 6px;
}

.embed button,
.embed select {
  padding: 6px 8px;
  font-size: 12px;
}

/* Pixelated scaling is great for image panels, but makes plot text look jaggy. */
#origCanvas,
#noisyCanvas,
#reconCanvas {
  image-rendering: pixelated;
}

#attenCanvas,
#specNoisyCanvas,
#specDenoisedCanvas {
  image-rendering: auto;
}

/* Keep sliders responsive, but never collapse the main panel grid into fewer columns. */