:root{--toolbox-width:180px;--flyout-offset:180px;--flyout-gap:20px;--flyout-width:240px}.blocklyToolboxDiv{width:var(--toolbox-width)!important;background:linear-gradient(180deg,#1e293b,#0f172a)!important;border-right:1px solid rgba(148,163,184,.2)!important;box-shadow:0 0 15px rgba(0,0,0,.4);color:#f8fafc!important;padding-top:8px!important}.blocklyToolbox{padding:0 10px}@media (max-width:640px){:root{--toolbox-width:140px;--flyout-offset:140px;--flyout-width:200px}}@media (min-width:641px) and (max-width:1024px){:root{--toolbox-width:160px;--flyout-offset:160px;--flyout-width:220px}}.blocklyToolboxCategory,.blocklyTreeRow{height:48px!important;margin:8px 6px!important;border-radius:12px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:rgba(63,81,101,.2)!important;border:1px solid rgba(148,163,184,.1)!important;color:#cbd5e1!important;position:relative!important;gap:10px!important;padding:0 15px!important;cursor:pointer!important}.blocklyFlyout{border-left:1px solid hsla(0,0%,100%,.05)!important}.blocklyToolboxDiv{border-right:none!important;background-color:#112!important}.blocklyToolboxCategoryIcon,.blocklyTreeIcon,.blocklyTreeRowContentContainer>.blocklyTreeIcon,.blocklyTreeSeparator{display:none!important}.blocklyToolboxCategory:hover,.blocklyTreeRow:hover{background-color:rgba(63,81,101,.4)!important;transform:translateY(-1px)}.blocklyToolboxCategory.blocklyToolboxSelected,.blocklyTreeRow.blocklyTreeSelected{background-color:rgba(59,130,246,.2)!important;border:1px solid rgba(59,130,246,.5)!important;color:#fff!important;box-shadow:0 0 15px rgba(59,130,246,.2),inset 0 0 10px rgba(59,130,246,.1)!important}.blocklyTreeRowContentContainer{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0!important;margin:0!important}.blocklyToolboxLabel,.blocklyTreeLabel{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:13px!important;padding:0!important;margin:0!important;width:auto!important;text-align:center!important;display:block!important;white-space:nowrap!important}@media (max-width:640px){.blocklyTreeRow{height:36px!important;line-height:36px!important;padding:0 10px!important;margin:3px 6px!important;border-radius:6px!important}.blocklyTreeLabel,.blocklyTreeRow{font-size:11px!important}}@media (min-width:641px) and (max-width:1024px){.blocklyTreeRow{height:40px!important;line-height:40px!important;padding:0 12px!important}.blocklyTreeLabel,.blocklyTreeRow{font-size:12px!important}}.blocklyToolboxCategory:hover,.blocklyTreeRow:hover{background-color:rgba(97,116,138,.4)!important;border-color:rgba(148,163,184,.3)!important;color:#fff!important;transform:translateX(2px)!important}.blocklyToolboxCategory.blocklyToolboxSelected,.blocklyTreeRow.blocklyTreeSelected{background:rgba(59,130,246,.25)!important;border:2px solid rgba(59,130,246,.6)!important;box-shadow:0 0 15px rgba(59,130,246,.3)!important;pointer-events:none!important}.blocklyToolboxCategory.blocklyToolboxSelected .blocklyToolboxLabel,.blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel{color:#fff!important;font-weight:700!important}.blocklyTreeRow input[type=checkbox]{display:none!important}.blocklyToolboxIcon,.blocklyTreeIcon{margin-right:8px!important;width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.blocklyFlyout{transition:opacity .2s ease!important;background:linear-gradient(180deg,#0f172a,#0c1224 55%,#0b1220)!important;z-index:10!important;border-right:1px solid rgba(148,163,184,.15)!important;box-shadow:4px 0 18px rgba(0,0,0,.25),inset -2px 0 8px rgba(0,0,0,.18)!important;backdrop-filter:blur(6px)!important;padding-top:6px!important;pointer-events:auto!important}@media (max-width:640px){.blocklyFlyout{padding-top:4px!important}.blocklyFlyout .blocklyDraggable{min-width:160px!important;margin:4px 2px!important}.blocklyFlyout .blocklyBlockCanvas>g,.blocklyFlyout .blocklyPath,.blocklyFlyout .blocklyPathDark,.blocklyFlyout .blocklyPathLight{min-width:160px!important}.blocklyFlyout .blocklyText{min-width:120px!important;font-size:11px!important}}@media (min-width:641px) and (max-width:1024px){.blocklyFlyout .blocklyBlockCanvas>g,.blocklyFlyout .blocklyDraggable,.blocklyFlyout .blocklyPath,.blocklyFlyout .blocklyPathDark,.blocklyFlyout .blocklyPathLight{min-width:180px!important}.blocklyFlyout .blocklyText{min-width:140px!important}}.blocklyScrollbarHorizontal,.blocklyScrollbarVertical{z-index:20!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important}.blocklyScrollbarHorizontal:hover,.blocklyScrollbarVertical:hover{opacity:1!important;pointer-events:auto!important}.blocklyToggleBtn{position:absolute;top:14px;left:calc(var(--toolbox-width) + var(--flyout-width) - 20px);z-index:9999!important;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(148,163,184,.3);background:#1e293b;color:#f1f5f9;font-size:16px;box-shadow:0 4px 12px rgba(0,0,0,.4);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.blocklyToggleBtn{top:8px;padding:6px 8px;font-size:11px}}@media (min-width:641px) and (max-width:1024px){.blocklyToggleBtn{top:9px;padding:7px 9px;font-size:12px}}.blocklyToggleBtn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.3)}.blockly-panels-collapsed .blocklyToolboxDiv{display:none!important}.blockly-panels-collapsed .blocklyFlyout{transform:translate(calc(-1 * (var(--flyout-offset) + var(--flyout-gap))))!important;opacity:0;pointer-events:none;visibility:hidden}.blockly-panels-collapsed .blocklyFlyoutBackground{visibility:hidden}.blockly-panels-collapsed .blocklyToggleBtn{left:200px;background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 15px rgba(59,130,246,.5)}.blockly-panels-collapsed .blocklyFlyout .blocklyScrollbarHorizontal,.blockly-panels-collapsed .blocklyFlyout .blocklyScrollbarVertical,.blockly-panels-collapsed .blocklyFlyoutScrollbar,.blockly-panels-collapsed .blocklyFlyoutScrollbarHorizontal,.blockly-panels-collapsed .blocklyFlyoutScrollbarVertical{display:none!important;opacity:0!important;pointer-events:none!important}.blockly-panels-collapsed .blocklyFlyout{overflow:hidden!important}.blocklyFlyoutBackground{fill:rgba(15,23,42,.85)!important;stroke:rgba(148,163,184,.15)!important;stroke-width:1px!important}.blocklyFlyout .blocklyDraggable{min-width:200px!important;margin:6px 4px!important;transition:filter .15s ease!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))!important}.blocklyFlyout .blocklyDraggable:hover{filter:brightness(1.03) drop-shadow(0 4px 8px rgba(0,0,0,.26))!important}.blocklyFlyout .blocklyBlockCanvas>g,.blocklyFlyout .blocklyPath,.blocklyFlyout .blocklyPathDark,.blocklyFlyout .blocklyPathLight{min-width:200px!important}.blocklyFlyout .blocklyText{min-width:150px!important}.blocklyDraggable:hover{filter:brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,.1))!important;cursor:grab!important}.blocklyDragging{filter:brightness(1.1) drop-shadow(0 8px 16px rgba(0,0,0,.25))!important;cursor:grabbing!important;opacity:.9!important}.blocklySelected>.blocklyPath{stroke:#3b82f6!important;stroke-width:3px!important;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))!important}.blocklyInsertionMarker>.blocklyPath{fill:rgba(59,130,246,.2)!important;stroke:#3b82f6!important;stroke-width:2px!important;stroke-dasharray:5,5!important;animation:dash .5s linear infinite!important}@keyframes dash{to{stroke-dashoffset:-10!important}}.blocklyText{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:500!important}.blocklyScrollbarHandle{rx:4px!important;transition:fill .2s ease,opacity .2s ease!important;fill:#94a3b8!important;opacity:0!important}.blocklyScrollbarHorizontal:hover .blocklyScrollbarHandle,.blocklyScrollbarVertical:hover .blocklyScrollbarHandle{opacity:1!important}.blocklyScrollbarHandle:hover{fill:#e2e8f0!important}.blocklyFlyoutButton{border-radius:8px!important;transition:all .2s ease!important}.blocklyFlyoutButton:hover{filter:brightness(1.1)!important;transform:scale(1.02)!important}.blocklySeparator{opacity:.15!important}.blocklyMainBackground{stroke:none!important}.blocklyTrash{opacity:.7!important;transition:opacity .15s ease!important}.blocklyTrash:hover{opacity:1!important}.blocklyGridPattern line{stroke:#e2e8f0!important;stroke-opacity:.5!important}.blocklyCommentTextarea{color:#1e293b!important;font-family:var(--font-family-button)!important;line-height:1.4!important;padding:4px!important}