:root{--jb-bg:#0f0f14;--jb-panel:#15151d;--jb-card:#1b1b26;--jb-card2:#20202e;--jb-input:#26263a;--jb-line:#2a2a38;--jb-muted:#9a9ab0;--jb-import:#22c3f5;--jb-convert:#8b5cf6;--jb-export:#34d399}body{background:var(--jb-bg)}main{padding:0 32px;margin:70px 0;background:transparent;text-align:left;max-width:none}h1{font-size:28px;margin:0 0 8px;text-align:left}.jb-intro{text-align:left;color:var(--jb-muted);margin:0 0 26px;max-width:760px;line-height:1.6}.jb-intro a{color:var(--button_color);font-weight:600}.jb-intro a:hover{color:var(--button_color_hover)}.jb{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:24px;align-items:start}.jb-graph{background:var(--jb-panel);border-radius:14px;padding:18px;min-width:0}.jb-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.jb-add{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--jb-line);border-radius:9px;background:var(--jb-card);color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:.15s}.jb-add:hover{background:var(--jb-card2);border-color:#3a3a4d}.jb-add .dot{width:9px;height:9px;border-radius:50%}.jb-add[data-type=import] .dot{background:var(--jb-import)}.jb-add[data-type=convert] .dot{background:var(--jb-convert)}.jb-add[data-type=export] .dot{background:var(--jb-export)}.jb-canvas{position:relative}.jb-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.jb-cols{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.jb-col{display:flex;flex-direction:column;gap:14px;min-width:0}#jb-imports,#jb-converts,#jb-exports{display:flex;flex-direction:column;gap:26px}.jb-col-title{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--jb-muted);padding-bottom:8px;border-bottom:1px solid var(--jb-line);margin-bottom:2px}.jb-col-empty{border:1px dashed var(--jb-line);border-radius:10px;padding:16px;text-align:center;color:#5c5c72;font-size:12px}.jb-node{background:var(--jb-card);border:1px solid var(--jb-line);border-left:3px solid var(--jb-line);border-radius:11px;transition:border-color .15s}.jb-node[data-type=import]{border-left-color:var(--jb-import)}.jb-node[data-type=convert]{border-left-color:var(--jb-convert)}.jb-node[data-type=export]{border-left-color:var(--jb-export)}.jb-node.open{border-color:#3a3a4d}.jb-node-head{display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;user-select:none}.jb-badge{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:5px;color:#0b0b12;white-space:nowrap}.jb-node[data-type=import] .jb-badge{background:var(--jb-import)}.jb-node[data-type=convert] .jb-badge{background:var(--jb-convert);color:#fff}.jb-node[data-type=export] .jb-badge{background:var(--jb-export)}.jb-node-name{font-weight:700;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-node-sum{font-size:11px;color:var(--jb-muted);white-space:nowrap}.jb-caret{color:#6a6a82;transition:transform .15s;font-size:11px;display:inline-flex;align-items:center}.jb-caret svg{width:11px;height:11px;display:block}.jb-node.open .jb-caret{transform:rotate(90deg)}.jb-node-remove{background:transparent;border:none;color:#6a6a82;font-size:17px;line-height:1;cursor:pointer;padding:0 2px}.jb-node-remove:hover{color:#ff7a90}.jb-node-body{display:none;padding:2px 14px 15px;border-top:1px solid var(--jb-line)}.jb-node.open .jb-node-body{display:block}label{display:block;margin-top:12px;font-size:12px;font-weight:600;opacity:.85}input,select{width:100%;margin-top:5px;padding:9px 10px;border-radius:8px;border:1px solid var(--jb-line);background:var(--jb-input);color:#fff;font-size:13px;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--button_color)}input[type=checkbox]{width:18px;height:18px;margin-top:8px}.jb-node-body small{display:block;opacity:.55;margin-top:4px;font-size:11px}.section{margin-top:14px}.section h3{margin:0 0 4px;font-size:13px;color:#cfcfe0}.fields{display:flex;flex-direction:column;gap:2px}.field-wrapper{position:relative}.format-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:1000;background:var(--jb-panel);border:1px solid var(--jb-line);border-radius:8px;max-height:220px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.format-item{padding:7px 10px;cursor:pointer;font-size:13px}.format-item:hover{background:var(--jb-card2)}.jb-code{background:var(--jb-panel);border-radius:14px;padding:16px;position:sticky;top:24px;display:flex;flex-direction:column;min-width:0}.code-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:nowrap}.lang-tabs{display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;min-width:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--jb-line) transparent}.lang-tabs::-webkit-scrollbar{height:6px}.lang-tabs::-webkit-scrollbar-thumb{background:var(--jb-line);border-radius:3px}.tab-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:transparent;border:none;color:#858598;padding:7px 11px;cursor:pointer;font-size:12px;border-radius:6px;transition:.15s}.tab-ico{width:15px;height:15px;flex:none}.tab-btn:hover{color:#cfcfe0}.tab-btn.active{background:var(--jb-card);color:#fff;box-shadow:inset 0 -2px 0 var(--button_color)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--jb-card2);color:#fff;border:1px solid var(--jb-line);padding:7px 9px;border-radius:7px;cursor:pointer;transition:.15s}.copy-btn svg{width:16px;height:16px;display:block}.copy-btn:hover{background:#2c2c40}.copy-btn.success{background:#1f9d55;border-color:#1f9d55}#output{background:#0c0c12;color:#e0e0e0;padding:16px;border-radius:10px;font-family:Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.6;min-width:0;overflow:auto;white-space:pre;word-break:normal;max-width:100%;min-height:420px;max-height:70vh;margin:0}@media(max-width:1000px){.jb{grid-template-columns:minmax(0,1fr)}.jb-code{position:static;order:2}.jb-cols{grid-template-columns:minmax(0,1fr)}.jb-wires{display:none}main{padding:0 14px;overflow-x:hidden}}.jb-exec{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 20px}.jb-live{display:inline-flex;align-items:center;gap:7px;color:var(--jb-muted);font-size:13px;font-weight:600;margin-right:auto}.jb-live-dot{width:8px;height:8px;border-radius:50%;background:var(--jb-export);box-shadow:0 0 8px var(--jb-export)}.jb-key{width:260px;max-width:48vw;margin:0;padding:9px 12px;border-radius:9px;border:1px solid var(--jb-line);background:var(--jb-input);color:#fff;font-size:13px;box-sizing:border-box}.jb-key:focus{outline:none;border-color:var(--button_color)}.jb-exec-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:9px;background:#ef4444;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}.jb-exec-btn:hover{background:#dc2626}.jb-exec-btn:disabled{opacity:.6;cursor:default}.jb-exec-btn.sandbox{background:#eab308}.jb-exec-btn.sandbox:hover{background:#ca9a04}.jb-mode{position:relative}.jb-mode-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--jb-line);border-radius:9px;background:var(--jb-card);color:#eaeaf0;font-size:13px;font-weight:600;cursor:pointer}.jb-mode-btn:hover{background:var(--jb-card2)}.jb-mode-caret{color:#8a8a9e;font-size:10px}.jb-mode-dot{width:8px;height:8px;border-radius:50%;flex:none}.jb-mode-dot.live{background:#ef4444;box-shadow:0 0 7px #ef4444b3}.jb-mode-dot.sandbox{background:#eab308;box-shadow:0 0 7px #eab308b3}.jb-mode-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:var(--jb-panel);border:1px solid var(--jb-line);border-radius:10px;padding:6px;z-index:1000;box-shadow:0 12px 30px #00000080}.jb-mode-menu[hidden]{display:none}.jb-mode-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;background:transparent;color:#eaeaf0;font-size:13px;font-weight:600;cursor:pointer;border-radius:7px;text-align:left}.jb-mode-menu button:hover{background:var(--jb-card2)}.jb-mode-menu button.active:after{content:"\2713";margin-left:auto;color:var(--jb-export)}.jb-exec-warn{gap:8px;color:var(--jb-muted);font-size:14px;background:var(--jb-panel);border:1px solid var(--jb-line);border-radius:10px;padding:12px 16px}.jb-exec-warn a{color:var(--button_color);font-weight:600}.jb-file-drop{display:flex;align-items:center;gap:8px;margin-top:6px;padding:14px;border:1px dashed var(--jb-line);border-radius:9px;background:var(--jb-input);cursor:pointer;font-size:13px;color:var(--jb-muted);transition:.15s}.jb-file-drop:hover{border-color:var(--button_color)}.jb-file.has-file .jb-file-drop{border-style:solid;color:#eaeaf0}.jb-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jb-response{margin-top:16px;padding-top:16px;border-top:1px solid var(--jb-line)}.jb-response-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.jb-response-title{font-weight:700;font-size:15px}.jb-braces{color:var(--button_color);font-family:Fira Code,Consolas,monospace;font-weight:800;margin-right:2px}.jb-status{font-size:12px;font-weight:800;padding:3px 9px;border-radius:6px}.jb-status.ok{background:#34d39926;color:var(--jb-export)}.jb-status.bad{background:#ef444426;color:#f87171}.jb-status.pending{background:#9a9ab026;color:var(--jb-muted)}#jbResponseBody{background:#0c0c12;color:#e0e0e0;padding:8px;border-radius:10px;font-family:Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow:auto;max-width:100%;max-height:60vh;margin:0;white-space:normal}.jb-notice{display:block;margin:0 0 8px;padding:10px 12px;border-radius:8px;background:#f9c74f1a;border:1px solid rgba(249,199,79,.3);color:#f3d38a;font-size:12.5px;line-height:1.5;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.jb-notice a{color:var(--jb-import);font-weight:700;text-decoration:underline}.jb-step{border-bottom:1px solid rgba(255,255,255,.06)}.jb-step:last-child{border-bottom:none}.jb-step>summary{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;list-style:none;user-select:none;border-radius:6px}.jb-step>summary::-webkit-details-marker{display:none}.jb-step>summary:before{content:"+";width:14px;flex:0 0 14px;text-align:center;color:var(--jb-muted);font-weight:700}.jb-step[open]>summary:before{content:"\2212"}.jb-step>summary:hover{background:#ffffff0a}.jb-step-title{font-weight:600;color:#e8e8f0;white-space:nowrap;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}.jb-step-code{flex:0 0 auto;font-size:11px;font-weight:800;padding:1px 7px;border-radius:5px;background:#9a9ab026;color:var(--jb-muted)}.jb-step-code.ok{background:#34d39926;color:var(--jb-export)}.jb-step-code.bad{background:#ef444426;color:#f87171}.jb-step-brief{color:var(--jb-muted);font-size:11.5px;margin-left:auto;text-align:right;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jb-step>pre{margin:0;padding:0 8px 12px 32px;white-space:pre;overflow-x:auto}.jb-step>pre code.hljs{background:transparent;padding:0;display:block}@media(max-width:640px){.jb-step-brief{display:none}.jb-step>pre{padding-left:8px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}