.hx-json-studio{--zw: 1;--zh: 1;position:relative;display:grid;place-items:center;container-type:inline-size;min-width:0}.hx-json-studio .st{position:relative;width:560px;height:440px;zoom:min(var(--zw),var(--zh));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;--cyc: 11s;--j-root: #fff;--j-rt: #b4b9c3;--j-k: #c678dd;--j-ix: #8b93a3;--j-cv: #5c6370}@container (max-width: 559px){.hx-json-studio .st{--zw: .9}}@container (max-width: 504px){.hx-json-studio .st{--zw: .8}}@container (max-width: 448px){.hx-json-studio .st{--zw: .7}}@container (max-width: 392px){.hx-json-studio .st{--zw: .64;justify-self:start}}@media(max-width:520px){.hx-json-studio{overflow:hidden}}@media(max-width:980px){.hx-json-studio{--zh: .72}}.hx-json-studio .panel{position:absolute;left:0;top:28px;width:404px;bottom:0;border-radius:16px;overflow:hidden;background:radial-gradient(420px 260px at 0% 0%,color-mix(in srgb,var(--a) 7%,transparent),transparent 70%),linear-gradient(180deg,#11131a,#0b0c11);border:1px solid rgb(255 255 255 / .11);box-shadow:0 1px #ffffff0d inset,0 40px 80px -36px #000000d9}:root[data-theme=light] .hx-json-studio .panel{box-shadow:0 1px 2px #10121b14,0 40px 70px -38px #10121b8c}.hx-json-studio .tree{position:relative;margin-top:40px;font:12px/22px var(--font-mono);color:#c8ccd4}.hx-json-studio .row{position:relative;display:flex;align-items:center;gap:6px;height:22px;white-space:nowrap}.hx-json-studio .cv{width:10px;height:10px;flex:none;margin-right:2px;position:relative}.hx-json-studio .cv.o:before,.hx-json-studio .cv.c:before{content:"";position:absolute;inset:1px 2px 2px 1px;border:solid var(--j-cv);border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translate(-1px,-1px);transition:none}.hx-json-studio .cv.c:before{transform:rotate(-45deg) translate(-1px)}.hx-json-studio .rt{color:var(--j-root);font-weight:600}.hx-json-studio .k{color:var(--j-k)}.hx-json-studio .ix{color:var(--j-ix)}.hx-json-studio .ix:before{content:"[";color:#4b5160}.hx-json-studio .ix:after{content:"]";color:#4b5160}.hx-json-studio .m{color:var(--j-cv);font-size:11px}.hx-json-studio .cl{color:#4b5160;margin:0 -2px 0 -4px}.hx-json-studio .v.str{color:#7fd193}.hx-json-studio .v.num{color:#ffae6b}.hx-json-studio .v.bool{color:#61afef}.hx-json-studio .v.null{color:#8a8f9c;font-style:italic}.hx-json-studio .row:before{content:"";position:absolute;top:0;bottom:0;left:19px;width:max(0px,calc(var(--d) * 18px - 17px));background:repeating-linear-gradient(90deg,rgb(255 255 255 / .07) 0 1px,transparent 1px 18px)}.hx-json-studio .lpath{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none}.hx-json-studio .lpath path{fill:none;stroke:var(--a);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--a) 80%,transparent));animation:hxjs-draw var(--cyc) cubic-bezier(.5,0,.3,1) infinite}@keyframes hxjs-draw{0%,8%{stroke-dashoffset:100;opacity:1}40%,84%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}.hx-json-studio .row.p1 .rt,.hx-json-studio .row.p2 .k,.hx-json-studio .row.p3 .ix,.hx-json-studio .row.p4 .k{color:var(--a);text-shadow:0 0 14px color-mix(in srgb,var(--a) 60%,transparent)}.hx-json-studio .row.p1 .cv:before,.hx-json-studio .row.p2 .cv:before,.hx-json-studio .row.p3 .cv:before{border-color:var(--a)}.hx-json-studio .row.p1 .rt,.hx-json-studio .row.p1 .cv:before{animation:hxjs-s1 var(--cyc) ease infinite}.hx-json-studio .row.p2 .k,.hx-json-studio .row.p2 .cv:before{animation:hxjs-s2 var(--cyc) ease infinite}.hx-json-studio .row.p3 .ix,.hx-json-studio .row.p3 .cv:before{animation:hxjs-s3 var(--cyc) ease infinite}.hx-json-studio .row.p4:after{content:"";position:absolute;inset:0 8px 0 58px;border-radius:6px;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--a) 20%,transparent),color-mix(in srgb,var(--a) 6%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 40%,transparent);animation:hxjs-s4 var(--cyc) ease infinite}.hx-json-studio .tree{isolation:isolate}.hx-json-studio .row.p4 .k{animation:hxjs-s5 var(--cyc) ease infinite}.hx-json-studio .ttag{margin-left:8px;padding:0 7px;border-radius:5px;font:600 10.5px/18px var(--font-sans);color:#0b0c11;background:#7fd193;animation:hxjs-s4 var(--cyc) ease infinite}@keyframes hxjs-s1{0%,6%{color:var(--j-rt);border-color:var(--j-cv);text-shadow:none}10%,86%{color:var(--a);border-color:var(--a)}94%,to{color:var(--j-rt);border-color:var(--j-cv);text-shadow:none}}@keyframes hxjs-s2{0%,16%{color:var(--j-k);border-color:var(--j-cv);text-shadow:none}20%,86%{color:var(--a);border-color:var(--a)}94%,to{color:var(--j-k);border-color:var(--j-cv);text-shadow:none}}@keyframes hxjs-s3{0%,26%{color:var(--j-ix);border-color:var(--j-cv);text-shadow:none}30%,86%{color:var(--a);border-color:var(--a)}94%,to{color:var(--j-ix);border-color:var(--j-cv);text-shadow:none}}@keyframes hxjs-s5{0%,36%{color:var(--j-k);text-shadow:none}40%,86%{color:var(--a)}94%,to{color:var(--j-k);text-shadow:none}}@keyframes hxjs-s4{0%,38%{opacity:0}44%,86%{opacity:1}94%,to{opacity:0}}.hx-json-studio .kids{display:grid;grid-template-rows:1fr;animation:hxjs-fold 14s cubic-bezier(.6,0,.3,1) 3s infinite}.hx-json-studio .kids>div{overflow:hidden;min-height:0}@keyframes hxjs-fold{0%,40%{grid-template-rows:1fr;opacity:1}48%,88%{grid-template-rows:0fr;opacity:0}96%,to{grid-template-rows:1fr;opacity:1}}.hx-json-studio .toggle .cv:before{animation:hxjs-caret 14s cubic-bezier(.6,0,.3,1) 3s infinite}@keyframes hxjs-caret{0%,40%{transform:rotate(45deg) translate(-1px,-1px)}46%,90%{transform:rotate(-45deg) translate(-1px)}96%,to{transform:rotate(45deg) translate(-1px,-1px)}}.hx-json-studio .toggle .m{animation:hxjs-meta 14s ease 3s infinite}@keyframes hxjs-meta{0%,44%{color:var(--j-cv)}50%,86%{color:var(--j-ix)}94%,to{color:var(--j-cv)}}.hx-json-studio .jfoot{position:absolute;left:0;right:0;bottom:0;display:flex;gap:14px;padding:9px 16px;border-top:1px solid rgb(255 255 255 / .07);background:#00000040;font:11px var(--font-mono);color:#6b7080}.hx-json-studio .okv{margin-left:auto;color:#7fd193}.hx-json-studio .okv:before{content:"\25cf  ";font-size:9px;vertical-align:1px}.hx-json-studio .query{position:absolute;left:22px;top:0;width:372px;height:50px;display:flex;align-items:center;gap:10px;padding:0 8px 0 10px;border-radius:13px;background:linear-gradient(180deg,#1c1f28,#15171e);border:1px solid color-mix(in srgb,var(--a) 45%,rgb(255 255 255 / .12));box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 10%,transparent),0 24px 44px -18px #000c}:root[data-theme=light] .hx-json-studio .query{box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 14%,transparent),0 24px 44px -20px #10121b80}.hx-json-studio .qi{font:600 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8a8f9c;padding:5px 8px;border-radius:7px;background:#ffffff0d}.hx-json-studio .qt{flex:1;display:flex;align-items:center;font:500 14px var(--font-mono);letter-spacing:-.01em}.hx-json-studio .qt b{font-weight:500;color:#e5e7eb}.hx-json-studio .qt .t1{color:var(--a);animation:hxjs-q1 var(--cyc) steps(1) infinite}.hx-json-studio .qt .t2{color:#e5e7eb;animation:hxjs-q2 var(--cyc) steps(1) infinite}.hx-json-studio .qt .t3{color:#e5e7eb;animation:hxjs-q3 var(--cyc) steps(1) infinite}.hx-json-studio .qt .t4{color:#e5e7eb;animation:hxjs-q4 var(--cyc) steps(1) infinite}@keyframes hxjs-q1{0%{opacity:1}}@keyframes hxjs-q2{0%,14%{opacity:0}15%,to{opacity:1}}@keyframes hxjs-q3{0%,24%{opacity:0}25%,to{opacity:1}}@keyframes hxjs-q4{0%,34%{opacity:0}35%,to{opacity:1}}.hx-json-studio .car{width:2px;height:17px;margin-left:2px;background:var(--a);animation:hxjs-blink 1s steps(1) infinite}@keyframes hxjs-blink{50%{opacity:0}}.hx-json-studio .hit{font:600 11px var(--font-sans);color:#0b0c11;background:var(--a);padding:5px 9px;border-radius:8px;animation:hxjs-s4 var(--cyc) ease infinite}.hx-json-studio .insp{position:absolute;right:0;top:133px;width:200px;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-radius:14px;background:linear-gradient(180deg,#1b1e27,#13151b);border:1px solid rgb(255 255 255 / .13);color:#e5e7eb;box-shadow:0 30px 60px -24px #000000d9,0 0 0 1px #0000004d;animation:hxjs-insp var(--cyc) cubic-bezier(.3,.7,.2,1) infinite}:root[data-theme=light] .hx-json-studio .insp{box-shadow:0 30px 56px -26px #10121b8c}.hx-json-studio .insp:before{content:"";position:absolute;left:-9px;top:26px;width:16px;height:16px;rotate:45deg;background:#1b1e27;border:solid rgb(255 255 255 / .13);border-width:0 0 1px 1px}@keyframes hxjs-insp{0%,40%{opacity:0;transform:translate(-8px) scale(.97)}46%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translate(-4px)}}.hx-json-studio .ip{font:500 11.5px var(--font-mono);color:var(--a)}.hx-json-studio .iv{font:500 13px var(--font-mono);color:#7fd193;word-break:break-all}.hx-json-studio .insp dl{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:2px 0 0;padding-top:10px;border-top:1px solid rgb(255 255 255 / .08);font-size:11.5px}.hx-json-studio .insp dt{color:#8a8f9c}.hx-json-studio .insp dd{margin:0;color:#d7dae0}.hx-json-studio .tbadge{font:600 10.5px var(--font-mono);padding:1px 7px;border-radius:5px;color:#7fd193;background:#7fd19324;box-shadow:inset 0 0 0 1px #7fd1934d}.hx-json-studio .cp{align-self:flex-start;margin-top:2px;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:7px;background:#ffffff12;border:1px solid rgb(255 255 255 / .1)}:root[data-theme=light] .hx-json-studio .st{--j-root: #1f2328;--j-rt: #50535c;--j-k: #a626a4;--j-ix: #6b7080;--j-cv: #a0a1a7}:root[data-theme=light] .hx-json-studio .panel{background:radial-gradient(420px 260px at 0% 0%,color-mix(in srgb,var(--a) 7%,transparent),transparent 70%),#fff;border-color:#10121b1a}:root[data-theme=light] .hx-json-studio .tree{color:#383a42}:root[data-theme=light] .hx-json-studio :is(.ix:before,.ix:after,.cl){color:#a0a1a7}:root[data-theme=light] .hx-json-studio .v.str{color:#3f8f3e}:root[data-theme=light] .hx-json-studio .v.num{color:#b4570a}:root[data-theme=light] .hx-json-studio .v.bool{color:#3367d6}:root[data-theme=light] .hx-json-studio .v.null{color:#7a7f8c}:root[data-theme=light] .hx-json-studio .row:before{background:repeating-linear-gradient(90deg,rgb(16 18 27 / .08) 0 1px,transparent 1px 18px)}:root[data-theme=light] .hx-json-studio .jfoot{border-top-color:#10121b12;background:#f6f5f1;color:var(--ink-3)}:root[data-theme=light] .hx-json-studio .okv{color:#1f8a3d}:root[data-theme=light] .hx-json-studio :is(.query,.insp){background:linear-gradient(180deg,#fff,#f8f7f4);color:var(--ink)}:root[data-theme=light] .hx-json-studio .query{border-color:color-mix(in srgb,var(--a) 45%,rgb(16 18 27 / .12))}:root[data-theme=light] .hx-json-studio .insp{border-color:#10121b1a}:root[data-theme=light] .hx-json-studio .insp:before{background:#fff;border-color:#10121b1a}:root[data-theme=light] .hx-json-studio .qi{color:var(--ink-3);background:#10121b0d}:root[data-theme=light] .hx-json-studio :is(.qt b,.qt .t2,.qt .t3,.qt .t4){color:var(--ink)}:root[data-theme=light] .hx-json-studio :is(.qt .t1,.ip){color:var(--at)}:root[data-theme=light] .hx-json-studio .iv{color:#1f8a3d}:root[data-theme=light] .hx-json-studio .insp dl{border-top-color:#10121b14}:root[data-theme=light] .hx-json-studio .insp dt{color:var(--ink-3)}:root[data-theme=light] .hx-json-studio .insp dd{color:var(--ink-2)}:root[data-theme=light] .hx-json-studio .tbadge{color:#1f8a3d;background:#1f8a3d1a;box-shadow:inset 0 0 0 1px #1f8a3d47}:root[data-theme=light] .hx-json-studio .cp{background:#10121b0a;border-color:#10121b1f}@media(prefers-reduced-motion:reduce){.hx-json-studio *,.hx-json-studio *:before,.hx-json-studio *:after{animation:none!important}}