.tool-json-formatter .jf-card{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.tool-json-formatter .jf-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.tool-json-formatter .jf-btn,.tool-json-formatter .jf-sel,.tool-json-formatter .jf-tab{font:inherit;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--fg);cursor:pointer}
.tool-json-formatter .jf-btn:hover,.tool-json-formatter .jf-tab:hover{border-color:var(--accent)}
.tool-json-formatter .jf-primary,.tool-json-formatter .jf-tab[aria-selected=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.tool-json-formatter .jf-tab{padding:4px 12px;border-radius:99px;font-size:.9rem}
.tool-json-formatter .jf-inline{display:flex;gap:6px;align-items:center;margin-left:auto}
.tool-json-formatter .jf-sel{padding:6px 8px}
.tool-json-formatter button:focus-visible,.tool-json-formatter textarea:focus-visible,.tool-json-formatter select:focus-visible,.tool-json-formatter .jf-tree:focus-visible,.tool-json-formatter summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tool-json-formatter .jf-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tool-json-formatter .jf-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.tool-json-formatter .jf-outhead{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tool-json-formatter .jf-label{font-weight:600}
.tool-json-formatter .jf-ta,.tool-json-formatter .jf-tree{height:380px;width:100%;box-sizing:border-box;font:.88rem/1.5 ui-monospace,Consolas,monospace;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--fg);resize:vertical;tab-size:2;white-space:pre;overflow:auto}
.tool-json-formatter .jf-tree{white-space:normal;resize:none}
.tool-json-formatter .jf-tree[hidden]{display:none}
.tool-json-formatter .jf-tree details{margin-left:1.1em}
.tool-json-formatter .jf-tree>details,.tool-json-formatter .jf-tree>.jf-leaf{margin-left:0}
.tool-json-formatter .jf-tree summary{cursor:pointer}
.tool-json-formatter .jf-leaf{margin-left:1.1em}
.tool-json-formatter .jf-k{color:var(--accent)}
.tool-json-formatter .jf-s{color:var(--ok)}
.tool-json-formatter .jf-n{color:var(--fg);font-weight:600}
.tool-json-formatter .jf-dim{color:var(--muted)}
.tool-json-formatter .jf-status{margin:0;min-height:1.4em}
.tool-json-formatter .jf-status.err{color:var(--danger)}
.tool-json-formatter .jf-status.ok{color:var(--ok)}
.tool-json-formatter .jf-muted{color:var(--muted);font-size:.9rem;margin:0}
@media (max-width:760px){.tool-json-formatter .jf-cols{grid-template-columns:1fr}.tool-json-formatter .jf-ta,.tool-json-formatter .jf-tree{height:260px}.tool-json-formatter .jf-inline{margin-left:0}}