.jf-head{margin-bottom:8px}
.jf-in{min-height:220px;font-size:14px;line-height:1.55;tab-size:2}
.jf-indent{width:auto;min-width:120px}
.jf-out{max-height:520px;overflow:auto;white-space:pre;word-break:normal;overflow-wrap:normal;tab-size:4;line-height:1.55}
.jf-out.wrap{white-space:pre-wrap;word-break:break-all}
.jf-out:empty::before{content:attr(data-empty);color:var(--faint)}
.jf-snippet{white-space:pre;overflow:auto;word-break:normal;color:var(--text)}
.jf-snippet .bad{color:var(--bad);font-weight:700}
.jf-tree{max-height:520px;overflow:auto;white-space:normal;word-break:break-all}
.jf-tree details{padding-left:16px}
.jf-tree>details{padding-left:0}
.jf-tree summary{cursor:pointer;margin-left:-14px;list-style:none}
.jf-tree summary::-webkit-details-marker{display:none}
.jf-tree summary::before{content:"▸";display:inline-block;width:14px;color:var(--faint)}
.jf-tree details[open]>summary::before{content:"▾"}
.jf-tree .leaf{padding-left:16px}
.jf-tree .meta{color:var(--faint)}
.jf-k{color:var(--brand)}
.jf-s{color:var(--good)}
.jf-n{color:#c2410c}
.jf-b{color:#b45309;font-weight:600}
.jf-z{color:var(--faint);font-weight:600}
:root[data-theme="dark"] .jf-n{color:#fb923c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .jf-n{color:#fb923c}}
#tool .row>.label.grow,#tool .row>span.grow:empty{flex:1 1 auto}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .jf-b{color:#fbbf24}}
:root[data-theme="dark"] .jf-b{color:#fbbf24}