/* YAML to JSON: panes and error details. */
.yj-panes textarea { height: 420px; min-height: 420px; }
@media (max-width: 560px) { .yj-panes textarea { height: 300px; min-height: 300px; } }
.yj-msg { margin: 6px 0 0; }
.yj-snippet { margin: 8px 0 0; padding: 10px 12px; border-radius: var(--r-sm); background: var(--field); color: var(--ink); font-family: var(--mono); font-size: 0.84rem; line-height: 1.45; white-space: pre; overflow-x: auto; }
.yj-opts .field { align-content: start; }