.top-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:#fff;box-shadow:var(--shadow-sm)}.control-buttons{display:flex;gap:var(--spacing-2)}.button-start{background-color:var(--success-color);height:65px;min-font-size:60px;color:var(--text-light);border-radius:250px!important;box-shadow:0 1px #000,2px 3px #0003}.button-stop{background-color:var(--error-color);color:var(--text-light);height:65px;box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button-save{background-color:var(--primary-color);color:var(--text-light);height:65px;box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button-menu{background-color:var(--secondary-color);color:var(--text-light);box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button-connect{background-color:var(--secondary-color);color:var(--text-light);height:65px;box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button-profile{background-color:#fff;color:var(--text-light);height:65px;box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button-code-view{color:var(--text-light);height:65px;box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important}.button:hover{opacity:.9;transform:translateY(-0px)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0000001a;z-index:1;border-radius:var(--radius-md)}.dropdown:hover .dropdown-content{display:block}.language-selector{padding:1rem}.language-selector span{display:block;padding-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.language-selector button{display:block;width:100%;padding:.5rem;text-align:left;border:none;background:none;cursor:pointer}.language-selector button:hover{background-color:var(--background-light)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.9)}to{transform:scale(1)}}.button-connect.pulse{animation:pulse 1s infinite;transform-origin:center}@media screen and (min-width: 769px){.button-menu{width:65px!important;height:65px!important;padding:10px}}@media screen and (max-width: 768px){.logo svg{max-width:90px}.button.button-start,.button.button-stop,.button.button-profile,.button.button-save{min-width:55px;max-height:55px;padding:10px}.button-menu{min-width:55px!important;max-height:55px!important;padding:10px}.button.button-connect,.button.button-clear,.button.button-code-view{min-width:55px;max-height:55px;padding:10px}.button.button-start svg{max-width:20px}.button svg{max-width:20px;margin:auto!important;width:auto!important;height:auto!important}.button{min-width:55px!important;min-height:55px!important;padding:10px!important}.button.button-clear svg{margin-left:2px}.button.button-code-view svg{margin-left:2px}.button-save svg{min-width:20px}.button-connect svg{min-width:20px}.top-nav{min-height:150px!important}.category-button{width:70px!important;height:60px!important}}@media screen and (max-width: 620px){.top-nav{flex-direction:column;gap:var(--spacing-3)}.control-buttons:first-of-type{width:100%;display:flex;align-items:center;padding:0 5%}.control-buttons:first-of-type .logo{margin-right:none}.control-buttons:first-of-type .button{margin-left:5px}.control-buttons:last-of-type{width:100%;display:flex;justify-content:space-between;padding:0 5%}}.icon-selector{position:relative;display:inline-block;margin-left:0;margin-top:9px}.icon-button svg{max-height:34px!important}.icon-trigger{background:none;border:none;cursor:pointer;padding:0}.icon-selector-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.icon-popup{position:relative;background:#003c9a;padding:40px;z-index:10000;box-shadow:0 2px 10px #0000001a;border-radius:8px;width:80%;max-width:900px;height:auto;max-height:90vh}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:30px;justify-items:center}.icon-button{background:#fff;min-width:90px!important;min-height:90px!important;max-height:90px!important;max-width:90px!important;padding:10px!important;cursor:pointer;border:5px solid black;border-radius:200px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;padding:0}.icon-button:hover{background-color:#f5f5f5}@media (max-width: 1024px){.icon-selector{margin-top:9px}.icon-popup{width:90%;max-width:400px}.icon-button{width:50px;height:50px}.icon-button svg{width:30px;height:30px}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-items:center}}@media (max-width: 768px){.icon-selector{margin-left:0}}.save-popup-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.save-popup{position:relative;background:#007bff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;z-index:1001}.close-button{position:absolute;top:10px;right:20px;background:none;border:none;cursor:pointer}.save-popup-content{display:flex;flex-direction:column;align-items:center}.save-popup-button{background-color:#fff;color:#007bff;border:none;padding:10px 20px;margin:40px 0;border-radius:4px;cursor:pointer;font-size:16px}.save-popup-button:hover{background-color:#0056b3}.delete-zone{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background-color:#c00;border:3px solid #1d1d1b;opacity:0;pointer-events:none;z-index:9999}.delete-zone.visible{opacity:1;pointer-events:all}.programming-area{position:relative;width:100%;height:100%;overflow:hidden}.programming-area-container{display:flex;flex-direction:column;gap:var(--spacing-4);height:100%;min-width:100%}.programming-area-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.programming-area-controls{display:flex;gap:var(--spacing-2)}.programming-area-content{position:relative;flex-grow:1;min-height:400px;width:100%;min-width:100vw;padding:var(--spacing-4);background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.programming-area-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--text-secondary);border:2px dashed var(--secondary-color);border-radius:var(--radius-lg);font-size:1.1rem}.dropped-blocks{display:flex;flex-direction:row;gap:var(--spacing-4);min-width:max-content;height:fit-content}.zoomable-container{border-top:20px solid #f3f4f6;border-right:20px solid #f3f4f6;border-left:20px solid #f3f4f6}.block{position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .2s ease;z-index:2}.block-icon.movement-icon{margin-bottom:-21px}.block-drop-indicator{position:absolute;width:100%;height:100%;background-color:#2563eb1a;border:2px dashed var(--primary-color);border-radius:var(--radius-md);pointer-events:none;z-index:1;transition:all .2s ease;left:0;top:0}.block-drop-indicator.before{top:-2rem;margin-bottom:2rem}.block-drop-indicator.after{bottom:-2rem;margin-top:2rem}.block.drop-target{outline:none;transform:translate(4rem)}.block.shift-right{transform:translate(4rem)}.block-steering{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;margin-right:-10px;margin-top:2px;margin-left:-14px!important;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 163.14"><path fill="%23585758" stroke="%23000000" stroke-width="2" d="M111.91,161.14H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V.65c0-.45.45-.77.87-.61l51.1,18.46c1.75.63,3.67.61,5.41-.05L111.01.06c.43-.16.88.15.88.61v64.74c0,1.37-1.11,2.48-2.48,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important}.block-display{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 161.54"><path fill="%23ff4f14" stroke="%23000000" stroke-width="2" d="M111.91,159.54H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V27.9S17.65,10.35,41.23,2.81c12.61-4.04,25.8-3.6,38.38.55,22.35,7.37,32.3,24.54,32.3,24.54v35.92c-.01,1.37-1.13,2.48-2.5,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important;color:#fff;margin-right:-10px}.block-movement{width:117px;height:163px;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 163.41"><path fill="%23003c9a" stroke="%23000000" stroke-width="2" d="M111.91,161.41H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V29.77L55.15,1.33c3.16-1.81,7.06-1.76,10.17.13l46.59,28.31v35.92c-.01,1.37-1.13,2.48-2.5,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important}.block.block-movement .block-icon-container{max-width:40px}.block.block-movement{margin-right:-10px}.block{box-shadow:none!important}.block-combination{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 163.41"><path fill="%23003c9a" stroke="%23000000" stroke-width="2" d="M111.91,161.41H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V29.77L55.15,1.33c3.16-1.81,7.06-1.76,10.17.13l46.59,28.31v35.92c-.01,1.37-1.13,2.48-2.5,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important}.block.block-combination .block-icon-container{max-width:40px}.block.block-combination{margin-right:-10px}.block-sound{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;margin-right:-10px;margin-top:1px!important;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 162.57"><path fill="%23f71f66" stroke="%23000000" stroke-width="2" d="M111.91,160.57H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V29.68c0-.76.51-1.42,1.24-1.62L109.57.07c1.17-.32,2.32.56,2.32,1.77v63.01c0,1.37-1.11,2.48-2.48,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important}.block-settings{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;margin-right:-10px;justify-content:center;align-items:center;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 113.91 163.14"><path fill="%23585758" stroke="%23000000" stroke-width="2" d="M111.91,161.14H5.58v-45.86c0-1.37-1.11-2.49-2.49-2.49h-.61c-1.37,0-2.49-1.11-2.49-2.49v-37.23c0-1.37,1.11-2.49,2.49-2.49h.61c1.37,0,2.49-1.11,2.49-2.49V.65c0-.45.45-.77.87-.61l51.1,18.46c1.75.63,3.67.61,5.41-.05L111.01.06c.43-.16.88.15.88.61v64.74c0,1.37-1.11,2.48-2.48,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>');min-height:150px!important}.block-settings .block-icon-container{width:40px}.block:hover{transform:translateY(-0px);box-shadow:none}.block-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-weight:500}.block-title{font-size:1.1rem;color:#000}.block-description{color:var(--text-secondary);font-size:.9rem}.debug-view{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:#f8f9fa;border-radius:var(--radius-md);font-family:monospace}.debug-view pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.button-execute{background-color:var(--success-color);color:#fff}.button-execute:disabled{background-color:var(--secondary-color);opacity:.7;cursor:not-allowed}.button-execute.executing{background-color:var(--warning-color);animation:pulse 2s infinite}.button-clear{background-color:var(--error-color);color:var(--text-light);box-shadow:0 1px #000,2px 3px #0003;border-radius:250px!important;border:3px solid #1D1D1B!important}.button-clear:disabled{opacity:.7;cursor:not-allowed}.programming-area .block-input-container{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#fff;padding:0;border-top:2px solid black;border-radius:4px;box-shadow:0 2px 5px #0000;border-left:2px solid black;border-right:2px solid black;border-bottom:2px solid black}.child-blocks-container .block .block-input-container{bottom:-10px!important;left:50%!important}.block-input{padding:.25rem .5rem;border:1px solid var(--secondary-color);border-radius:var(--radius-sm);font-size:.9rem}.block-input-number{width:80px}.block-input-select{width:auto;min-width:120px}.block-input-text{width:100%;max-width:200px;padding:.25rem .5rem;border:1px solid var(--secondary-color);border-radius:var(--radius-sm);font-size:.9rem}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.block-container{position:relative;min-height:120px;min-width:200px;transition:all .3s ease;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.programming-area .block-container:before,.programming-area .block-container:after{content:"";position:absolute;background-color:transparent;min-height:110px}.programming-area .block-container:before{left:1px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%2016.9%2049.5'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2395c11f;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.7.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%201.2.0%20Build%20142)%20--%3e%3cg%3e%3cg%20id='Layer_1'%3e%3cg%3e%3cpath%20class='cls-1'%20d='M12.1,49c-4.7,0-9.6-4.5-9.6-8.5v-15.8c0-1.9,1.4-3.5,3.1-3.7.1,0,.2,0,.3,0h0c.9,0,1.8.3,2.4,1s1.1,1.7,1.1,2.7c0,2.3,0,7.8,0,12s2.4,5.3,5.3,5.3h1.9c.1,0,.2,0,.2.2v6.6c0,.1,0,.2-.2.2h-4.6Z'/%3e%3cpath%20d='M5.9,21.5s0,0,0,0c.8,0,1.4.3,2,.8s1,1.5,1,2.4v8.2s0,4.5,0,4.5c0,2.8,2.3,5.1,5.1,5.1h2.8v6h-4.8c-5,0-9.1-4.1-9.1-9.1v-14.7c0-1.7,1.2-3.1,2.7-3.2h0s0,0,0,0c0,0,.1,0,.2,0M6,20.5c-.1,0-.3,0-.4,0-2,.2-3.6,2-3.6,4.2v14.7c0,5.6,4.5,10.1,10.1,10.1h4.8v-8h-2.5c-2.4,0-4.4-2-4.4-4.4v-12.4c0-1.1-.4-2.2-1.1-3s-1.8-1.2-2.9-1.2h0Z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;width:35px;top:45px;z-index:1000}.programming-area .block-container:after{right:1px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20viewBox='0%200%2035%2049.4'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%2395c11f;%20}%20%3c/style%3e%3c/defs%3e%3c!--%20Generator:%20Adobe%20Illustrator%2028.7.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%201.2.0%20Build%20142)%20--%3e%3cg%3e%3cg%20id='Layer_1'%3e%3cg%3e%3cpath%20class='cls-1'%20d='M19.5,6.9c-5,.2-9.1,4.4-9,9.4s2.3,6.9,5.4,8.3c.2,0,.3.1.5.2.2,0,.3.1.5.2v12.2c0,2.9-2.3,5.2-5.2,5.2H0v6h0s12.5,0,12.5,0c5.8,0,10.5-4.7,10.5-10.5v-13c.2,0,.3-.1.5-.2.2,0,.3-.2.5-.2,3.1-1.5,5.2-4.7,5.2-8.3,0-5.2-4.3-9.5-9.6-9.3Z'/%3e%3cpath%20d='M18.6,6c-4.6.5-8.4,4.2-9,8.8s2.2,9.2,6.3,10.9v11.1c0,2.6-2.1,4.7-4.7,4.7H0v.9h11.7c2.9,0,5.3-2.4,5.3-5.3v-12.1c-.2,0-.3-.1-.5-.2-.2,0-.3-.1-.5-.2-3.2-1.5-5.4-4.6-5.4-8.3s4-9.3,9-9.4,9.6,4.1,9.6,9.3-2.1,6.8-5.2,8.3c-.2,0-.3.2-.5.2-.2,0-.3.1-.5.2v13c0,5.8-4.7,10.5-10.5,10.5H0v1h12.5c6.3,0,11.5-5.2,11.5-11.5v-12.3c3.6-1.6,6.2-5.2,6.2-9.4,0-6.1-5.3-10.9-11.5-10.2Z'/%3e%3c/g%3e%3cpath%20d='M22.3,18.4c.4,0,.8-.1,1.2-.2,1-.2,1.5-.8,1.8-1.4s.1-1.4-.2-2.1c-.2-.4-.5-.8-.9-1-.4-.2-.8-.4-1.3-.5-.2,0-.4,0-.6,0s-.3.2-.3.4c0,.2,0,.4.1.5.1.1.3.2.5.2,0,0,.2,0,.3,0,0,0,.2,0,.3,0,.4.1.7.4.9.6.2.3.3.6.2,1,0,.3-.1.6-.3.8s-.5.3-1,.4c-.6,0-1.3.1-1.9.1-.7,0-1.3,0-1.9,0-.3,0-.5,0-.8,0s-.6,0-.8,0c0-.3,0-.5,0-.8s0-.5,0-.7c0-.4-.2-.6-.4-.7s-.5,0-.8.1c-.4.3-.7.6-1.1.8-.4.3-.7.6-1.1.9-.2.1-.3.3-.3.4s0,.3.2.5c.4.4.8.8,1.2,1.2.4.4.8.8,1.2,1.2.2.2.3.2.5.1s.2-.2.3-.5c0-.2.1-.4.1-.6s0-.4.1-.7c.6,0,1.3,0,1.9,0s1.2,0,1.8,0c.4,0,.8,0,1.2,0h0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;width:80px;top:42.2px;min-height:113px}.programming-area .block-container{position:relative}.programming-area .block-container>*:first-child:after{content:"";position:absolute;Top:137px;left:30px;right:50px;height:13px;background-color:#95c11f;border-radius:5px;border:2.5px solid black}.programming-area .block-container .block-input-container{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#fff;padding:0;border-top:2px solid black;border-radius:4px;box-shadow:0 2px 5px #0000;border-left:2px solid black;border-right:2px solid black;border-bottom:2px solid black;z-index:100}.block-container.drag-over{border-color:#fff;transform:scale(1.02)}.block.dragging{opacity:.5;position:relative;z-index:1000;transform:scale(1.05);transition:transform .2s}.block.drop-target{transform:translate(20px);transition:transform .2s}.block-drop-indicator{position:absolute;height:4px;background-color:#2563eb;width:100%;transition:all .2s}@media screen and (max-width: 768px){.blocks-container{justify-content:left!important}.zoomable-container{border-top:0px!important;border-right:0px!important;border-left:0px!important}.programming-area{box-shadow:none!important;border:none!important}.programming-area-blocks{width:100vw!important}}.programming-area-blocks{position:relative;width:calc(100vw - 2rem);height:80vh;min-height:40vh;background-color:#fff;border-radius:var(--radius-lg);box-shadow:none;padding:var(--spacing-4);overflow:auto;margin-top:-1rem!important;flex:1}.block-chain-container{position:absolute;display:flex;flex-direction:row;gap:var(--spacing-4);width:fit-content;cursor:grab;z-index:10;-webkit-user-select:none;user-select:none;transition:transform .1s ease;padding:1rem;min-width:200px}.programming-area-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:5;display:none}.programming-area-overlay.active{display:block}.block-chain-container{position:absolute;display:flex;flex-direction:row;gap:var(--spacing-4);width:fit-content;cursor:grab;z-index:10;-webkit-user-select:none;user-select:none;transition:all .2s ease;padding:1rem;min-width:200px;border-radius:var(--radius-md)}.block-chain-container:hover{background-color:#0000}.block-chain-container.dragging{cursor:grabbing;background-color:#0000}.block-chain-container:has(.block:hover){background-color:transparent}.block-visual-container{position:relative;width:100%}.icon-box{position:absolute;bottom:100%;left:0;width:100%;height:50px;border-radius:4px;display:none;align-items:center;justify-content:center}.block-icon{width:100%;height:100%;object-fit:contain}.block-icon-container{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:55px!important;height:70px;pointer-events:none;z-index:1}.child-blocks-container .block{min-height:110px!important;margin-right:-25px;transform:translateY(-0px)!important}.category-image{max-height:40px}.block-display .block-icon-container{width:65px}.block-icon{width:100%;height:100%;object-fit:contain;opacity:1;transition:all .2s ease}.movement-icon,.sound-icon{filter:brightness(1)}.block:hover .block-icon{opacity:1;transform:scale(1)}@media (prefers-contrast: high){.block-icon{opacity:1;filter:none}}@media (prefers-reduced-motion: reduce){.block-icon{transition:none}}@media print{.block-icon{opacity:1;filter:none}}@font-face{font-family:CustomFont;src:url(/assets/MoreSugar-Regular-BN_AnNQj.otf) format("truetype")}.number-button{font-family:CustomFont,sans-serif}.custom-number-input{position:relative;display:inline-block}.custom-number-input input{width:30px;text-align:center;font-family:CustomFont,sans-serif;cursor:pointer;height:20px!important;padding:2px!important;border:none!important}.number-input-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.popup{position:relative;background:#003c9a;padding:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;z-index:10000;border-radius:8px;width:80%;max-width:450px;height:auto;max-height:90vh}.number-button{background:#fff;width:100px;height:100px;font-size:40px;cursor:pointer;border:5px solid black;border-radius:100px;transition:background-color .2s}.number-button:hover{background-color:#f5f5f5}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:5px}@media (max-width: 1024px){.popup{width:280px}.number-button{width:50px;height:50px;font-size:20px}}.block-dragging{transform:scale(1.05);transition:transform .2s;will-change:transform;touch-action:none}.programming-area.drag-over{background-color:#2563eb1a;transition:background-color .2s}.block{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}@media (hover: none) and (pointer: coarse){.block{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.block-dragging{transform:scale(1.1);box-shadow:0 8px 16px #0003}.programming-area.drag-over{background-color:#2563eb26;transition:background-color .2s ease}}@media (max-width: 1024px){.block{min-height:60px;margin-bottom:1rem}.block-input-container input,.block-input-container select{min-height:24px;font-size:16px}}.blocks-container{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;width:100%;gap:1rem;padding:1rem 2rem;margin:1rem 0;padding-bottom:40px}.block{height:100px;width:100px;position:relative;padding-bottom:10px;margin-left:-22px;border-radius:0!important}.block-input-text,.block-input-number,.block-input-select{width:100%;padding:0;border:1px solid var(--secondary-color);border-radius:var(--radius-sm);font-size:.9rem;background-color:#fff;min-width:50px}.range-container{display:flex;align-items:center;gap:var(--spacing-2)}.block-input-range{flex-grow:1;height:6px;-webkit-appearance:none;background:var(--secondary-color);border-radius:3px;outline:none}.block-input-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:background .3s ease-in-out}.block-input-range::-webkit-slider-thumb:hover{background:var(--primary-hover)}.range-value{min-width:2.5em;text-align:center;padding:2px 6px;background:var(--background-light);border-radius:var(--radius-sm);font-size:.8rem}.block-input-select{cursor:pointer}.block-input-select option{padding:var(--spacing-1) var(--spacing-2)}.category-button[data-category=Control]{background-color:#575757}.category-button[data-category="LED Display"]{background-color:#ff4f14}.category-button[data-category=Movement]{background-color:#003c9a}.category-button[data-category=Sounds]{background-color:#f71f66}.categories{position:relative;overflow-y:auto}@media (min-width: 768px){.robo-illustration-container{position:absolute;top:150px;right:0;width:auto;height:auto;z-index:100}.robo-illustration:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,#fff,#fff0 80%);pointer-events:none;z-index:99}[data-block-id=leds-off]{margin-right:250px}}@media (min-width: 768px){.robo-illustration{max-width:300px;height:auto;z-index:999;padding:40px;background:linear-gradient(to left,#fff,#fff0 80%)}}@media (max-width: 767px){.robo-illustration-container{display:none}}@media (max-width: 767px){.robo-illustration{display:none}}@font-face{font-family:CustomFont;src:url(/assets/MoreSugar-Regular-BN_AnNQj.otf) format("truetype")}.code-view-popup pre{border:none!important;box-shadow:none!important}.code-view-popup button{padding:5px 15px;margin-top:0;margin-bottom:20px!important;border-radius:200px;font-family:CustomFont,sans-serif!important;font-size:18px!important;cursor:pointer;text-shadow:none!important;transition:.3s}.code-view-popup-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc}.code-view-popup{position:relative;background:#003c9a;padding:20px;z-index:10000;box-shadow:0 2px 10px #0000001a;border-radius:8px;width:80%;max-width:800px;height:auto;max-height:90vh;overflow:auto}.close-button{position:absolute;top:0;right:10px;background:transparent;border:none;cursor:pointer;padding:5px}.close-button:hover{background-color:transparent;border-radius:50%}.code-view-popup h2{margin-bottom:20px;font-family:CustomFont,sans-serif;color:#fff;font-weight:400}.second-input{display:none!important}.programming-container{display:flex;flex-direction:column;min-height:100vh;height:100vh;background-color:#f3f4f6;width:100vw;margin:0;padding:0;overflow-x:hidden}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background-color:#003c9a;min-height:100px;box-shadow:0 0 #000,0 4px #0003;width:100%}.control-buttons{display:flex;gap:.5rem}.button{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.375rem;color:#fff;cursor:pointer;border:none;white-space:nowrap}.button svg{width:1rem;height:1rem;margin-right:0rem;flex-shrink:0}.button-start{background-color:#0cbd0f;border:3px solid #1D1D1B}.button-stop{background-color:#c00;border:3px solid #1D1D1B}.button-save{background-color:#0cbd0f;border:3px solid #1D1D1B}.button-menu{background-color:#2c2c2c;border:3px solid #1D1D1B}.button-connect,.button-code-view{background-color:#939;border:3px solid #1D1D1B}.button-profile{border:3px solid #1D1D1B}.button-clear{background-color:#c00;height:65px}.button-start:hover,.button-stop:hover,.button-save:hover,.button-menu:hover,.button-connect:hover,.button-clear:hover,.button-code-view:hover,.button-profile:hover{box-shadow:inset 0 4px 6px #0000004d}.lucide.lucide-menu{margin:auto}.programming-area{flex-grow:1;background-color:#fff;border-radius:0rem;border:2px solid #e5e7eb;box-shadow:0 4px 6px #0000001a;min-height:200px;overflow-y:auto;width:auto}.programming-area-placeholder{padding:1rem;text-align:center;color:#9ca3af}.categories{background-color:#fff;padding:0rem;width:100%;box-sizing:border-box;min-height:50vh}.category-buttons{display:flex;justify-content:left;padding:1rem 2rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem;border-bottom:20px solid #f3f4f6;border-top:20px solid #f3f4f6}.category-button{padding:.5rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .2s;white-space:nowrap;min-height:70px;width:70px;border-radius:10px;border:3px solid #1d1d1b;background:#00a302;box-shadow:1px 1px #000,3px 3px #0003}.category-button{font-size:.4em}.category-button:active{box-shadow:inset 0 4px 6px #0000004d!important}.category-button:hover,.category-button:active{box-shadow:inset 0 4px 6px #0000004d}.category-button.active-steering{background-color:#22c55e;color:#fff}.block{width:var(--block-width);height:var(--block-height);min-width:var(--block-width);min-height:var(--block-height);max-width:var(--block-width);max-height:var(--block-height)}.block-container{--container-height: 120px;height:var(--container-height);display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;padding:1rem;position:relative;transition:all .3s ease}.child-blocks-container{display:flex;flex-direction:row;gap:.5rem;margin-left:1.5rem;margin-right:1.5rem;padding-left:.5rem;padding-right:3.5rem;padding-bottom:100px;min-height:160px;width:100%;background:#ffffff1a;border-radius:var(--radius-sm);align-items:center}.child-block{flex-shrink:0;margin:0}.block-container.has-children{min-width:max-content}.block-container.drag-over{border-color:#fff;background-color:var(--success-color-dark)}.child-blocks-container::-webkit-scrollbar{height:6px}.child-blocks-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.child-blocks-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.child-blocks-container::-webkit-scrollbar-thumb:hover{background:#fff6}.block-header{display:flex;align-items:center;margin-bottom:.5rem}.block-header svg{width:1.25rem;height:1.25rem;margin-right:.5rem;flex-shrink:0}.block-title{font-weight:500;font-size:.9rem}.block-description{font-size:.75rem;opacity:.9}.dropped-blocks{display:flex;flex-direction:row;gap:1rem;padding:1rem;flex-wrap:wrap}.block-start{--block-height: 100px;height:var(--block-height);position:relative;display:flex;align-items:center;padding:1rem 1rem 1rem 3rem;margin-left:-10px;border-radius:0 var(--radius-md) var(--radius-md) 0}.block-start .block-input-container,.block-end .block-input-container,.block-sound .block-input-container{display:none!important}.block-end{--block-height: 100px;height:var(--block-height);position:relative;display:flex;align-items:center;padding:1rem;margin-right:.5rem;border-radius:var(--radius-md) 0 0 var(--radius-md)}.block-end:after{content:"";position:absolute;top:0;margin-left:-23px;height:100%;width:3rem}.block-end:hover:after,.block-end:hover{background-color:var(--error-color-dark)}.block-start.dragging,.block-end.dragging{opacity:.8}.block-start{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;justify-content:center;align-items:center;min-height:150px!important;width:126.48px;height:161.14px;margin:1px -11px -2px -30px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 128.48 163.14"><path fill="%2300983a" stroke="%23000000" stroke-width="2" d="M126.48,161.14H20.16C-5.64,113.13-6.73,55.64,17.21,6.68l2.95-6.03c0-.45.45-.77.87-.61l105.44,15.04v50.34c0,1.37-1.11,2.48-2.48,2.48h0c-1.37,0-2.49,1.11-2.49,2.49v42.44c0,1.37,1.11,2.49,2.49,2.49h.01c1.37,0,2.49,1.11,2.49,2.49v43.34Z"/></svg>')}.block-start .block-icon-container{max-width:40px!important}.block-start .block-icon-container,.block-end .block-icon-container{width:42px;top:53%}.dropped-blocks .block-start{margin-right:-3px!important}.block-end .block-icon-container,.block-settings .block-icon-container{max-width:40px!important}.block-end{background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;justify-content:center;align-items:center;min-height:150px!important;width:126.48px;height:161.14px;margin-left:-15px;margin-right:10px;margin-top:0;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 134.17 163.14"><path fill="%23be1622" stroke="%23000000" stroke-width="2" d="M112.01,0h0S5.58,15.43,5.58,15.56v52.55c0,1.37-1.11,2.49-2.49,2.49h-.61c-1.37,0-2.49,1.11-2.49,2.49v37.23c0,1.37,1.11,2.49,2.49,2.49h.61c1.37,0,2.49,1.11,2.49,2.49v45.86h106.33v-.31c.06-.1.11-.21.11-.34l2.95-6.03C138.9,105.5,137.81,48.01,112.01,0Z"/></svg>')}.programming-area{border:none!important}@media (max-width: 768px){.top-nav{gap:1rem}.control-buttons{width:100%;justify-content:center}.category-buttons{justify-content:left;z-index:101!important}.blocks-container{justify-content:center}.categories{background-color:#fff;padding:0rem;width:100%;box-sizing:border-box;min-height:50vh!important}}@media screen and (min-width: 768px) and (max-width: 1024px){.categories{min-height:50vh!important}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #4b5563;--secondary-hover: #374151;--success-color: #16a34a;--warning-color: #ea580c;--error-color: #dc2626;--background-light: #f8fafc;--background-dark: #1e293b;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #f8fafc;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--block-width: 120px;--block-height: 100px;--container-block-min-width: 250px;--container-block-min-height: 150px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--background-light);color:var(--text-primary);line-height:1.5}button{cursor:pointer;border:none;background:none;font-family:inherit}.button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:500;transition:all .2s}.button svg{width:1.25rem;height:1.25rem}.button-primary{background-color:var(--primary-color);color:var(--text-light)}.button-primary:hover{background-color:var(--primary-hover)}.button-secondary{background-color:var(--secondary-color);color:var(--text-light)}.button-secondary:hover{background-color:var(--secondary-hover)}