/* ViSiB Studio Client Generator v8.8 — V39.43.15 PRO UI */

#genNicheSelect,
#genContentType,
#genMode,
#genTheme,
#genPhotoMode {
  width: 100%;
  height: 44px;
  border: 1px solid rgba(56,189,248,.24);
  border-radius: 14px;
  background: #07111f;
  color: #e5f7ff;
  padding: 0 14px;
  outline: none;
}

#genNicheSelect:focus,
#genContentType:focus,
#genMode:focus,
#genTheme:focus,
#genPhotoMode:focus {
  border-color: rgba(56,189,248,.75);
  box-shadow: 0 0 0 3px rgba(56,189,248,.12);
}

.v88-checks {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
  margin-bottom: 8px;
}

.v88-checks label {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(56,189,248,.22) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  background: rgba(15,23,42,.84) !important;
  font-size: 13px !important;
  color: #dff7ff !important;
  cursor: pointer;
  user-select: none;
}

.v88-checks label:has(input:checked) {
  background: linear-gradient(135deg, rgba(56,189,248,.28), rgba(34,197,94,.18)) !important;
  border-color: rgba(56,189,248,.55) !important;
}

.v88-help {
  color: #8fb4c9;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 5px;
}

.v88-preset-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(34,197,94,.13);
  border: 1px solid rgba(34,197,94,.35);
  color: #bbf7d0;
  font-weight: 700;
  margin-top: 6px;
}

.v88-advanced-toggle {
  width: 100%;
  margin: 18px 0 10px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(56,189,248,.2);
  background: rgba(15,23,42,.75);
  color: #e0f7ff;
  cursor: pointer;
  font-weight: 800;
  text-align: left;
}

.v88-advanced-toggle:hover {
  background: rgba(56,189,248,.12);
}

.v88-hidden {
  display: none !important;
}

.v88-action-panel {
  position: sticky;
  bottom: 12px;
  z-index: 20;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 12px;
  margin-top: 16px;
  border-radius: 22px;
  background: rgba(7,17,31,.92);
  border: 1px solid rgba(56,189,248,.22);
  backdrop-filter: blur(14px);
}

.v88-section-note {
  margin: 8px 0 16px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(56,189,248,.08);
  border: 1px solid rgba(56,189,248,.16);
  color: #b7d6e8;
  font-size: 13px;
}