:root{color-scheme:dark;--bg:#07090d;--panel:#0c1016;--line:#242b34;--text:#eef2f5;--muted:#77828f;--blue:#5de1ff;--lime:#b7ff4b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,rgba(42,68,88,.12),transparent 35%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea{font:inherit}header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:22px;background:rgba(7,9,13,.9);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:11px}.logo>span{font:800 14px ui-monospace;color:var(--blue);border:1px solid #284b55;padding:8px}.logo small{color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.privacy{margin-left:auto;color:#8e9aa5;font-size:11px;display:flex;align-items:center;gap:8px}.privacy i{width:7px;height:7px;border-radius:50%;background:var(--lime)}header button,.actions button,.pathbar button{background:#10151b;border:1px solid var(--line);color:#cdd5db;padding:9px 13px;cursor:pointer}header button:hover,.actions button:hover{border-color:#486170}main{width:min(1240px,calc(100% - 36px));margin:auto;padding:48px 0 70px}.headline{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.headline p{font:700 10px ui-monospace;letter-spacing:.17em;color:var(--blue)}h1{font-size:clamp(42px,5.6vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 0}h1 em{font-style:normal;color:var(--blue)}.headline__stats{display:flex;border:1px solid var(--line)}.headline__stats span{display:grid;min-width:112px;padding:17px;border-right:1px solid var(--line);color:var(--muted);font:10px ui-monospace}.headline__stats span:last-child{border:0}.headline__stats b{color:var(--text);font-size:24px;margin-bottom:6px}.app-shell{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:rgba(11,14,19,.83);min-height:610px}.pane{display:flex;flex-direction:column;min-width:0}.source-pane{border-right:1px solid var(--line)}.pane__head{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.pane__head>div:first-child{display:flex;align-items:center;gap:10px}.pane__head span{font:700 10px ui-monospace;color:var(--blue)}.actions{display:flex;gap:7px}.actions button{font-size:10px}.actions input{width:180px;background:#080b10;border:1px solid var(--line);color:var(--text);padding:9px 11px;outline:none}.actions input:focus{border-color:#356575}textarea{flex:1;min-height:500px;resize:none;border:0;background:#080b10;color:#a9d5e0;padding:24px;outline:none;font:13px/1.75 ui-monospace,Consolas,monospace;tab-size:2}.status{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 15px;color:var(--muted);font-size:11px}.status i{width:7px;height:7px;border-radius:50%;background:#68727b}.status.valid i{background:var(--lime)}.status.error i{background:#ff6b6b}.status small{margin-left:auto;color:#59636d}.tree{height:500px;overflow:auto;padding:18px;background:repeating-linear-gradient(90deg,transparent 0,transparent 23px,rgba(93,225,255,.025) 24px)}.node{font:12px/1.65 ui-monospace,Consolas,monospace}.node-row{display:flex;align-items:flex-start;gap:7px;padding:2px 6px;border-radius:3px;cursor:pointer}.node-row:hover,.node-row.selected{background:#17212a}.toggle{width:13px;color:#60717e}.key{color:#70dff7}.string{color:#b7e892}.number{color:#ffbe72}.boolean{color:#caa7ff}.null{color:#77828f}.meta{color:#59636d}.children{padding-left:20px}.match>.node-row{outline:1px solid rgba(183,255,75,.3);background:rgba(183,255,75,.07)}.collapsed>.children{display:none}.pathbar{height:46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px}.pathbar small{color:var(--muted)}.pathbar code{color:var(--lime);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pathbar button{margin-left:auto;border:0;color:var(--blue);padding:4px}.empty{display:grid;place-items:center;height:100%;color:var(--muted);text-align:center}.empty b{display:block;font-size:36px;color:#29333c;margin-bottom:10px}.toast{position:fixed;right:24px;bottom:24px;background:var(--blue);color:#031014;padding:11px 16px;font-weight:800;transform:translateY(80px);transition:.2s}.toast.show{transform:none}@media(max-width:880px){.headline{display:grid;gap:24px}.app-shell{grid-template-columns:1fr}.source-pane{border-right:0;border-bottom:1px solid var(--line)}.headline__stats{width:max-content}}@media(max-width:560px){header{padding:0 12px}.privacy,.logo small{display:none}.headline__stats span{min-width:90px}.pane__head{align-items:flex-start;gap:12px;flex-direction:column}.actions{width:100%}.actions input{flex:1}.tree,textarea{min-height:430px;height:430px}main{width:calc(100% - 20px)}}