.jf-tool{margin-bottom:52px}.jf-panes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;align-items:start}.jf-pane{display:flex;flex-direction:column}.jf-pane-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;min-height:24px}.jf-pane-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-mute)}.jf-btn-sm{height:24px;padding:0 10px;font-size:11px;font-family:var(--font-sans);font-weight:500;color:var(--color-body);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);cursor:pointer;transition:color .1s,border-color .1s,background .1s}.jf-btn-sm:hover{color:var(--color-ink);border-color:var(--color-hairline-strong)}.jf-btn-sm:active{background:var(--color-canvas-soft-2)}.jf-btn-sm.copied{color:#059669;border-color:#059669}.jf-textarea{width:100%;height:320px;resize:vertical;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:12px 14px;outline:none;transition:border-color .12s;box-shadow:var(--shadow-1);tab-size:2}.jf-textarea:focus{border-color:var(--color-primary)}.jf-textarea::placeholder{color:var(--color-mute);font-family:var(--font-sans);font-size:13px}.jf-output{height:320px;overflow:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:12px 14px;margin:0;box-shadow:var(--shadow-1);word-break:break-all;white-space:pre-wrap}.jf-output-code{display:block}.jf-output-placeholder{color:var(--color-mute);font-family:var(--font-sans);font-size:13px;font-style:italic}.jf-output.jf-has-error{border-color:var(--color-error)}.jf-output-error-msg{font-family:var(--font-sans);font-size:13px;color:var(--color-error);white-space:pre-wrap;line-height:1.6}.jf-output-error-label{font-size:10px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-error);margin-bottom:8px;display:block}.jf-output-error-detail{font-family:var(--font-mono);font-size:12px;color:var(--color-body);margin-top:10px;padding:8px 10px;background:var(--color-canvas-soft-2);border-radius:var(--rounded-sm);white-space:pre-wrap;word-break:break-all}.jf-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.jf-btn-group{display:flex;border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);overflow:hidden;flex-shrink:0}.jf-btn{height:32px;padding:0 14px;font-size:12.5px;font-family:var(--font-sans);font-weight:500;color:var(--color-body);background:var(--color-canvas);border:none;border-right:1px solid var(--color-hairline);cursor:pointer;transition:background .1s,color .1s}.jf-btn:last-child{border-right:none}.jf-btn:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.jf-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.jf-btn.active:hover{background:var(--color-primary);opacity:.9}.jf-status{font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;gap:6px;min-height:20px}.jf-status-valid{color:#059669}.jf-status-error{color:var(--color-error)}.jf-status-hint{color:var(--color-mute)}.jf-tree-header{margin-bottom:0}.jf-tree-toggle{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-family:var(--font-sans);font-weight:500;color:var(--color-body);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);cursor:pointer;transition:color .1s,border-color .1s}.jf-tree-toggle:hover{color:var(--color-ink);border-color:var(--color-hairline-strong)}.jf-tree-toggle svg{transition:transform .15s}.jf-tree-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.jf-tree{margin-top:8px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:12px 16px;overflow:auto;max-height:420px;box-shadow:var(--shadow-1)}.jt-node{display:block}.jt-row{display:flex;align-items:baseline;gap:3px;padding:1px 0}.jt-toggle{background:none;border:none;cursor:pointer;font-size:10px;color:var(--color-mute);width:14px;flex-shrink:0;padding:0;line-height:1;text-align:center;transition:color .1s}.jt-toggle:hover{color:var(--color-ink)}.jt-spacer{display:inline-block;width:14px;flex-shrink:0}.jt-children{padding-left:20px}.jt-key{color:#6f42c1;font-weight:500}[data-theme=dark] .jt-key{color:#d2a8ff}.jt-colon{color:var(--color-mute)}.jt-summary{color:var(--color-mute);font-style:italic}.jt-str{color:#0a6b3b}[data-theme=dark] .jt-str{color:#7ee787}.jt-num{color:#0550ae}[data-theme=dark] .jt-num{color:#79c0ff}.jt-bool{color:#c5520c}[data-theme=dark] .jt-bool{color:#ffa657}.jt-null{color:#8b949e;font-style:italic}[data-theme=dark] .jt-null{color:#6e7681}.jf-key{color:#6f42c1;font-weight:600}[data-theme=dark] .jf-key{color:#d2a8ff}.jf-str{color:#0a6b3b}[data-theme=dark] .jf-str{color:#7ee787}.jf-num{color:#0550ae}[data-theme=dark] .jf-num{color:#79c0ff}.jf-bool{color:#c5520c}[data-theme=dark] .jf-bool{color:#ffa657}.jf-null{color:#8b949e;font-style:italic}[data-theme=dark] .jf-null{color:#6e7681}.jf-desc{display:flex;flex-direction:column;gap:14px;margin-top:60px;margin-bottom:52px;font-size:14px;line-height:1.78;color:var(--color-body)}.jf-desc a{color:var(--color-link);text-decoration:none;font-weight:500}.jf-desc a:hover{text-decoration:underline}.jf-desc h2{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--color-ink);margin-top:8px;margin-bottom:6px;line-height:1.35}.jf-desc ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px;margin:8px 0 14px}.jf-desc li{font-size:14px;line-height:1.65;color:var(--color-body);padding-left:18px;position:relative}.jf-desc li:before{content:"—";position:absolute;left:0;color:var(--color-mute)}.jf-desc strong{color:var(--color-ink)}.jf-samples{margin-top:40px;margin-bottom:52px}.jf-samples-hd{font-size:15px;font-weight:600;color:var(--color-ink);letter-spacing:-.2px;margin-bottom:6px}.jf-samples-intro{font-size:13px;color:var(--color-body);line-height:1.6;margin-bottom:16px}.jf-samples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.jf-sample-card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);overflow:hidden;box-shadow:var(--shadow-1)}.jf-sample-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px}.jf-sample-label{font-size:11px;font-weight:600;font-family:var(--font-sans);color:var(--color-ink);letter-spacing:.04em}.jf-sample-pre{font-family:var(--font-mono);font-size:10.5px;line-height:1.5;color:var(--color-body);padding:0 12px;margin:0;height:96px;overflow:hidden;position:relative;white-space:pre}.jf-sample-pre:after{content:"";position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(transparent,var(--color-canvas));pointer-events:none}.jf-sample-ft{padding:6px 12px 10px}.jf-sample-btn{height:24px;padding:0 10px;font-size:11px;font-family:var(--font-sans);font-weight:500;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--rounded-sm);cursor:pointer;transition:background .1s,color .1s}.jf-sample-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}@media(max-width:640px){.jf-panes{grid-template-columns:1fr}.jf-textarea,.jf-output{height:220px}.jf-btn{height:36px;font-size:13px}.jf-samples-grid{grid-template-columns:1fr}}