.jf-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.jf-source{padding:0;overflow:hidden}.jf-source-label{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ts-border);font-size:12px;font-weight:700}.jf-source textarea{width:100%;border:0!important;border-radius:0!important;min-height:420px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace!important;padding:22px!important;tab-size:2;background:var(--ts-surface)!important}.jf-validation{font-size:12px;margin:0;padding:13px 20px;border-top:1px solid var(--ts-border);background:var(--ts-soft);color:var(--ts-accent)}.jf-validation.is-error{color:#bf3939;background:#fff3f2}.jf-settings{display:flex;flex-direction:column;gap:12px}.jf-settings h2{font-size:16px;margin:0 0 3px}.jf-settings p{font-size:12px;line-height:1.6;margin:8px 0 0}.jf-check{display:flex!important;align-items:center;gap:8px}.jf-note{font-size:13px;color:var(--ts-muted)}.jf-note strong{color:var(--ts-text)}.jf-tabs{display:flex;padding:4px;border:1px solid var(--ts-border);border-radius:12px;background:var(--ts-soft);gap:4px}.jf-tabs button{border:0;background:none;padding:9px 20px;border-radius:8px;color:var(--ts-muted);font-size:13px;font-weight:700}.jf-tabs .is-active{background:var(--ts-surface);color:var(--ts-accent);box-shadow:0 2px 5px #10251b0b}#jf-output{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;font:13px/1.8 ui-monospace,Consolas,monospace;color:var(--ts-text);tab-size:4}.jf-warning{background:#fff8e7;color:#855615;padding:15px 18px;font-size:13px;border:1px solid #e9d8ad;border-radius:12px;margin-bottom:16px}.jf-tree-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;margin-bottom:18px}.jf-node-label{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-height:35px;padding:6px;border-radius:6px;font:12px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;cursor:pointer}.jf-node-label:hover{background:var(--ts-soft)}details.jf-node>summary:before{content:"\25b8";color:var(--ts-muted)}details.jf-node[open]>summary:before{content:"\25be"}.jf-node-label strong{font-weight:600;color:var(--ts-text)}.jf-node-string{color:#087e64}.jf-node-number{color:#9b5a27}.jf-node-boolean,.jf-node-null{color:#7751a8}.jf-children{padding-left:22px;border-left:1px solid var(--ts-border);margin-left:10px}.jf-path{font-size:10px!important;color:var(--ts-muted);border:1px solid var(--ts-border);background:var(--ts-surface);border-radius:5px;padding:2px 5px;margin-left:auto;white-space:nowrap}#jf-tree-note{font-size:12px}@media(max-width:800px){.jf-layout{grid-template-columns:1fr}.jf-settings{display:grid;grid-template-columns:1fr 1fr}.jf-settings h2,.jf-note{grid-column:1/-1}.jf-source textarea{min-height:300px}.jf-children{padding-left:12px;margin-left:4px}}@media(max-width:430px){.jf-settings{grid-template-columns:1fr}.jf-source-label{font-size:11px}.jf-node-label{gap:7px}.jf-path{font-size:9px!important}}
