.json-formatter [hidden]{display:none}.json-formatter__input,.json-formatter__output{min-block-size:24rem;min-inline-size:0}.json-formatter__text{field-sizing:fixed;font-variant-ligatures:none;min-block-size:18rem}@media (min-width:64rem){.json-formatter__text{min-block-size:28rem;max-block-size:70vh}}.json-formatter__text[readonly]{color:var(--ink)}.json-formatter__file{cursor:pointer}.json-formatter__file:focus-within{outline:2px solid var(--focus);outline-offset:2px}.json-formatter__toolbar{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.json-formatter__toolbar .segmented{flex-wrap:nowrap}.json-formatter__option{gap:var(--space-2);color:var(--ink-2);align-items:center;font-size:.875rem;font-weight:550;display:inline-flex}.json-formatter__option[hidden]{display:none}.json-formatter__select{min-block-size:2rem;inline-size:auto;min-inline-size:0;max-inline-size:100%;padding-block:var(--space-1)}.json-formatter__result{flex-direction:column;flex:1;min-block-size:0;display:flex}.json-formatter__empty{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--ink-3);text-align:center;flex:1;display:grid}.json-formatter__empty .icon{block-size:1.75rem;inline-size:1.75rem;color:var(--accent)}.json-formatter__error{margin:var(--space-3) var(--space-5) var(--space-5)}.json-formatter__error>.icon{flex:none;margin-block-start:.2em}.json-formatter__error-body{gap:var(--space-2);min-inline-size:0;color:var(--ink);justify-items:start;display:grid}.json-formatter__error-body .btn{margin-block-start:var(--space-1)}.json-formatter__error-title{color:var(--danger);font-weight:650}.json-formatter__error-title [data-error-at]:before{content:"· "}.json-formatter__excerpt{max-inline-size:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;font-variant-ligatures:none;margin:0;line-height:1.5;overflow-x:auto}.json-formatter__tree-wrap{flex-direction:column;flex:1;min-block-size:0;display:flex}.json-formatter__tree-wrap[hidden]{display:none}.json-formatter__tree-actions{gap:var(--space-1);padding-inline:var(--space-3);display:flex}.json-formatter__tree-actions .btn{min-block-size:2rem;font-size:var(--text-sm)}.json-tree{min-block-size:18rem;max-block-size:40svh;padding:var(--space-2) var(--space-5) var(--space-4);font-family:var(--font-mono);font-variant-ligatures:none;flex:1;font-size:.875rem;line-height:1.7;overflow:auto}@media (min-width:64rem){.json-tree{min-block-size:28rem;max-block-size:70vh}}.json-tree__children{border-inline-start:1px dotted var(--line-strong);margin-inline-start:.3rem;padding-inline-start:var(--space-5)}.json-tree__node>summary{cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;list-style:none}.json-tree__node>summary::-webkit-details-marker{display:none}.json-tree__node>summary:before{content:"▸";inline-size:1rem;color:var(--ink-3);transition:transform var(--duration-fast) var(--ease-out);display:inline-block}.json-tree__node>summary:hover{background:var(--hover)}.json-tree__node[open]>summary:before{transform:rotate(90deg)}.json-tree__leaf{white-space:nowrap;padding-inline-start:1rem}.json-tree__key{color:var(--ink);font-weight:650}.json-tree__punct,.json-tree__meta{color:var(--ink-3)}.json-tree__string{color:var(--ink-2)}.json-tree__number,.json-tree__literal{color:var(--accent)}.json-tree__more{margin-block:var(--space-1);min-block-size:2rem;font-size:var(--text-sm)}