.layout-controller {
      margin-bottom: 20px;
    }
    
    .layout-toggle {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-bottom: 15px;
      font-family: Arial, sans-serif;
    }
    
    .grid-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      transition: all 0.5s ease;
    }
    
    #grid-toggle:checked ~ .grid-container {
      grid-template-columns: repeat(3, 1fr);
    }
    
    .grid-item {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      color: white;
      padding: 20px;
      text-align: center;
      border-radius: 8px;
      font-weight: bold;
    }
    
    .color-toggle-container {
      margin-top: 20px;
    }
    
    #color-toggle:checked ~ .grid-container .grid-item {
      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    }