.math-playground {
  display: grid;
  gap: 0.75rem;
  margin-block: 1.5rem;
}

.math-playground label {
  font-weight: bold;
}

.math-playground select,
.math-playground textarea {
  box-sizing: border-box;
  width: 100%;
  font: inherit;
}

.math-playground textarea {
  font-family: monospace;
  resize: vertical;
}

.math-playground-preview {
  min-height: 4rem;
  overflow-x: auto;
}

.math-playground-error {
  min-height: 1.5rem;
  margin: 0;
  color: var(--accent-color);
}