.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--base-primary:var(--purple-500);--logic-primary:var(--yellow-500);--loops-primary:var(--pink-500);--tinyfarm-primary:var(--green-500)}.blocklyToolbox{width:11.5rem;background-color:hsl(var(--background)/.8)!important;padding:1rem;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blocklyToolbox.toolbox-hidden{width:0;overflow:hidden!important;padding-left:0;padding-right:0}.blocklyToolboxCategoryLabel{font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}.blocklyFlyout{border-left-width:var(--border-width-md)!important;border-color:hsl(var(--muted))!important;background-color:hsl(var(--background)/.8)!important;--tw-backdrop-blur:blur(12px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.blocklyFlyoutBackground{display:none}.blocklyFlyout.blocklyTrashcanFlyout{border-style:none!important}.blocklyScrollbarHorizontal,.blocklyScrollbarVertical{opacity:.7!important;transition:opacity .3s ease!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}.blocklyScrollbarHorizontal:not(:hover),.blocklyScrollbarVertical:not(:hover){opacity:.4!important}.blocklyWorkspace:hover .blocklyScrollbarHorizontal,.blocklyWorkspace:hover .blocklyScrollbarVertical{opacity:.8!important}.blocklyScrollbarVertical{width:8px!important;background-color:initial!important;display:block!important}.blocklyScrollbarVertical .blocklyScrollbarHandle{background-color:#c0c0c0!important;border-radius:4px!important;border:none!important;width:6px!important;margin:1px!important;pointer-events:none!important;display:block!important}.blocklyScrollbarHorizontal{height:8px!important;background-color:initial!important;display:block!important}.blocklyScrollbarHorizontal .blocklyScrollbarHandle{background-color:#c0c0c0!important;border-radius:4px!important;border:none!important;height:6px!important;margin:1px!important;pointer-events:none!important;display:block!important}.blocklyScrollbarHorizontal .blocklyScrollbarHandle:hover,.blocklyScrollbarHorizontal:hover,.blocklyScrollbarVertical .blocklyScrollbarHandle:hover,.blocklyScrollbarVertical:hover{background-color:inherit!important;cursor:default!important}.blocklyScrollbarCorner{background-color:initial!important;display:none!important}.blockly-label{font-weight:600;font-size:14px;color:#5f6368;padding:8px 16px;margin:4px 0;background:rgba(0,0,0,.05);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.blocklyToolboxDiv{background-color:#ffffff!important;border-right:1px solid #e0e0e0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;width:220px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important}.blocklyToolboxDiv:before{content:"Blocks";display:block;padding:16px 20px 12px;font-size:16px;font-weight:600;color:#5f6368;background:#ffffff;border-bottom:1px solid #e8eaed;margin:0;position:sticky;top:0;z-index:10}.blocklyToolboxContents{padding:8px 0!important;overflow-y:visible!important;overflow-x:hidden!important}.blocklyToolboxCategoryContainer{position:relative!important;display:inline-flex;height:2.5rem;max-width:100%;cursor:pointer!important;align-items:center;gap:.5rem;white-space:nowrap;border-radius:calc(var(--radius) - .25rem);padding-left:.75rem;padding-right:.75rem;color:hsl(var(--secondary-foreground));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.blocklyToolboxCategoryContainer:hover{background-color:hsl(var(--secondary)/.5)!important}.blocklyToolboxCategoryContainer:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--ring))}.blocklyToolboxCategoryContainer.blocklyActiveFocus{background-color:hsl(var(--secondary)/.5)!important}.blocklyActiveFocus .blocklyToolboxCategoryLabel,.blocklyPassiveFocus .blocklyToolboxCategoryLabel{color:hsl(var(--secondary-foreground))!important}.blocklyToolboxCategoryGroup{gap:.25rem}.blocklyToolboxCategory{margin:0!important;display:flex;height:.75rem;align-items:center;border-left-width:.75rem!important;border-style:dotted!important;background-color:initial!important;padding-left:.5rem!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{margin-top:-.125rem}.blocklySvg{top:-1px;height:calc(100% + .125rem);background-color:hsl(var(--card))}.blocklyMainBackground:is(.dark *){opacity:.2}.blocklySvg feFlood{flood-color:hsl(var(--green-400))}.blocklyToolboxContents::-webkit-scrollbar{display:none!important}.blocklyToolboxContents{scrollbar-width:none!important;-ms-overflow-style:none!important}.blocklyFlyout::-webkit-scrollbar{display:none!important}.blocklyFlyout{scrollbar-width:none!important;-ms-overflow-style:none!important}.blocklyScrollbarHorizontal.blocklyFlyoutScrollbar,.blocklyScrollbarVertical.blocklyFlyoutScrollbar{display:none!important;opacity:0!important;visibility:hidden!important}.blocklyHtmlInput{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;cursor:text!important}.blocklyDropdownDiv,.blocklyHtmlInput,.blocklyWidgetDiv{pointer-events:auto!important;z-index:9999!important}.blocklyWidgetDiv input,.blocklyWorkspace input,[data-radix-portal] .blocklyHtmlInput,[data-radix-portal] .blocklyWidgetDiv input{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;cursor:text!important}[data-radix-portal] .blocklyHtmlInput,[data-radix-portal] .blocklyWidgetDiv input{position:relative!important;z-index:99999!important}