body { font-family: sans-serif; display: flex; flex-direction: column; align-items: center; padding: 20px; }
        .matrix-container { display: flex; gap: 20px; margin-bottom: 20px; }
        .matrix { display: grid; grid-template-columns: repeat(2, 50px); gap: 5px; }
        input { width: 50px; height: 40px; text-align: center; font-size: 16px; }
        button { padding: 10px 20px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 5px; }
        #results { margin-top: 20px; white-space: pre-wrap; background: #f4f4f4; padding: 15px; border-radius: 5px; }