.jsn{--accent:#6c8cff}.jsn-bar{margin-bottom:14px}.jsn-indent{padding:7px 26px 7px 10px;font-size:13px;width:auto}.jsn-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}@media (max-width:900px){.jsn-grid{grid-template-columns:1fr}}.jsn #input{min-height:360px}.jsn-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;min-height:28px}.jsn-h{font:800 13px/1 var(--font-sans);color:var(--ink);display:flex;align-items:center;gap:8px}.jsn-h:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--accent)}.jsn-treehead{margin-top:14px}.jsn-treehead .t-seg{margin-left:auto}.jsn-treehead .t-chip{padding:6px 10px;font-size:11.5px}.jsn-info{font:600 12px/1.4 var(--font-mono);color:var(--faint);text-transform:none;letter-spacing:0}.jsn-info.ok{color:var(--accent-fill)}.jsn-info.err{color:#ff7a7a}.jsn-output{position:relative;margin:0;min-height:200px;max-height:420px;overflow:auto;white-space:pre;border:1px solid rgba(140,160,235,.24);background:rgba(8,11,22,.6);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;color:var(--ink)}.jsn-output .j-key{color:#8ab4ff}.jsn-output .j-str{color:#7ad0a0}.jsn-output .j-num{color:#f0b45a}.jsn-output .j-bool{color:#e07a9a}.jsn-output .j-null{color:#b08cff}.jsn-output .j-err{color:#ff9a9a}.jsn-output .ph{color:var(--faint)}.jsn-output .jl.sel{background:rgba(108,140,255,.22);box-shadow:0 0 0 3px #6c8cff38;border-radius:3px}.jsn-output .j-errline{background:rgba(255,122,122,.16);box-shadow:0 0 0 3px #ff7a7a29;border-radius:3px;cursor:pointer}.jsn-output .j-caret{color:#ff7a7a;font-weight:800}.jsn-output .j-errmsg{display:block;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(255,122,122,.35);color:#ff9a9a;white-space:pre-wrap;word-break:break-word;font-weight:600}.jsn-output .j-ln{display:inline-block;width:3ch;margin-right:1ch;text-align:right;color:var(--faint);user-select:none}.jsn-tree{max-height:360px;min-height:72px;overflow:auto;border:1px solid rgba(140,160,235,.24);background:rgba(8,11,22,.6);border-radius:10px;padding:8px 10px;font:600 12.5px/1.5 var(--font-mono);color:var(--ink)}.jsn-tree .ph{color:var(--faint);font-family:var(--font-sans)}.jt-row{display:flex;align-items:baseline;gap:6px;padding:2px 6px;border-radius:6px;cursor:pointer;white-space:nowrap;min-height:26px}@media (hover:hover){.jt-row:hover{background:rgba(108,140,255,.1)}}.jt-row.sel{background:rgba(108,140,255,.22);box-shadow:inset 0 0 0 1px #6c8cff8c}.jt-tg{flex:none;width:22px;height:22px;border:0;background:none;color:var(--dim);cursor:pointer;font:700 11px/1 var(--font-mono);padding:0;border-radius:5px;align-self:center}@media (hover:hover){.jt-tg:hover{background:rgba(140,160,235,.16);color:var(--ink)}}.jt-tg.leaf{visibility:hidden}.jt-k{color:#8ab4ff}.jt-i,.jt-c{color:var(--faint)}.jt-v.str{color:#7ad0a0;overflow:hidden;text-overflow:ellipsis;max-width:min(52ch,60vw)}.jt-v.num{color:#f0b45a}.jt-v.bool{color:#e07a9a}.jt-v.null{color:#b08cff}.jt-sum{color:var(--dim);font-style:italic;cursor:pointer}.jt-more .jt-sum{color:var(--accent-fill)}.jt-kids{margin-left:10px;padding-left:10px;border-left:1px dashed rgba(140,160,235,.2)}.jsn-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;font:600 12px/1.4 var(--font-sans);color:var(--dim)}.jsn-path b{font:700 12.5px/1.4 var(--font-mono);color:var(--ink);word-break:break-all;flex:1;min-width:120px}.jsn-path .t-btn{padding:7px 10px;font-size:12px}@media (max-width:600px){.jsn-output{max-height:320px}.jsn-tree{max-height:280px}.jsn #input{min-height:220px}}