/* An editor built around inspection, with consistent result actions elsewhere. */
.is-json-tool .container{max-width:1400px}.is-json-tool .tool-layout{display:block}.is-json-tool .tool-side{display:none}.is-json-tool .tool-hero{padding:28px 0 20px}.is-json-tool .tool-hero h1{font-size:34px}.is-json-tool .tool-hero .lede{max-width:850px;font-size:15px}.is-json-tool .calc-card{padding:0;overflow:hidden;border-radius:14px}.is-json-tool .calc-card::before{display:none}.json-workbench{background:var(--bg-elevated)}
.json-toolbar{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.json-toolbar-title{display:flex;align-items:center;gap:13px}.json-braces{font:600 21px var(--font-mono);color:var(--link);background:var(--bg-subtle);border-radius:10px;padding:9px}.json-toolbar-title strong{display:block;font-size:15px}.json-toolbar-title div>span{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.json-load-actions,.json-run-actions,.json-export-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.json-workbench .btn{font-size:12px;padding:9px 13px;box-shadow:none;white-space:nowrap}.json-file-label{cursor:pointer;margin:0}.json-file-label:focus-within{outline:2px solid var(--focus-ring);outline-offset:3px}.json-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.json-pane{min-width:0}.json-pane:first-child{border-right:1px solid var(--border)}.json-pane-head{height:54px;background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:0 19px;display:flex;justify-content:space-between;align-items:center;gap:10px}.json-pane-head>label{font-size:12px;font-weight:650}.json-pane-head>span:not(.json-status){font-size:11px;color:var(--text-muted)}.json-code-input{display:flex;height:430px;overflow:hidden}.json-gutter{margin:0;width:48px;flex-shrink:0;text-align:right;overflow:hidden;padding:20px 10px;color:var(--text-faint);background:var(--bg-subtle);user-select:none}.json-code-input textarea,.json-gutter{font:13px/23px var(--font-mono);tab-size:2}.json-code-input textarea{display:block;resize:none;white-space:pre;overflow:auto;min-width:0;width:100%;border:0;border-radius:0;background:var(--bg-elevated);color:var(--text);padding:20px 15px;outline-offset:-3px}.json-code-input textarea::placeholder{font-size:12px;color:var(--text-muted)}.json-pane-foot{height:39px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:var(--text-muted);gap:12px}.json-pane-foot code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;padding:0;font-size:11px;color:var(--text-muted)}.json-pane-foot button,.json-tree-controls button{background:none;border:0;color:var(--link);font:500 11px var(--font-sans);cursor:pointer;white-space:nowrap;padding:6px}.json-workbench button:disabled{opacity:.4;cursor:not-allowed}.json-view-tabs{display:flex;gap:4px}.json-view-tabs button{font:500 12px var(--font-sans);background:none;border:1px solid transparent;border-radius:5px;color:var(--text-muted);padding:5px 11px;cursor:pointer}.json-view-tabs button[aria-pressed=true]{background:var(--bg-elevated);color:var(--link);border-color:var(--border)}.json-status{font-size:10px;border:1px solid var(--border);border-radius:20px;padding:4px 9px;color:var(--text-muted);white-space:nowrap}.json-status.is-valid{color:#237247;border-color:#add4b7;background:#edf8ef}.json-status.is-invalid{color:#b42318;border-color:#f0beb8;background:#fff1ee}.json-tree-controls{display:flex;align-items:center;justify-content:space-between;height:37px;border-bottom:1px solid var(--border);padding:0 13px;gap:8px}.json-tree-controls>span{font-size:10px;color:var(--text-muted)}.json-tree-controls>div{display:flex;gap:7px}.json-tree,.json-code-output,.json-result-empty{height:393px;overflow:auto;margin:0;padding:19px 17px;font:13px/23px var(--font-mono);background:var(--bg-elevated);color:var(--text);border:0;border-radius:0;tab-size:2}.json-code-output{white-space:pre}.json-tree[hidden],.json-code-output[hidden],.json-result-empty[hidden],#json-error-jump[hidden]{display:none}.json-result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);gap:12px}.json-result-empty>span{font:28px var(--font-mono);background:var(--bg-subtle);color:var(--link);padding:17px;border-radius:15px}.json-result-empty strong{font-size:14px}.json-result-empty p{font-size:12px;color:var(--text-muted);line-height:1.8}.json-node{margin:0}.json-node-row{position:relative;display:flex;align-items:baseline;gap:8px;min-height:29px;padding:2px 7px;border-radius:4px;white-space:nowrap;min-width:max-content}.json-node-row:hover{background:var(--bg-subtle)}summary.json-node-row{cursor:pointer;list-style:none}summary.json-node-row::-webkit-details-marker{display:none}summary.json-node-row::before{content:'›';display:inline-block;width:10px;color:var(--text-muted)}details[open]>summary.json-node-row::before{transform:rotate(90deg)}.json-node-key{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--text);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-node-key:hover{color:var(--link);text-decoration:underline}.json-leaf-dot{width:10px;color:var(--text-faint)}.json-node-type,.json-node-size,.json-colon{color:var(--text-muted)}.json-value-type{font:9px var(--font-sans);color:var(--text-muted);border:1px solid var(--border);padding:1px 5px;border-radius:3px;margin-left:6px}.json-children{padding-left:20px;border-left:1px solid var(--border);margin-left:11px}.json-load-more{font:11px var(--font-sans);margin:5px 0;padding:6px 10px;border:1px solid var(--border);border-radius:5px;background:var(--bg-subtle);color:var(--link);cursor:pointer}.json-token-key{color:var(--text)}.json-token-string{color:#277948}.json-token-number{color:#296aaa}.json-token-boolean{color:#a66613}.json-token-null{color:#9a5492}.json-bottom-toolbar{padding:17px 21px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);flex-wrap:wrap}.json-indent-label,.json-auto-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.json-indent-label select{border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text);font:11px var(--font-sans);padding:7px}.json-auto-label input{accent-color:var(--brand-600)}.json-workbench .error-banner{margin:0 21px 15px}.json-notice:empty{display:none}.json-notice{margin:0 21px 15px;font-size:12px;color:var(--text-muted)}#json-error-jump{margin:0 21px 20px}.is-json-tool .article-block{max-width:950px}.is-json-tool .related-grid{grid-template-columns:repeat(2,1fr)}
.tool-helper-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 16px;margin:0 0 20px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted)}.tool-helper-bar button{font:500 12px var(--font-sans);border:1px solid var(--border);background:var(--bg-subtle);color:var(--link);border-radius:6px;padding:7px 11px;cursor:pointer}.result-panel .result-actions .btn{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--link);padding:8px 13px;font-size:12px}.result-panel .output-box{max-height:450px;overflow:auto;line-height:1.8}.result-update-note{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.result-value{overflow-wrap:anywhere}
:root[data-theme=dark] .json-token-string{color:#91d5a5}:root[data-theme=dark] .json-token-number{color:#87baf0}:root[data-theme=dark] .json-token-boolean{color:#e5b36b}:root[data-theme=dark] .json-token-null{color:#d69acb}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .json-token-string{color:#91d5a5}:root:not([data-theme=light]) .json-token-number{color:#87baf0}:root:not([data-theme=light]) .json-token-boolean{color:#e5b36b}:root:not([data-theme=light]) .json-token-null{color:#d69acb}}
@media(max-width:850px){.json-editor-grid{grid-template-columns:1fr}.json-pane:first-child{border-right:0;border-bottom:1px solid var(--border)}.json-code-input{height:280px}.json-toolbar{align-items:flex-start;padding:18px;flex-wrap:wrap}.json-toolbar-title div>span{max-width:330px}.json-tree,.json-code-output,.json-result-empty{height:350px}.json-bottom-toolbar{padding:16px}.is-json-tool .tool-hero h1{font-size:28px}.json-run-actions{gap:10px}.json-pane-foot{font-size:9px}}
@media(max-width:450px){.json-toolbar-title div>span{font-size:11px}.json-toolbar-title strong{font-size:14px}.json-pane-head{padding:0 12px}.json-status{font-size:9px}.json-tree-controls{padding:0 9px}.json-tree-controls button{font-size:10px}.json-pane-foot>span{display:none}.is-json-tool .container{padding-left:16px;padding-right:16px}.json-export-actions{width:100%}.json-export-actions .btn{flex:1}.tool-helper-bar>span{display:none}}
.tool-helper-bar label{display:flex;align-items:center;gap:7px}.tool-helper-bar select{font:12px var(--font-sans);border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--bg-elevated);padding:6px}.result-actions{flex-wrap:wrap}.btn:disabled{cursor:not-allowed}
.json-braces{white-space:nowrap;flex-shrink:0}.json-auto-label{cursor:pointer}.json-workbench .json-code-output:focus-visible{outline-offset:-3px}