:root{--bg:#08090a;--bar:#0f1011;--panel:#0f1011;--panel2:#121316;--border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.16);--text:#f7f8f8;--muted:#8a8f98;--accent:#7c6cf2;--accent2:#9688ff;--key:#82b7ff;--string:#dca77b;--number:#86d09c;--boolean:#b795f6;--null:#ee7f9b;--array:#e6b96d;--object:#75c9bd;--toggle-bg:#e8e9f0;--toggle-text:#101117;--shadow:0 18px 45px #0008;--footer:30px;--header:64px;--labels:34px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}html[data-theme=light]{--bg:#eef0f4;--bar:#fff;--panel:#fff;--panel2:#f5f6f8;--border:rgba(18,20,24,.12);--border2:rgba(18,20,24,.2);--text:#17181a;--muted:#666b74;--accent:#6757df;--accent2:#5544d2;--key:#155eab;--string:#a34e24;--number:#18753c;--boolean:#764bb6;--null:#b8325b;--array:#9a6413;--object:#087e72;--toggle-bg:#30323d;--toggle-text:#fff;--shadow:0 18px 45px #1f23401c;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden}body{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-size:14px}.app-bar{height:var(--header);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--bar);border-bottom:1px solid var(--border);gap:20px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,var(--accent2),var(--accent));color:white;font:700 14px ui-monospace,monospace;box-shadow:0 7px 18px #6959e538}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand div span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.toolbar{display:flex;align-items:center;gap:7px}.button,.icon-button{height:36px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;font:600 12px inherit;cursor:pointer;transition:.16s}.button:hover,.icon-button:hover{border-color:var(--border2);background:var(--panel2);transform:translateY(-1px)}.button:focus-visible,.icon-button:focus-visible,.split-resizer:focus-visible,.node-head:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent2)}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:36px;padding:0}.toolbar-divider{width:1px;height:23px;background:var(--border);margin:0 2px}.moon{display:none}html[data-theme=light] .sun{display:none}html[data-theme=light] .moon{display:block}.panel-labels{height:var(--labels);display:grid;grid-template-columns:calc(var(--split,38%) + 3px) 1fr;flex:none;background:var(--bar);border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-labels div{display:flex;align-items:center;padding:0 16px}.panel-labels div+div{border-left:1px solid var(--border)}.workspace{position:relative;display:flex;flex:1;min-height:0;background:var(--bg)}.panel{min-width:0;overflow:auto}.source-panel{flex:0 0 var(--split,38%);background:var(--panel2)}#json-input{display:block;width:100%;height:100%;resize:none;border:0;outline:0;padding:18px 20px 60px;background:transparent;color:var(--text);font:14px/1.65 "SFMono-Regular",Consolas,"Liberation Mono",monospace;tab-size:2;white-space:pre}.tree-panel{flex:1;background:var(--panel);position:relative;padding:14px 18px 60px}.split-resizer{width:7px;flex:none;display:grid;place-items:center;background:var(--bar);border-left:1px solid var(--border);border-right:1px solid var(--border);cursor:col-resize;z-index:2}.split-resizer span{width:2px;height:38px;border-radius:2px;background:var(--border2);transition:.15s}.split-resizer:hover span,.split-resizer:focus span{background:var(--accent)}.empty-state{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.watermark{display:flex;align-items:center;flex-direction:column;color:var(--muted);opacity:.62;text-align:center}.watermark-icon{font:700 34px/1 ui-monospace,monospace;color:var(--accent);margin-bottom:17px}.watermark strong{font-size:14px}.watermark small{font-size:11px;margin-top:7px}.json-tree{font:14px/1.62 "SFMono-Regular",Consolas,"Liberation Mono",monospace;min-width:max-content}.tree-node{position:relative}.node-head{height:27px;display:flex;align-items:center;border-radius:5px;white-space:nowrap;cursor:default}.node-head:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.toggle-button{width:18px;height:18px;flex:none;margin:0 6px 0 1px;padding:0;border:1px solid var(--toggle-bg);border-radius:3px;background:var(--toggle-bg);color:var(--toggle-text);font:700 14px/15px ui-monospace,monospace;text-align:center;cursor:pointer}.toggle-button:hover{border-color:var(--accent2);background:var(--accent2);color:#fff}.toggle-button:focus-visible{outline:2px solid var(--accent2);outline-offset:1px}.leaf .toggle-button{visibility:hidden}.container-symbol{font-weight:800}.array-symbol{color:var(--array)}.object-symbol{color:var(--object)}.node-key{color:var(--key)}.punct{color:var(--muted)}.node-value.string{color:var(--string)}.node-value.number{color:var(--number)}.node-value.boolean{color:var(--boolean)}.node-value.null{color:var(--null);font-style:italic}.node-meta{color:var(--muted);font-size:12px;margin-left:8px}.children{margin-left:10px;padding-left:12px;border-left:1px solid var(--border);display:none}.branch.open>.children{display:block}.error-card{margin:18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--null) 45%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--null) 8%,transparent);color:var(--null);font:13px/1.5 ui-monospace,monospace;max-width:720px;white-space:pre-wrap}.drop-overlay{position:absolute;inset:10px;z-index:20;display:none;place-items:center;border:2px dashed var(--accent2);border-radius:14px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px)}body.is-dragging .drop-overlay{display:grid}.drop-card{display:flex;flex-direction:column;align-items:center;padding:28px 42px;border:1px solid var(--border2);border-radius:14px;background:var(--bar);box-shadow:var(--shadow)}.drop-card svg{width:31px;height:31px;color:var(--accent2);margin-bottom:12px}.drop-card span{color:var(--muted);font-size:11px;margin-top:5px}.status-bar{height:var(--footer);flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;background:var(--bar);border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.file-status,.stats{display:flex;align-items:center;gap:14px}.stats{justify-content:flex-end}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.toast{position:fixed;right:18px;bottom:44px;z-index:30;padding:10px 14px;border:1px solid var(--border2);border-radius:8px;background:var(--bar);box-shadow:var(--shadow);font-size:12px}.sr-only{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:720px){:root{--header:58px}.app-bar{padding:0 10px}.brand div span,.button span,.toolbar-divider{display:none}.button{width:36px;padding:0}.toolbar{gap:5px}.panel-labels{display:none}.workspace{flex-direction:column}.source-panel{flex:0 0 42%;border-bottom:1px solid var(--border)}.tree-panel{flex:1}.split-resizer{width:100%;height:7px;cursor:row-resize;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.split-resizer span{width:38px;height:2px}#json-input{padding:13px 14px}.tree-panel{padding:10px 12px 45px}.status-bar{grid-template-columns:1fr auto}.status-bar>div:nth-child(2){display:none}.stats span:first-child{display:none}}