`    order: ${style.order};\n`;
                    if (style.float && style.float !== 'none') code += `    float: ${style.float}; /* Ignored in flex context */\n`;
                    code += `}`;
                }
            });
            
            document.getElementById('codeOutput').textContent = code;
        }
        
        // Initialize
        updateStyles();
        
        // Update all item displays
        document.querySelectorAll('.flex-item').forEach((item, index) => {
            