:root{--space-0: 0;--space-1: .0625rem;--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-14: .875rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-48: 3rem;--space-64: 4rem;--space-xs: var(--space-4);--space-sm: var(--space-8);--space-md: var(--space-12);--space-lg: var(--space-16);--space-xl: var(--space-24);--space-2xl: var(--space-32);--space-3xl: var(--space-48);--font-size-10: .625rem;--font-size-11: .6875rem;--font-size-12: .75rem;--font-size-13: .8125rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-32: 2rem;--font-xs: var(--font-size-12);--font-sm: var(--font-size-13);--font-base: var(--font-size-14);--font-md: var(--font-size-16);--font-lg: var(--font-size-18);--font-xl: var(--font-size-20);--font-2xl: var(--font-size-24);--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--btn-height-sm: 2rem;--btn-height-md: 2.5rem;--btn-height-lg: 3rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--icon-size-xl: 2rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--shadow-xs: 0 .0625rem .125rem rgba(0, 0, 0, .05);--shadow-sm: 0 .0625rem .1875rem rgba(0, 0, 0, .1);--shadow-base: 0 .125rem .25rem rgba(0, 0, 0, .1);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .12);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){html{font-smoothing:antialiased;-webkit-font-smoothing:antialiased}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;line-height:var(--leading-normal)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-4)}.p-2{padding:var(--space-8)}.p-3{padding:var(--space-12)}.p-4{padding:var(--space-16)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-4)}.m-2{margin:var(--space-8)}.m-3{margin:var(--space-12)}.m-4{margin:var(--space-16)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--font-xs: .75rem;--font-sm: .8125rem;--font-md: 1rem;--font-lg: 1.125rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--dot-size: .5rem;--icon-size: 1rem}:global(body){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#e9eef2;color:#2d3748;min-height:100vh;overflow:hidden;margin:0;padding:0}.connection-status{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-xs);color:#fffc;background:#ffffff26;padding:.375rem var(--space-md);border-radius:var(--radius-lg);font-weight:500}.connection-status.connected{color:#fff;background:#4cd96440}.status-dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:#fff9}.connection-status.connected .status-dot{background:#4cd964;box-shadow:0 0 var(--space-sm) #4cd964}.blocklyWorkspace svg.blocklySvg{width:100%!important;height:100%!important}.blocklyWorkspace .blocklyText,.blocklyWorkspace text{font-size:12px!important}.blocklyWorkspace .blocklyEditableText,.blocklyWorkspace .blocklyNonEditableText,.blocklyWorkspace .blocklyDropdownText{font-size:12px!important}.blocklyWorkspace .blocklyTreeLabel{font-size:10px!important}.blocklyWorkspace .blocklyPath,.blocklyWorkspace .blocklyPathLight,.blocklyWorkspace .blocklyPathDark{vector-effect:non-scaling-stroke!important}.blocklyWorkspace .blocklyTrash{width:48px!important;height:48px!important}.blocklyWorkspace .blocklyZoom{width:32px!important;height:auto!important}.blocklyWorkspace .blocklyZoom image{width:32px!important;height:32px!important}.blocklyWorkspace input.blocklyHtmlInput{font-size:12px!important;padding:2px 4px!important}.blocklyWorkspace .blocklyCommentRect{rx:4!important;ry:4!important}.blocklyWorkspace .blocklyCommentText{font-size:11px!important}@media(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.blocklyWorkspace{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.blocklyWorkspace svg{shape-rendering:crispEdges}.blocklyWorkspace text{shape-rendering:geometricPrecision;text-rendering:geometricPrecision}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.blocklyWorkspace .blocklyBlockCanvas{max-width:100vw!important;max-height:100vh!important}.blocklyWorkspace .blocklyDraggable{max-width:600px!important}}.blocklyWorkspace .categoryIcon{max-width:1.5rem!important;max-height:1.5rem!important;width:1.5rem!important;height:1.5rem!important}.blocklyWorkspace .categoryIconContainer{width:100%!important;height:auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.blocklyWorkspace .blocklyToolboxDiv{min-width:56px!important;max-width:56px!important;width:56px!important;padding:4px 0!important}.blocklyWorkspace .blocklyToolboxCategory{height:56px!important;min-height:56px!important;padding-right:0!important}.blocklyWorkspace .blocklyTreeRow{padding:0!important;min-height:56px!important;height:56px!important}.blocklyWorkspace .blocklyTreeLabel{font-size:9px!important;max-width:100%!important;width:100%!important;text-align:center!important}.blocklyWorkspace .blocklyFlyout{max-width:400px!important;width:400px!important;min-width:400px!important;overflow-y:scroll!important;overflow-x:visible!important;pointer-events:auto!important}.blocklyWorkspace .blocklyFlyout>svg{width:400px!important}.blocklyWorkspace .blocklyFlyout .blocklyText{font-size:12px!important}.blocklyWorkspace .blocklyFlyout .blocklyPath{stroke-width:1px!important}.blocklyWorkspace .blocklyFlyout .blocklyDraggable{position:relative}.blocklyWorkspace .blocklyFlyout .blocklyDraggable:hover{z-index:10000!important}.blocklyWorkspace .blocklyFlyout>.blocklyScrollbarVertical{right:0!important}.blocklyWorkspace .blocklyInsertionMarker{opacity:.3!important}.blocklyWidgetDiv,.blocklyWidgetDiv input,.blocklyWidgetDiv select{font-size:12px!important}.blocklyWidgetDiv .goog-palette{font-size:0!important}.blocklyWidgetDiv .goog-palette-cell{width:20px!important;height:20px!important}.blocklyWidgetDiv .blocklyAngleCircle{r:50!important}.blocklyWidgetDiv .goog-menuitem{font-size:12px!important;padding:4px 8px!important}.blocklyWorkspace .blocklyToolboxCategory{display:flex!important;align-items:center;justify-content:center;margin-right:0}.blocklyWorkspace .blocklyToolbox{padding:0;scrollbar-color:#E3E3E3 white}