.viewer-main{padding-top:54px}.viewer-intro{margin-bottom:24px}.viewer-toolbar{align-items:center}.viewer-toolbar-actions{display:flex;gap:8px;align-items:center}.viewer-toolbar-actions button{min-height:38px}.viewer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.viewer-input-panel,.viewer-tree-panel{min-width:0;min-height:520px}.viewer-input-panel textarea{width:100%;min-height:460px;flex:1;resize:vertical;border:0;outline:0;padding:16px;background:var(--editor-bg);color:var(--text);font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.viewer-input-panel textarea::placeholder{color:var(--muted);opacity:.8}.viewer-tree-panel>.formatter-panel-head>span{color:var(--muted);font-size:10px;font-weight:750}.tree-controls{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid var(--line)}.tree-search{flex:1;min-width:90px}.tree-search input{width:100%;min-height:32px;border:1px solid var(--line);border-radius:7px;padding:6px 9px;background:var(--bg);color:var(--text);font:12px inherit;outline:none}.tree-search input:focus{border-color:var(--accent)}.tree-controls .panel-action{white-space:nowrap}.json-tree-container{min-width:0;flex:1;overflow:auto;padding:14px 16px;background:var(--bg);font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.tree-placeholder{margin:0;color:var(--muted);font:12px/1.6 Inter,ui-sans-serif,system-ui,sans-serif}.json-tree,.json-tree ul{list-style:none;margin:0;padding-left:20px}.json-tree{padding-left:0}.json-tree li{min-width:0}.json-tree details>summary{display:flex;align-items:baseline;gap:8px;cursor:pointer;list-style:none;white-space:nowrap}.json-tree details>summary::-webkit-details-marker{display:none}.json-tree details>summary::before{content:"▸";width:10px;color:var(--muted);font-size:11px}.json-tree details[open]>summary::before{content:"▾"}.tree-key{color:#75c9ff}.tree-kind{color:var(--muted);font-size:11px}.tree-count{color:var(--muted);font-size:11px}.tree-leaf{display:flex;gap:8px;white-space:pre-wrap;overflow-wrap:anywhere}.tree-separator{color:var(--muted)}.tree-value.string{color:#9be5ad}.tree-value.number{color:#ffc779}.tree-value.boolean{color:#d2a8ff}.tree-value.null{color:#ff9f9f}.tree-limit{padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font:11px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.formatter-status.error{color:var(--error)}.formatter-status.success{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.viewer-main{padding-top:38px}.viewer-toolbar{align-items:stretch;flex-direction:column}.viewer-toolbar-actions button{flex:1}.viewer-grid{grid-template-columns:1fr}.viewer-input-panel,.viewer-tree-panel{min-height:380px}.viewer-input-panel textarea{min-height:300px}.json-tree-container{min-height:300px}.tree-controls{flex-wrap:wrap}.tree-search{flex-basis:100%}.tree-controls .panel-action{flex:1}}
@media(max-width:380px){.tree-controls{gap:5px;padding:8px}.tree-controls .panel-action{padding:6px 5px;font-size:10px}.json-tree-container{padding:12px}}
.viewer-tool:fullscreen{display:flex;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;flex-direction:column;margin:0;border:0;border-radius:0;overflow:auto;background:var(--surface)}
.viewer-tool:fullscreen .viewer-grid{flex:1;min-height:0}
.viewer-tool:fullscreen .viewer-input-panel,.viewer-tool:fullscreen .viewer-tree-panel{min-height:0}
.viewer-tool:fullscreen .viewer-input-panel .numbered-code-wrap,.viewer-tool:fullscreen .viewer-input-panel .numbered-code-wrap>#jsonInput{min-height:0}
.viewer-tool:fullscreen .json-tree-container,.viewer-tool:fullscreen .viewer-code-view{min-height:0;max-height:none;flex:1}
.viewer-tool:fullscreen .viewer-table-view{min-height:0}
.viewer-tool:fullscreen :focus-visible{outline-color:var(--accent)}
.tree-search input{font:inherit;font-size:12px}
.viewer-input-panel .numbered-code-wrap{min-height:460px}.viewer-input-panel .numbered-code-wrap>#jsonInput{min-height:460px}.viewer-input-panel .numbered-code-wrap .line-number-panel{font-size:13px}
@media(max-width:760px){.viewer-input-panel .numbered-code-wrap,.viewer-input-panel .numbered-code-wrap>#jsonInput{min-height:300px}}
.viewer-modebar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.viewer-modebar button{min-width:76px;padding:7px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.viewer-modebar button.active{border-color:var(--line);background:var(--bg);color:var(--accent)}.viewer-modebar button:focus-visible,.tree-entry-actions button:focus-visible,.tree-load-more button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewer-tree-panel>[hidden]{display:none!important}.viewer-code-view{min-width:0;flex:1;min-height:460px;max-height:640px;overflow:auto;margin:0;padding:16px;background:var(--bg);color:var(--text);white-space:pre;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.viewer-code-view[hidden],.viewer-table-view[hidden]{display:none!important}.viewer-code-view .json-token-string{color:#a5d6ff}.viewer-code-view .json-token-key{color:#75c9ff}.viewer-code-view .json-token-number{color:#d2a8ff}.viewer-code-view .json-token-boolean{color:#ffab70}.viewer-code-view .json-token-punctuation{color:#96a1ad}.viewer-tree-panel .json-tree-container[hidden]{display:none!important}.json-tree-entry{position:relative;min-width:0}.tree-entry-row{display:flex;align-items:flex-start;gap:7px;min-width:0;padding:2px 0;border-radius:4px}.tree-entry-row>details{min-width:0;flex:1}.tree-entry-row>details>summary{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:normal;overflow-wrap:anywhere}.tree-entry-actions{display:flex;gap:3px;opacity:.45;flex:none}.tree-entry-row:hover .tree-entry-actions,.json-tree-entry.selected-node>.tree-entry-row .tree-entry-actions,.tree-entry-actions:focus-within{opacity:1}.tree-entry-actions button{padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);font-size:9px;cursor:pointer}.tree-entry-actions button:hover{color:var(--accent);border-color:var(--accent)}.tree-entry-row>.tree-key{min-width:0;overflow-wrap:anywhere}.tree-value{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.tree-value.string{color:#a5d6ff}.tree-value.number{color:#d2a8ff}.tree-value.boolean{color:#ffab70}.tree-value.null{color:#8b949e}.tree-kind{flex:none}.tree-kind.object{color:#f2cc60}.tree-kind.array{color:#7ee787}.json-tree-entry.selected-node>.tree-entry-row{background:rgba(16,185,149,.1)}.json-tree-entry.match-current>.tree-entry-row{outline:1px solid var(--accent);outline-offset:-1px}.json-tree-container mark{background:#f6cf5b;color:#17211d;border-radius:2px}.tree-load-more{padding:5px 0 5px 18px}.tree-load-more button{padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--accent);font-size:10px;cursor:pointer}.viewer-selection-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;border-top:1px solid var(--line);background:var(--surface)}.viewer-selection-actions>span{min-width:0;flex:1;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.viewer-selection-actions button{font-size:10px}.viewer-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border-top:1px solid var(--line)}.viewer-stats>div{min-width:0;padding:10px 12px;background:var(--surface)}.viewer-stats dt{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.viewer-stats dd{margin:4px 0 0;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.viewer-table-view{flex:1;min-width:0;min-height:300px;background:var(--bg)}.viewer-table-scroll{max-width:100%;max-height:560px;overflow:auto}.viewer-table{width:100%;border-collapse:collapse;color:var(--text);font-size:12px}.viewer-table th,.viewer-table td{max-width:360px;padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap}.viewer-table th{position:sticky;top:0;background:var(--surface);color:var(--muted)}.viewer-table thead tr:nth-child(2) th{top:34px;padding:5px;background:var(--surface)}.viewer-table thead input{width:100%;min-width:70px;padding:5px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font:inherit}.table-sort{padding:3px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:750;text-align:left;cursor:pointer}.viewer-table tbody tr:hover{background:rgba(255,255,255,.035)}.viewer-table tbody tr[hidden]{display:none}.viewer-main [hidden]{display:none!important}.viewer-input-panel.is-dragging{outline:2px dashed var(--accent);outline-offset:-5px;background:rgba(16,185,149,.08)}
@media(max-width:900px){.viewer-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.viewer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-code-view{min-height:300px}.tree-entry-actions{opacity:1}.tree-entry-actions button{padding:4px 6px}.viewer-modebar button{flex:1}.viewer-table th,.viewer-table td{max-width:220px}}