.json-formatter .toolbar{justify-content:space-between;align-items:flex-end;gap:var(--s3);display:flex}.json-formatter .indent{align-items:center;gap:var(--s2);display:flex}.json-formatter .indent label{white-space:nowrap}.json-formatter .indent select{width:auto;min-height:38px}.json-formatter .toolbar>button{min-height:38px;padding:0 var(--s4);font-size:.85rem}.json-formatter .toolbar>button:disabled{opacity:.5;cursor:not-allowed}.json-formatter .io-container{gap:var(--s3);grid-template-columns:1fr;display:grid}.json-formatter textarea{min-height:320px;font-family:var(--font-mono);font-size:.86rem;line-height:1.6}.json-formatter #json-output{background-color:var(--surface-inset)}.json-formatter .error,.json-formatter .valid{padding:var(--s3) var(--s4);border-radius:var(--r-sm);font-size:.88rem;font-weight:550}.json-formatter .error{background-color:var(--surface-2);border:1px solid var(--danger);color:var(--danger);font-family:var(--font-mono)}.json-formatter .valid{background-color:var(--surface-2);border:1px solid var(--success);color:var(--success)}@media (min-width:780px){.json-formatter .io-container{grid-template-columns:1fr 1fr}}