@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;450;500;600&display=swap";:root{--paper:#eff1f0;--paper-raised:#fff;--paper-sunk:#e5e8e7;--ink:#1a2024;--ink-soft:#5a646c;--ink-faint:#949ca2;--rule:#d6dbda;--rule-strong:#bcc4c2;--accent:#14527a;--accent-wash:#e3edf4;--danger:#9f1239;--danger-wash:#fdf2f5;--layer-client:#1d4ed8;--layer-edge:#6d28d9;--layer-application:#047857;--layer-data:#a16207;--layer-external:#be123c;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:1.9375rem;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.shell{flex-direction:column;height:100%;display:flex}.hero{flex:1;place-items:center;padding:24px;display:grid}.hero-inner{text-align:center;width:100%;max-width:560px}.wordmark{font-size:var(--step-1);letter-spacing:-.015em;margin:0 0 4px;font-weight:600}.wordmark-mark{background:var(--accent);vertical-align:1px;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{font-size:var(--step-3);letter-spacing:-.025em;margin:28px 0 8px;font-weight:450;line-height:1.2}.hero p{color:var(--ink-soft);font-size:var(--step-0);margin:0 0 28px}.field{text-align:left;position:relative}textarea{resize:vertical;background:var(--paper-raised);width:100%;min-height:132px;color:var(--ink);border:1px solid var(--rule-strong);font-family:inherit;font-size:var(--step-0);border-radius:4px;padding:16px 18px;line-height:1.6}textarea::placeholder{color:var(--ink-faint)}textarea:focus{border-color:var(--accent)}textarea:disabled{background:var(--paper-sunk);color:var(--ink-soft)}.field-foot{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.count{font-family:var(--mono);font-size:var(--step--1);color:var(--ink-faint);font-variant-numeric:tabular-nums}button{font-family:inherit;font-size:var(--step-0);cursor:pointer;border-radius:4px;font-weight:500}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:10px 20px}.btn-primary:hover:not(:disabled){background:#0f4062}.btn-primary:disabled{background:var(--paper-sunk);border-color:var(--rule-strong);color:var(--ink-faint);cursor:not-allowed}.btn-quiet{border:1px solid var(--rule-strong);background:var(--paper-raised);color:var(--ink);font-size:var(--step--1);padding:7px 14px}.btn-quiet:hover{border-color:var(--ink-faint)}.examples{border-top:1px solid var(--rule);text-align:left;margin-top:36px;padding-top:20px}.examples-label{font-size:var(--step--1);color:var(--ink-faint);margin:0 0 10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--rule-strong);color:var(--ink-soft);font-size:var(--step--1);background:0 0;border-radius:999px;padding:6px 12px}.chip:hover{background:var(--paper-raised);color:var(--ink)}.bar{background:var(--paper-raised);border-bottom:1px solid var(--rule);flex-shrink:0;align-items:center;gap:16px;padding:10px 18px;display:flex}.bar .wordmark{font-size:var(--step-0);flex-shrink:0;margin:0}.bar-desc{min-width:0;color:var(--ink-soft);font-size:var(--step--1);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bar-count{font-family:var(--mono);font-size:var(--step--1);color:var(--ink-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.body{flex:1;min-height:0;display:flex}.canvas{flex:1;position:relative}.legend{z-index:5;border:1px solid var(--rule);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffed;border-radius:4px;flex-direction:column;gap:7px;padding:12px 14px;display:flex;position:absolute;bottom:16px;left:16px}.legend-row{font-size:var(--step--1);color:var(--ink-soft);align-items:center;gap:9px;display:flex}.legend-swatch{flex-shrink:0;width:3px;height:13px}.legend-note{border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-faint);margin-top:3px;padding-top:8px}.detail{background:var(--paper-raised);border-left:1px solid var(--rule);flex-shrink:0;width:300px;padding:20px;overflow-y:auto}.detail-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail h2{font-size:var(--step-1);letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.3}.detail-close{color:var(--ink-faint);font-size:var(--step-1);background:0 0;border:none;padding:2px 6px;line-height:1}.detail-close:hover{color:var(--ink)}.detail-id{font-family:var(--mono);font-size:var(--step--1);color:var(--ink-faint);margin:6px 0 18px}.detail-meta{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tag{border:1px solid var(--rule-strong);font-size:var(--step--1);color:var(--ink-soft);border-radius:3px;padding:3px 9px}.tag-layer{border-left-width:3px}.detail-desc{border-top:1px solid var(--rule);color:var(--ink-soft);font-size:var(--step--1);margin:0;padding-top:16px;line-height:1.65}.detail-empty{color:var(--ink-faint);font-size:var(--step--1)}.error{background:var(--danger-wash);border:1px solid #f2d0da;border-left:3px solid var(--danger);color:var(--danger);font-size:var(--step--1);border-radius:3px;margin-top:14px;padding:11px 14px}.working{color:var(--ink-soft);font-size:var(--step--1);flex:1;place-items:center;display:grid}.working-inner{text-align:center}.scanline{background:var(--rule);width:180px;height:2px;margin:0 auto 16px;overflow:hidden}.scanline:after{content:"";background:var(--accent);width:40%;height:100%;animation:1.3s ease-in-out infinite sweep;display:block}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.scanline:after{opacity:.4;width:100%;animation:none}}.react-flow__node-default{font-family:var(--sans);box-shadow:none}.react-flow__edge-text{font-family:var(--sans);font-size:10px}.react-flow__handle{opacity:0}.react-flow__attribution{display:none}.react-flow__controls-button{background:var(--paper-raised);border-bottom:1px solid var(--rule);fill:var(--ink-soft)}@media (width<=760px){.detail{z-index:10;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #1a202414}.legend{display:none}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}