teLengthContainer = document.createElement('div');
        gateLengthContainer.className = 'slider-group';
        
        const gateLengthLabel = document.createElement('div');
        gateLengthLabel.className = 'slider-label';
        gateLengthLabel.innerHTML = `Gate Length: <span id="${lineType.id}-gateLength-value">${lineType.gateLength.toFixed(2)}</span>`;
        
        const gateLengthSlider = document.createElement('input');
        gateLengthSlider.type = 'range';
        gateLengthSlider.id =