.demo-platform{--foreground: 220 14% 10%;--background: 220 14% 98%;--muted: 220 10% 92%;--muted-foreground: 220 10% 46%;--card: 0 0% 100%;--card-foreground: 220 14% 10%;--popover: 0 0% 100%;--popover-foreground: 220 14% 10%;--border: 220 8% 86%;--input: 0 0% 100%;--primary: 220 15% 10%;--primary-foreground: 0 0% 100%;--primary-hover: 220 15% 18%;--secondary: 220 10% 96%;--secondary-foreground: 220 14% 16%;--accent: 220 12% 88%;--accent-foreground: 220 14% 10%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--ring: 220 15% 10%;--canvas: 0 0% 100%;--canvas-dot: 220 10% 86%;--shadow-color: 220 15% 60%;--node-accent: 211 100% 50%;--node-selected: 243 75% 59%;--node-ring: 220 6% 90%;--connection: #555;--selected: #2196f3;--secondary-hover: 220 14% 16%;--accent-emerald: 149 80% 90%;--accent-emerald-foreground: 161 94% 30%;--accent-indigo: 226 100% 94%;--accent-indigo-foreground: 243 75% 59%;--accent-pink: 326 78% 95%;--accent-pink-foreground: 333 71% 51%;--datatype-pink: 333.3 71.4% 50.6%;--datatype-pink-foreground: 325.7 77.8% 94.7%;--datatype-rose: 346.8 77.2% 49.8%;--datatype-rose-foreground: 355.6 100% 94.7%;--datatype-yellow: 40.6 96.1% 40.4%;--datatype-yellow-foreground: 54.9 96.7% 88%;--datatype-blue: 221.2 83.2% 53.3%;--datatype-blue-foreground: 214.3 94.6% 92.7%;--datatype-gray: 215 13.8% 34.1%;--datatype-gray-foreground: 220 14.3% 95.9%;--datatype-lime: 84.8 85.2% 34.5%;--datatype-lime-foreground: 79.6 89.1% 89.2%;--datatype-red: 0 72.2% 50.6%;--datatype-red-foreground: 0 93.3% 94.1%;--datatype-violet: 262.1 83.3% 57.8%;--datatype-violet-foreground: 251.4 91.3% 95.5%;--datatype-emerald: 161.4 93.5% 30.4%;--datatype-emerald-foreground: 149.3 80.4% 90%;--datatype-fuchsia: 293.4 69.5% 48.8%;--datatype-fuchsia-foreground: 287 100% 95.5%;--datatype-purple: 271.5 81.3% 55.9%;--datatype-purple-foreground: 268.7 100% 95.5%;--datatype-cyan: 191.6 91.4% 36.5%;--datatype-cyan-foreground: 185.1 95.9% 90.4%;--datatype-indigo: 243.4 75.4% 58.6%;--datatype-indigo-foreground: 226.5 100% 93.9%;--datatype-orange: 20.5 90.2% 48.2%;--datatype-orange-foreground: 34.3 100% 91.8%;--node-card: 100% 0 0;--node-card-output: 96% .002 260;--node-input: 100% 0 0;--node-input-border: 88% .003 260;--radius: .5rem;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1}.dark .demo-platform{--foreground: 220 12% 96%;--background: 220 16% 6%;--muted: 220 12% 16%;--muted-foreground: 220 10% 62%;--card: 220 14% 10%;--card-foreground: 220 12% 96%;--popover: 220 14% 10%;--popover-foreground: 220 12% 96%;--border: 220 12% 20%;--input: 220 14% 10%;--primary: 220 12% 96%;--primary-foreground: 220 16% 6%;--primary-hover: 220 12% 85%;--secondary: 220 12% 16%;--secondary-foreground: 220 12% 90%;--accent: 220 12% 14%;--accent-foreground: 220 12% 96%;--destructive: 0 84% 60%;--destructive-foreground: 220 12% 96%;--ring: 220 12% 96%;--canvas: 220 18% 3%;--canvas-dot: 220 10% 20%;--shadow-color: 220 20% 4%;--node-accent: 211 100% 60%;--node-selected: 234 89% 74%;--node-ring: 220 6% 90%;--connection: #6d6c6c;--selected: #0369a1;--secondary-hover: 220 12% 90%;--accent-emerald: 164 86% 16%;--accent-emerald-foreground: 158 64% 52%;--accent-indigo: 242 25% 34%;--accent-indigo-foreground: 234 89% 74%;--accent-pink: 336 69% 30%;--accent-pink-foreground: 329 86% 70%;--datatype-pink: 327.4 87.1% 81.8%;--datatype-pink-foreground: 333.3 71.4% 50.6%;--datatype-rose: 352.6 95.7% 81.8%;--datatype-rose-foreground: 346.8 77.2% 49.8%;--datatype-yellow: 50.4 97.8% 63.5%;--datatype-yellow-foreground: 40.6 96.1% 40.4%;--datatype-blue: 211.7 96.4% 78.4%;--datatype-blue-foreground: 221.2 83.2% 53.3%;--datatype-gray: 216 12.2% 83.9%;--datatype-gray-foreground: 215 13.8% 34.1%;--datatype-lime: 82 84.5% 67.1%;--datatype-lime-foreground: 84.8 85.2% 34.5%;--datatype-red: 0 93.5% 81.8%;--datatype-red-foreground: 0 72.2% 50.6%;--datatype-violet: 252.5 94.7% 85.1%;--datatype-violet-foreground: 262.1 83.3% 57.8%;--datatype-emerald: 156.2 71.6% 66.9%;--datatype-emerald-foreground: 161.4 93.5% 30.4%;--datatype-fuchsia: 291.1 93.1% 82.9%;--datatype-fuchsia-foreground: 293.4 69.5% 48.8%;--datatype-purple: 268.6 100% 91.8%;--datatype-purple-foreground: 272.1 71.7% 47.1%;--datatype-cyan: 187 92.4% 69%;--datatype-cyan-foreground: 191.6 91.4% 36.5%;--datatype-indigo: 229.7 93.5% 81.8%;--datatype-indigo-foreground: 243.4 75.4% 58.6%;--datatype-orange: 20.5 90.2% 48.2%;--datatype-orange-foreground: 30.7 97.2% 72.4%;--node-card: 21% .009 264;--node-card-output: 26% .009 264;--node-input: 21% .009 264;--node-input-border: 28% .009 264;--xy-controls-button-background-color-default: transparent;--xy-controls-button-color-default: hsl(var(--foreground));--xy-controls-button-background-color-hover-default: hsl(var(--accent));--xy-controls-button-border-color-default: hsl(var(--border))}.demo-platform .react-flow,.demo-platform .react-flow__background{background-color:hsl(var(--canvas))}.demo-platform .react-flow__background-pattern-dots{fill:hsl(var(--canvas-dot))}.demo-dots{background-color:hsl(var(--canvas));background-image:radial-gradient(hsl(var(--canvas-dot)) 1.2px,transparent 1.3px);background-size:20px 20px}.demo-platform .react-flow__pane,.demo-platform .react-flow__node{cursor:default}.demo-platform .demo-edge{fill:none;stroke:hsl(var(--muted-foreground) / .45);stroke-width:1.5px;transition:stroke .2s ease,stroke-width .2s ease}.demo-platform .demo-edge.is-active{stroke:hsl(var(--d-accent));stroke-width:2px}.demo-edge-label{position:absolute;pointer-events:none;padding:2px 8px;border-radius:999px;border:1px solid hsl(var(--border));background:oklch(var(--node-card));color:hsl(var(--muted-foreground));font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.demo-edge-label.is-active{color:hsl(var(--d-accent));border-color:hsl(var(--d-accent) / .45)}.demo-platform .react-flow__edgelabel-renderer{z-index:2}.demo-platform .react-flow__handle{width:10px;height:10px;min-width:0;min-height:0;border:1.5px solid hsl(var(--border));border-radius:50%;background:oklch(var(--node-card));pointer-events:none}.demo-platform .react-flow__handle-left{left:-5px}.demo-platform .react-flow__handle-right{right:-5px}.demo-platform .react-flow__handle-top{top:-5px}.demo-platform .react-flow__handle-bottom{bottom:-5px}.demo-platform .generic-node-div{--color-background: oklch(var(--node-card));--color-input: oklch(var(--node-input-border));background:oklch(var(--node-card));transition:box-shadow .2s ease,border-color .2s ease}.demo-platform .demo-node.is-active{border-color:hsl(var(--d-accent) / .6);box-shadow:0 0 0 3px hsl(var(--d-accent) / .22)}.demo-platform .demo-node-check{color:hsl(var(--d-accent))}.demo-platform .demo-node-icon-sm{width:28px;height:28px;border-radius:8px}.demo-chip{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:11px;line-height:16px;font-weight:500;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.demo-chip.is-picked{color:hsl(var(--primary-foreground));background:hsl(var(--d-accent));border-color:hsl(var(--d-accent))}.demo-badge{position:absolute;top:-10px;right:12px;padding:1px 8px;border-radius:999px;background:hsl(var(--d-accent));color:hsl(var(--primary-foreground));font-size:11px;line-height:18px;font-weight:600;white-space:nowrap;animation:demo-badge-in .2s cubic-bezier(.2,.8,.2,1) both}@keyframes demo-badge-in{0%{opacity:0;transform:translateY(4px)}}.demo-group{background:hsl(var(--d-accent) / .06);border-color:hsl(var(--d-accent) / .2)}.dark .demo-group{background:hsl(var(--d-accent) / .12);border-color:hsl(var(--d-accent) / .3)}.demo-group-tile svg{fill:hsl(var(--d-accent) / .14)}.demo-group-tile{color:hsl(var(--d-accent))}.dark .demo-group-tile{color:color-mix(in oklab,hsl(var(--d-accent)),white 35%)}.dark .demo-group-tile svg{fill:hsl(var(--d-accent) / .26)}.demo-caption-closed{cursor:pointer;padding:0 12px;border-radius:12px;background:oklch(var(--node-card) / .6);border:1px solid hsl(var(--border) / .8)}.demo-sheet-scrim{background:hsl(var(--foreground) / .32);animation:demo-fade-in .2s ease both}.demo-sheet{animation:demo-sheet-in .24s cubic-bezier(.2,.8,.2,1) both}@keyframes demo-fade-in{0%{opacity:0}}@keyframes demo-sheet-in{0%{transform:translateY(24px);opacity:0}}@media(prefers-reduced-motion:reduce){.demo-platform .demo-edge,.demo-edge-label,.demo-platform .generic-node-div,.demo-chip{transition:none}.demo-badge,.demo-sheet-scrim,.demo-sheet{animation:none}}@layer components{.demo-shell{--d-line: hsl(220 13% 90%)}.demo-rail{--fade-l: 0px;--fade-r: 0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent 100%)}.dark .demo-shell{--d-line: hsl(220 10% 22%)}}