="gap" value="0" min="0" max="50" onchange="updateStyles()">
                    </div>
                </div>
            </div>
            
            <div id="child-controls" style="display: none;">
                <div class="info-box">
                    Click on any item to select it and modify its properties
                </div>
                
                <div class="control-group child-controls">
                    <h3>Selected Item: <span id="selectedItemText">None</span></h3>
         