.sp-block{position:absolute;border:2px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--card-foreground));font-size:.75rem;box-shadow:0 1px 2px #0000000f;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-block.selected{border-color:hsl(var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,hsl(var(--primary)) 25%,transparent)}.sp-block.link-source{outline:2px dashed hsl(187 85% 43%)}.sp-block .sp-block-label{display:flex;align-items:center;gap:.2rem;font-size:.625rem;font-weight:700;text-transform:uppercase;color:hsl(var(--muted-foreground));padding:.25rem .5rem 0}.sp-block .sp-block-body{outline:none;line-height:1.35;white-space:pre-wrap;padding:0 .5rem .5rem}.sp-block .sp-block-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:4px;background:hsl(var(--destructive) / .12);color:hsl(var(--destructive));font-size:14px;line-height:1;cursor:pointer;opacity:0;z-index:3}.sp-block:hover .sp-block-delete,.sp-block.selected .sp-block-delete{opacity:1}.sp-block .sp-resize-handle{position:absolute;width:8px;height:8px;background:hsl(var(--primary));border:1px solid hsl(var(--background));border-radius:2px;opacity:0;z-index:3}.sp-block.selected .sp-resize-handle{opacity:1}.sp-resize-handle.nw{top:-4px;left:-4px;cursor:nwse-resize}.sp-resize-handle.n{top:-4px;left:50%;margin-left:-4px;cursor:ns-resize}.sp-resize-handle.ne{top:-4px;right:-4px;cursor:nesw-resize}.sp-resize-handle.w{top:50%;left:-4px;margin-top:-4px;cursor:ew-resize}.sp-resize-handle.e{top:50%;right:-4px;margin-top:-4px;cursor:ew-resize}.sp-resize-handle.sw{bottom:-4px;left:-4px;cursor:nesw-resize}.sp-resize-handle.se{bottom:-4px;right:-4px;cursor:nwse-resize}.sp-resize-handle.s{bottom:-4px;left:50%;margin-left:-4px;cursor:ns-resize}.sp-float-text{position:absolute;min-width:16px;min-height:10px;padding:2px 4px;font-size:.75rem;cursor:move}.sp-float-text .sp-block-body{outline:none;white-space:pre-wrap}.sp-block.shape-clipped{border:none!important;background:transparent!important;box-shadow:none;--block-fill: hsl(var(--card));--block-stroke: hsl(var(--border))}.sp-block.shape-clipped:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--block-fill);border:2px solid var(--block-stroke);z-index:0;pointer-events:none}.sp-block.shape-clipped.selected:before{border-color:hsl(var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,hsl(var(--primary)) 25%,transparent)}.sp-block.shape-clipped.selected{border:none!important;box-shadow:none}.sp-block.shape-clipped .sp-block-label,.sp-block.shape-clipped .sp-block-body{position:relative;z-index:1;width:100%}.sp-block.shape-clipped .sp-block-delete,.sp-block.shape-clipped .sp-resize-handle{z-index:2}.sp-block.shape-diamond:before{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.sp-block.shape-diamond{min-height:20px;min-width:20px;padding:1.35rem 1.1rem}.sp-block.shape-hex:before{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.sp-block.shape-hex{min-height:20px;min-width:20px;padding:1rem 1.35rem}.sp-block.shape-octagon:before{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%)}.sp-block.shape-octagon{min-height:20px;min-width:20px;padding:1rem 1.15rem}.sp-block.shape-triangle:before{clip-path:polygon(50% 6%,6% 94%,94% 94%)}.sp-block.shape-triangle{min-height:20px;min-width:20px;padding:1.65rem 1.15rem .75rem}.sp-block.shape-pill{border-radius:999px;text-align:center;background:color-mix(in srgb,hsl(262 83% 58%) 10%,hsl(var(--card)));border-color:#7c3bed;min-height:20px;padding:.55rem .9rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.sp-block.shape-lane{min-height:40px;min-width:40px;border-style:dashed;background:color-mix(in srgb,hsl(var(--muted)) 50%,transparent)}.sp-block.shape-frame{min-height:40px;min-width:40px;border-style:dashed;background:color-mix(in srgb,hsl(var(--muted)) 30%,transparent)}.sp-image-block{position:absolute;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--card));overflow:hidden;box-shadow:0 1px 2px hsl(var(--foreground) / .06)}.sp-image-block.selected{outline:2px solid hsl(var(--primary));outline-offset:2px}.sp-image-block-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-image-block-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:hsl(var(--muted-foreground));font-size:.75rem}.sp-image-block-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:hsl(var(--background) / .65);font-size:.7rem;color:hsl(var(--muted-foreground))}.sp-canvas-file-drag{border-color:hsl(var(--primary))}.sp-conn-port{position:absolute;width:22px;height:22px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--primary));font-size:14px;line-height:1;cursor:crosshair;z-index:5;display:flex;align-items:center;justify-content:center;padding:0}.sp-conn-port:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sp-waypoint-handle{position:absolute;width:22px;height:22px;border-radius:999px;border:2px solid hsl(var(--primary));background:hsl(var(--card));cursor:move;padding:0;box-shadow:0 0 0 1px hsl(var(--background))}.sp-waypoint-handle:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:999px;background:hsl(var(--primary))}.sp-waypoint-handle:hover{border-color:hsl(var(--primary));background:color-mix(in srgb,hsl(var(--primary)) 15%,hsl(var(--card)))}.sp-conn-path.selected{stroke-width:3;filter:drop-shadow(0 0 2px hsl(var(--primary)))}.sp-conn-hit.selected-hit{stroke:color-mix(in srgb,hsl(var(--primary)) 18%,transparent)}.scratchpad-palette .sp-symbol-trigger{gap:.25rem}.sp-symbol-block{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:.15rem;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.sp-symbol-block .sp-block-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:4px;background:hsl(var(--destructive) / .12);color:hsl(var(--destructive));font-size:14px;line-height:1;cursor:pointer;opacity:0;z-index:3;padding:0}.sp-symbol-block:hover .sp-block-delete,.sp-symbol-block.selected .sp-block-delete{opacity:1}.sp-symbol-block .sp-resize-handle{position:absolute;width:8px;height:8px;background:hsl(var(--primary));border:1px solid hsl(var(--background));border-radius:2px;opacity:0;z-index:3}.sp-symbol-block.selected .sp-resize-handle{opacity:1}.sp-image-block .sp-block-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:4px;background:hsl(var(--destructive) / .12);color:hsl(var(--destructive));font-size:14px;line-height:1;cursor:pointer;opacity:0;z-index:3;padding:0}.sp-image-block:hover .sp-block-delete,.sp-image-block.selected .sp-block-delete{opacity:1}.sp-image-block .sp-resize-handle{position:absolute;width:8px;height:8px;background:hsl(var(--primary));border:1px solid hsl(var(--background));border-radius:2px;opacity:0;z-index:3}.sp-image-block.selected .sp-resize-handle{opacity:1}.sp-symbol-block.selected{outline:2px solid hsl(var(--primary));outline-offset:2px;border-radius:4px}.sp-symbol-block.link-source{outline:2px dashed hsl(187 85% 43%);outline-offset:2px}.sp-symbol-label{font-size:9px;line-height:1.1;text-align:center;color:hsl(var(--muted-foreground));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-canvas-height-handle{height:10px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;border-top:1px solid hsl(var(--border) / .6);background:hsl(var(--muted) / .25)}.sp-canvas-height-handle:hover{background:hsl(var(--muted) / .5)}.sp-canvas-height-handle-bar{width:2.5rem;height:3px;border-radius:999px;background:hsl(var(--border))}.sp-selection-marquee{position:absolute;border:1px dashed hsl(var(--primary));background:color-mix(in srgb,hsl(var(--primary)) 10%,transparent);pointer-events:none;z-index:7}.sp-shape-preview{position:absolute;border:2px dashed hsl(var(--primary));background:color-mix(in srgb,hsl(var(--primary)) 8%,transparent);pointer-events:none;z-index:6;box-sizing:border-box}.sp-shape-preview.is-circle{border-radius:50%}