.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%}.node-plus-button{color:#555;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.8)}.node-collapse-button{opacity:0;color:#555;cursor:pointer;z-index:6;background:#fff;border:1px solid #0000002e;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:0;font-size:8px;font-weight:700;line-height:1;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(.8);box-shadow:0 1px 3px #00000026}.node-collapse-button.left{left:-18px}.node-collapse-button.right{right:-18px}.topic-node-wrapper.selected .node-collapse-button,.topic-node-wrapper:hover .node-collapse-button,.node-collapse-button:hover,.node-collapse-button.collapsed{opacity:1;transform:translateY(-50%)scale(1)}.node-collapse-button:hover{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.theme-dark .node-collapse-button{color:#eee;background:#2a2a2a;border-color:#444}.node-plus-button.left{left:-28px}.node-plus-button.right{right:-28px}.node-plus-button.bottom{top:auto;bottom:-28px;left:50%;transform:translate(-50%)scale(.8)}.topic-node-wrapper.selected .node-plus-button,.topic-node-wrapper:hover .node-plus-button,.node-plus-button:hover{opacity:1;transform:translateY(-50%)scale(1)}.topic-node-wrapper.selected .node-plus-button.bottom,.topic-node-wrapper:hover .node-plus-button.bottom,.node-plus-button.bottom:hover{opacity:1;transform:translate(-50%)scale(1)}.node-plus-button:hover{box-shadow:0 4px 12px #3b82f659;color:#fff!important;background-color:#3b82f6!important;border-color:#3b82f6!important;transform:translateY(-50%)scale(1.15)!important}.node-plus-button.bottom:hover{transform:translate(-50%)scale(1.15)!important}.node-plus-button:focus,.node-plus-button:focus-visible{border-color:#0000001a!important;outline:none!important}.react-flow__handle{opacity:0!important;border:none!important}.node-toolbar{white-space:nowrap;z-index:50;background:#fffffffa;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:2px;height:40px;padding:0 6px;display:flex;box-shadow:0 6px 16px #0000001f}.node-icon-btn{aspect-ratio:1;cursor:pointer;color:#333;background:0 0;border-radius:50%;place-items:center;height:85%;padding:0;font-size:18px;transition:background-color .2s;display:grid;box-shadow:none!important;border:none!important}.node-icon-btn:hover{background-color:#0000000d}.popup-panel{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:fit-content;max-width:450px;padding:16px;animation:.15s ease-out popup-fade;box-shadow:0 10px 30px #0003}.popup-panel input,.popup-panel textarea,.popup-panel select{box-sizing:border-box;max-width:100%}@keyframes popup-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.popup-grid{flex-wrap:wrap;gap:8px;display:flex}.color-picker-grid{grid-template-columns:repeat(10,24px);justify-content:center;gap:6px 1px;display:grid}.popup-color-btn{cursor:pointer;border:1px solid #00000026;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:transform .1s;display:flex}.popup-color-btn:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.popup-color-btn.active{transform:scale(1.1)}@keyframes popIn{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.topic-node-enter{transform-origin:50%;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards popIn}.theme-dark .node-toolbar{background:#2a2a2afa!important;border-color:#444!important}.theme-dark .node-icon-btn{color:#eee!important}.theme-dark .node-icon-btn:hover{background-color:#ffffff1a!important}.theme-dark .popup-panel{background:var(--popup-bg,#2a2a2a)!important;color:#eee!important;border-color:#444!important}.theme-dark .popup-panel input,.theme-dark .popup-panel textarea{color:#eee!important;background:#222!important;border-color:#444!important}.theme-dark .popup-panel [style*="color: #555"],.theme-dark .popup-panel [style*="color: rgb(85, 85, 85)"],.theme-dark .popup-panel [style*="color: #777"],.theme-dark .popup-panel [style*="color: rgb(119, 119, 119)"]{color:#bbb!important}.theme-dark .popup-panel [style*="background: #eee"],.theme-dark .popup-panel [style*="background: rgb(238, 238, 238)"]{background:#444!important}.theme-dark .popup-panel [style*="border-bottom: 1px solid #eee"]{border-bottom:1px solid #444!important}.topic-node-wrapper.is-valid-target{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.topic-node-wrapper.is-valid-target:hover{z-index:1000;border-radius:inherit;cursor:crosshair;position:relative;transform:scale(1.05)!important;box-shadow:0 0 0 2px #fff,0 0 0 5px #3b82f6,0 10px 25px #3b82f64d!important}.topic-node-wrapper.is-valid-target:hover:after{content:"➰ Verbinden";color:#fff;pointer-events:none;white-space:nowrap;background:#3b82f6;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:600;animation:1s ease-in-out infinite alternate floatBadge;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #3b82f64d}@keyframes floatBadge{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-3px)}}.theme-dark .topic-node-wrapper.is-valid-target:hover{box-shadow:0 0 0 2px #121212,0 0 0 5px #3b82f6,0 10px 25px #3b82f666!important}@keyframes edgeSparkRun{0%{stroke-dasharray:0 2000;stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 10px #3b82f6)}50%{stroke-dasharray:250 2000;opacity:1;filter:drop-shadow(0 0 15px #3b82f6)}to{stroke-dashoffset:-2000px;stroke-dasharray:0 2000;opacity:0}}.interconnection-spark{transform-origin:50%;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards edgeSparkRun!important}@keyframes edgePop{0%{opacity:.5;filter:drop-shadow(0 0 #3b82f6)}30%{opacity:1;filter:drop-shadow(0 0 8px #3b82f6)}to{opacity:1;filter:none}}.interconnection-spark-group{animation:1.5s ease-out forwards edgePop}.theme-dark .node-plus-button{color:#ccc;background:#2a2a2ae6;border-color:#555}.theme-dark .node-plus-button:hover{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}:root{color:#213547;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;font-family:inherit}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){a:hover{color:#747bff}}.react-flow__node.node-drop-target>div{transition:box-shadow .12s;box-shadow:0 0 0 2px #3b82f6e6,0 10px 22px #3b82f659!important}@keyframes drop-ghost-pulse{0%,to{opacity:.9}50%{opacity:.55}}.drop-ghost-rect{animation:1.1s ease-in-out infinite drop-ghost-pulse}.theme-dark{--btn-border:#444;--btn-bg:#2a2a2a;--btn-text:#eee;--btn-primary-border:#666;--btn-primary-bg:#555;--btn-primary-text:white;--bg-hover:#444;--active-bg:#1e3a8a;--active-border:#3b82f6;--input-bg:#1e1e1e;--text-muted:#aaa;--page-bg:#121212;--surface-bg:#1e1e1e;--surface-border:#333;--text-primary:#eee}body.theme-dark{color:#eee;background-color:#121212}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark p,body.theme-dark span,body.theme-dark label{color:inherit}body.theme-dark a{color:#818cf8}body.theme-dark input,body.theme-dark textarea,body.theme-dark select{color:#eee;background:#1e1e1e;border-color:#444}body.theme-dark button:not([class*=react-flow]){color:inherit}body.theme-dark select{color:#eee;background:#1e1e1e;border-color:#444}body.theme-dark select option{color:#eee;background:#1e1e1e}:is(.react-flow:has(.react-flow__node.dragging) .react-flow__node,.react-flow:has(.react-flow__node.dragging) .react-flow__edge-path){transition:none!important}.rf-animate-layout .react-flow__node{transition:transform .28s cubic-bezier(.22,1,.36,1)}.react-flow__edge-path{transition:d .4s cubic-bezier(.175,.885,.32,1.275)}.react-flow__nodesselection-rect,.react-flow__nodesselection{box-shadow:none!important;background:0 0!important;border:none!important}.react-flow__nodesselection-rect{box-shadow:none!important;background:0 0!important}.react-flow__nodesselection{box-shadow:none!important;background:0 0!important;border:none!important;display:none!important}