.elementor-10642 .elementor-element.elementor-element-989bb23{--display:flex}.elementor-10642 .elementor-element.elementor-element-989bb23.e-con{--flex-grow:0;--flex-shrink:0}.elementor-10642 .elementor-element.elementor-element-708024e{--display:flex}.elementor-10642 .elementor-element.elementor-element-d001fc0 .elementor-button{background-color:#009285;font-size:20px;border-radius:12px 12px 12px 12px}.elementor-10642 .elementor-element.elementor-element-d001fc0 .elementor-button-content-wrapper{flex-direction:row}@media(min-width:768px){.elementor-10642 .elementor-element.elementor-element-989bb23{--width:96.654%}}*{margin:0;padding:0;box-sizing:border-box;user-select:none}#mybody{font-family:Arial,sans-serif;display:flex!important;height:100vh;overflow:hidden;background:#1a1a1a;color:#fff;margin:0 important;padding:0 important}#mybody img{margin:0 important;padding:0 important;margin-top:-8px}#sidebar{width:200px;background:#2a2a2a;padding:20px;border-right:2px solid #444;overflow-y:auto}#sidebar h3{margin-bottom:15px;color:#4CAF50}.component-item{background:#3a3a3a;padding:10px;margin-bottom:10px;border-radius:5px;cursor:pointer;text-align:center;border:2px solid #555;transition:all 0.2s}.component-item:hover{background:#4a4a4a;border-color:#4CAF50}#canvas-container{flex:1;position:relative;overflow:hidden;background:#0a0a0a}#canvas{width:100%;height:100%;position:relative}.gate{position:absolute;background:#2a2a2a;border:2px solid #555;border-radius:8px;padding:10px!important;cursor:move}.gate:hover{border-color:#4CAF50}.gate-label{text-align:center;font-weight:700;margin-bottom:5px;margin-top:-8px!important;font-size:12px;padding:0px!important;pointer-events:none}.gate-symbol{width:60px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:20px;pointer-events:none}.port{width:12px;height:12px;border-radius:50%;position:absolute;border:2px solid #333;cursor:crosshair;transition:all 0.2s;z-index:10}.port:hover{transform:scale(1.4);z-index:20}.input-port{background:#e8f5e9;left:-6px}.input-port.active{background:#4CAF50;box-shadow:0 0 10px #4CAF50}.output-port{background:#fffde7;right:-6px}.output-port.active{background:#FFEB3B;box-shadow:0 0 10px #FFEB3B}.delete-btn{position:absolute;top:-8px;right:-8px;width:20px;height:20px;padding:0px!important;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;line-height:20px;display:none;z-index:15}.gate:hover .delete-btn{display:block}.button-component{width:40px;height:40px;background:#666;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:24px;position:relative;z-index:20}.button-component.active{background:#4CAF50;box-shadow:0 0 15px #4CAF50}.led-component{width:40px;height:40px;background:#333;border-radius:50%;border:3px solid #555;transition:all 0.2s;pointer-events:none}.led-component.active{background:#f44336;box-shadow:0 0 20px #f44336;border-color:#f44336}svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.wire{stroke:#666;stroke-width:2;fill:none}.wire.active{stroke:#FFEB3B;stroke-width:3;filter:drop-shadow(0 0 5px #FFEB3B)}