/* components/preview.css */
#spw-preview {
  width: 100%;
  min-height: 8rem;
  max-height: 40vh;
  resize: vertical;           /* user can drag */
  white-space: pre-wrap;      /* wrap long lines */
  overflow: auto;
  background: rgba(0,0,0,0.15);
  border: 1px solid var(--accent);
  border-radius: var(--radius);
  font-family: var(--font-mono);
  padding: var(--gap-sm);
  color: var(--fg);
}

/* simple syntax tint */
#spw-preview .key   { color: var(--accent-light); }
#spw-preview .colon { color: var(--accent); }
#spw-preview .val   { color: var(--fg); }