.json-viewer{font-family:var(--font-mono);font-size:calc(14px * var(--reading-scale, 1));line-height:var(--leading-relaxed);color:var(--color-text);tab-size:2}.json-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:color-mix(in srgb,var(--color-bg) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle)}.json-meta-summary{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.json-actions{display:flex;align-items:center;gap:var(--space-2)}.json-tool-btn{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease}.json-tool-btn:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border)}.json-tool-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.json-tool-btn svg{width:15px;height:15px;flex:none}.json-tool-btn .jc-ico-check{display:none}.json-tool-btn.copied{color:var(--color-accent)}.json-tool-btn.copied .jc-ico-copy{display:none}.json-tool-btn.copied .jc-ico-check{display:inline}.json-view-toggle{display:inline-flex;margin-left:var(--space-1);padding:2px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle)}.json-seg{all:unset;box-sizing:border-box;padding:3px 10px;border-radius:calc(var(--radius-sm) - 2px);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.json-seg:hover{color:var(--color-text-secondary)}.json-seg.active{color:var(--color-text);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.json-tree{padding:var(--space-5) var(--space-6) var(--space-20)}.json-raw-pre{margin:0;padding:var(--space-5) var(--space-6) var(--space-20);background:none;border:none;font-family:var(--font-mono);font-size:calc(14px * var(--reading-scale, 1));line-height:var(--leading-relaxed);color:var(--color-text);tab-size:2;white-space:pre;overflow-x:auto}.json-node{position:relative}.json-node>summary{list-style:none}.json-node>summary::-webkit-details-marker{display:none}.json-node>summary::marker{content:""}.json-summary,.json-row{display:flex;align-items:baseline;gap:0;padding:1px var(--space-2) 1px 0;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word}.json-summary{cursor:pointer}.json-summary:hover,.json-row:hover{background:var(--color-surface-hover)}.json-tw{flex:none;width:14px;height:1em;margin-right:2px;position:relative;align-self:center}.json-tw:before{content:"";position:absolute;top:50%;left:4px;width:5px;height:5px;border-right:1.6px solid var(--color-text-tertiary);border-bottom:1.6px solid var(--color-text-tertiary);transform:translateY(-50%) rotate(-45deg);transition:transform var(--duration-fast) var(--ease-out)}.json-node[open]>summary .json-tw:before{transform:translateY(-60%) rotate(45deg)}.json-summary:hover .json-tw:before{border-color:var(--color-text)}.json-row{padding-left:16px}.json-children{margin-left:6px;padding-left:var(--space-4);border-left:1px solid var(--color-border-subtle);transition:border-color var(--duration-fast) ease;content-visibility:auto;contain-intrinsic-size:auto 400px}.json-node:hover>.json-children{border-left-color:var(--color-border)}.json-key,.json-index{color:var(--color-json-key)}.json-string{color:var(--color-json-string)}.json-number{color:var(--color-json-number)}.json-boolean{color:var(--color-json-boolean);font-weight:var(--weight-medium)}.json-null{color:var(--color-json-null);font-style:italic}.json-punct{color:var(--color-json-punct)}.json-bracket{color:var(--color-json-bracket);font-weight:var(--weight-medium)}.json-bracket-close{padding-left:16px}.json-preview{color:var(--color-text-tertiary);font-style:italic;margin:0 var(--space-1);opacity:.8}.json-node[open]>summary .json-preview,.json-node[open]>summary .json-bracket-inline{display:none}.json-node:not([open])>summary .json-bracket-close{display:none}.json-count{margin-left:var(--space-2);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-quaternary);opacity:0;transition:opacity var(--duration-fast) ease}.json-summary:hover .json-count{opacity:1}.json-row-actions{display:inline-flex;gap:2px;margin-left:auto;padding-left:var(--space-3);opacity:0;transition:opacity var(--duration-fast) ease}.json-summary:hover .json-row-actions,.json-row:hover .json-row-actions,.json-copy:focus-visible{opacity:1}.json-copy{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.json-copy:hover{color:var(--color-text);background:var(--color-surface-active)}.json-copy:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.json-copy svg{width:13px;height:13px;flex:none}.json-copy .jc-ico-check{display:none}.json-copy.copied{color:var(--color-accent);opacity:1}.json-copy.copied .jc-ico-copy{display:none}.json-copy.copied .jc-ico-check{display:inline}@media(hover:none){.json-row-actions,.json-count{opacity:1}}@media(prefers-reduced-motion:reduce){.json-tw:before{transition:none}}