#cig-generator {
  font-family: Arial, sans-serif;
  border: 1px solid #ccc;
  padding: 20px;
  margin: 20px auto;
  max-width: 760px;
  background: #f9f9f9;
  border-radius: 8px;
}

.cig-field { 
  margin-bottom: 20px; 
}

.cig-field label { 
  display: block; 
  font-weight: 700; 
  margin-bottom: 6px; 
}

.cig-field select,
.cig-field input[type="text"],
.cig-field input[type="file"] {
  width: 100%; 
  padding: 8px; 
  box-sizing: border-box;
  border: 1px solid #ccc; 
  border-radius: 4px;
}

.cig-field input[type="color"] {
  width: 60px; 
  height: 34px; 
  padding: 0; 
  border: none; 
  cursor: pointer;
}

.cig-inline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
}

#cig-preview-area { 
  margin-top: 10px; 
}

#image-preview-container {
  border: 1px solid #ddd; 
  background: #fff; 
  min-height: 200px;
  margin: 15px 0; 
  display: flex; 
  align-items: center; 
  justify-content: center;
}

#image-preview-container img { 
  max-width: 100%; 
  height: auto; 
}

#cig-status, 
#cig-bulk-status { 
  margin-top: 12px; 
  font-weight: 700; 
}

.cig-help { 
  font-size: 12px; 
  color: #666; 
  margin-top: 6px; 
}

#cig-generator button {
  background: #0073aa; 
  color: #fff; 
  padding: 10px 16px; 
  border: none;
  border-radius: 4px; 
  font-size: 14px; 
  cursor: pointer;
}

#cig-generator button:hover { 
  background: #005f8d; 
}

#cig-generator button:disabled {
  background: #ccc;
  cursor: not-allowed;
}

#cig-bulk-report ul {
  list-style: disc;
  padding-left: 20px;
}

#cig-bulk-report pre {
  background: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
  overflow-x: auto;
  font-size: 11px;
}