 `${lineType.id}-gateLength`;
        gateLengthSlider.min = '0.1';
        gateLengthSlider.max = '1.0';
        gateLengthSlider.step = '0.1';
        gateLengthSlider.value = lineType.gateLength;
        
        gateLengthSlider.oninput = () => {
            const value = parseFloat(gateLengthSlider.value);
            document.getElementById(`${lineType.id}-gateLength-value`).textContent = value.toFixed(2);
            updateControls();
        };
        
        gateLengthContainer.appendChild(gateLe