document.createElement('div');
        octaveContainer.className = 'slider-group';
        
        const octaveLabel = document.createElement('div');
        octaveLabel.className = 'slider-label';
        octaveLabel.innerHTML = `Octave: <span id="${lineType.id}-octave-value">0</span>`;
        
        const octaveSlider = document.createElement('input');
        octaveSlider.type = 'range';
        octaveSlider.id = `${lineType.id}-octave`;
        octaveSlider.min = '-2';
        octaveSlider.max = '2'