/* Sample lab. Scoped to the sample pages. No new text colors. */
body[data-sample="lab"] .sample-stage {
  display: grid;
  gap: var(--s-4);
  margin-block-start: var(--s-5);
}
@media (min-width: 64rem) {
  body[data-sample="lab"] .sample-stage { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
}
body[data-sample="lab"] .sample-shares {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  background: var(--noir-0, #05080A);
}
body[data-sample="lab"] .sample-wheel {
  width: 100%;
  max-width: 28rem;
  aspect-ratio: 1;
  height: auto;
  display: block;
  background: var(--noir-0, #05080A);
  border-radius: 50%;
  touch-action: none;
}
body[data-sample="lab"] .sample-readout,
body[data-sample="lab"] .sample-json {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
body[data-sample="lab"] .sample-stuck {
  margin-block-start: var(--s-4);
}