.blocklyPath{filter:drop-shadow(2px 2px 2px rgba(0,0,0,.15)) drop-shadow(-1px -1px 1px rgba(255,255,255,.7));transition:filter .15s ease-out}.blocklyDragging .blocklyPath{filter:drop-shadow(8px 12px 10px rgba(0,0,0,.25)) drop-shadow(-1px -1px 1px rgba(255,255,255,.7))}.blocklyPathLight,.blocklyPathDark{display:none}.blocklyDraggable image{pointer-events:none!important}.blocklyHtmlInput{background-color:#fff!important;color:#000!important;font-family:Rubik,sans-serif!important;font-weight:500!important;font-size:16px!important;border-radius:4px!important;border:1px solid #1d4ed8!important;box-shadow:0 2px 5px #0000001a!important;text-align:center!important;z-index:1000!important;min-width:40px!important;padding-top:6px!important;padding-bottom:2px!important;line-height:normal!important;box-sizing:border-box!important}.blocklyWidgetDiv .blocklyHtmlInput{color:#000!important}.blocklyToolboxDiv{background-color:#f8fafc;border-right:1px solid #e2e8f0;width:80px!important;-ms-overflow-style:none;scrollbar-width:none}.blocklyToolboxDiv::-webkit-scrollbar{display:none}.blocklyScrollbarHorizontal,.blocklyScrollbarVertical{display:none!important}.blocklyTooltipDiv{background-color:#333!important;color:#fff!important;border-radius:8px!important;padding:8px 12px!important;font-family:Rubik,sans-serif!important;font-size:14px!important;box-shadow:0 4px 12px #0003!important;border:none!important;opacity:.9!important}.blocklyDropDownDiv{border-radius:16px!important;box-shadow:0 8px 20px #00000040!important;border:2px solid rgba(255,255,255,.5)!important;padding:0!important;overflow:hidden!important}.blocklyDropDownContent{padding:0!important}.blocklyNumpad{display:flex;flex-direction:column;width:160px;padding:10px;background-color:transparent;box-sizing:border-box;font-family:Rubik,sans-serif}.blocklyNumpadDisplay{background:#fff;border-radius:8px;padding:4px;font-size:24px;font-weight:800;text-align:center;color:#333;margin-bottom:10px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #0000001a}.blocklyNumpadGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.blocklyNumpadBtn{height:40px;border:none;background:#fff;border-radius:8px;font-size:18px;font-weight:700;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #00000026;transition:all .1s;margin-bottom:4px}.blocklyNumpadBtn:active{transform:translateY(4px);box-shadow:0 0 #00000026;margin-bottom:0;margin-top:4px}.blocklyNumpadAction{background-color:#ff6b6b!important;color:#fff!important;box-shadow:0 4px #c92a2a!important}.blocklyNumpadAction:active{box-shadow:0 0 #c92a2a!important}.blocklyNumpadOk{background-color:#51cf66!important;color:#fff!important;box-shadow:0 4px #2b8a3e!important}.blocklyNumpadOk:active{box-shadow:0 0 #2b8a3e!important}.blocklyNumpadBtn i{font-size:16px}.blocklySoundRecorder{display:flex;flex-direction:column;gap:10px;padding:12px;font-family:Rubik,sans-serif;width:250px}.blocklySoundRecorder-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.blocklySoundRecorder-btn.record{background-color:#4ade80;color:#fff;box-shadow:0 4px #16a34a}.blocklySoundRecorder-btn.record:active{transform:translateY(2px);box-shadow:0 2px #16a34a}.blocklySoundRecorder-btn.record.recording{background-color:#f43f5e;box-shadow:0 4px #be123c}.blocklySoundRecorder-btn.record.recording:active{box-shadow:0 2px #be123c}.blocklySoundRecorder-canvas{width:100%;height:50px;background-color:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.blocklySoundRecorder-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;padding-right:5px}.blocklySoundRecorder-list .empty-list{text-align:center;color:#94a3b8;font-size:12px;padding:10px}.blocklySoundRecorder-list .list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;font-weight:500;transition:background-color .2s ease}.blocklySoundRecorder-list .list-item:hover{background-color:#f1f5f9}.blocklySoundRecorder-list .item-controls{display:flex;align-items:center;gap:4px}.blocklySoundRecorder-list .item-controls button{background:transparent;border:none;cursor:pointer;width:28px;height:28px;border-radius:50%;color:#64748b;font-size:12px;transition:all .2s ease}.blocklySoundRecorder-list .item-controls button:hover{background-color:#e2e8f0;color:#1e293b}.blocklyDropDownDiv .goog-menu{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:8px!important;background:linear-gradient(135deg,#e2e8f0,#cbd5e1,#94a3b8)!important;border:none!important;box-shadow:inset 0 2px 10px #0000001a!important}.blocklyDropDownDiv .goog-menuitem{margin:0!important;padding:0!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:68px!important;height:68px!important;background-color:#ffffff80!important;box-shadow:0 2px 4px #0000001a!important;transition:all .2s ease!important;border:1px solid rgba(255,255,255,.8)!important;overflow:hidden!important}.blocklyDropDownDiv .goog-menuseparator{display:none!important}.blocklyDropDownDiv .goog-menuitem.goog-menuitem-hover,.blocklyDropDownDiv .goog-menuitem.goog-option-selected{background-color:#ffffffe6!important;border-color:#3b82f6!important;transform:scale(1.05);box-shadow:0 4px 8px #0003!important}.blocklyDropDownDiv .goog-menuitem-content{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow:hidden!important}.blocklyDropDownDiv .goog-menuitem img{width:80%!important;height:80%!important;object-fit:contain!important;max-width:100%!important;max-height:100%!important;display:block!important}.blocklyDropdownArrow{display:none!important}.category-row{height:80px!important;min-height:80px!important;padding:0!important;border-left:0!important;border-bottom:1px solid #e2e8f0}.category-row:last-child{border-bottom:none}.category-row .blocklyTreeLabel{color:transparent;font-size:0}.start-category-icon,.motion-category-icon,.looks-category-icon,.sound-category-icon,.control-category-icon,.end-category-icon{background-size:65px 65px;background-repeat:no-repeat;background-position:center}.start-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/StartOn.svg);background-color:#fef9c3!important}.blocklyTreeRow.blocklyTreeSelected.start-category-icon{background-color:#fef08a!important}.motion-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/MotionOn.svg);background-color:#e0f2fe!important}.blocklyTreeRow.blocklyTreeSelected.motion-category-icon{background-color:#bae6fd!important}.looks-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/LooksOn.svg);background-color:#f3e8ff!important}.blocklyTreeRow.blocklyTreeSelected.looks-category-icon{background-color:#e9d5ff!important}.sound-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/SoundOn.svg);background-color:#dcfce7!important}.blocklyTreeRow.blocklyTreeSelected.sound-category-icon{background-color:#bbf7d0!important}.control-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/FlowOn.svg);background-color:#ffedd5!important}.blocklyTreeRow.blocklyTreeSelected.control-category-icon{background-color:#fed7aa!important}.end-category-icon{background-image:url(https://raw.githubusercontent.com/scratchfoundation/scratchjr/develop/editions/free/src/assets/categories/StopOn.svg);background-color:#fee2e2!important}.blocklyTreeRow.blocklyTreeSelected.end-category-icon{background-color:#fecaca!important}
