.cj-opts { align-items: flex-end; gap: 14px; }
.cj-opts label.field { width: 170px; }
.cj-opts .check { min-height: 40px; }
.cj-io { align-items: start; }
.cj-io .field > .row { min-height: 30px; }
#input, #output { min-height: 280px; }
.cj-preview { max-height: 460px; overflow: auto; }
.cj-preview .tbl th { position: sticky; top: 0; background: var(--surface); z-index: 1; text-transform: none; letter-spacing: 0; font-size: 12.5px; color: var(--text-2); white-space: nowrap; }
.cj-preview .tbl td { white-space: pre-wrap; max-width: 320px; vertical-align: top; }
.cj-preview .cj-n { color: var(--text-3); font-size: 11.5px; width: 1%; }
.cj-null::after { content: "null"; color: var(--text-3); font-style: italic; font-size: 12px; }
.cj-io div.field { display: grid; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--text-2); }
#inLabel { min-height: 30px; display: flex; align-items: center; }