html body[data-current-view="create"] #createView {
  background: #f3f7fb !important;
}

html body[data-current-view="create"] #createView.view form#createForm .form-actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView.view form#createForm .form-actions #generateBtn {
  width: 100% !important;
}

@media (min-width: 981px) {
  html body[data-current-view="create"] #createView.view {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid,
  html body[data-current-view="create"] #createView.view > .workspace-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: calc(100vh - 118px) !important;
    justify-content: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid > .panel.form-panel,
  html body[data-current-view="create"] #createView.view > .workspace-grid > .panel.form-panel {
    height: calc(100vh - 118px) !important;
    max-height: calc(100vh - 118px) !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view #createForm {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type {
    min-height: 220px !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
    align-content: center !important;
    align-items: center !important;
    display: grid !important;
    gap: 10px 18px !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: 184px !important;
    justify-items: start !important;
    min-height: 184px !important;
    min-width: 0 !important;
    padding: 28px 24px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
    align-self: center !important;
    display: grid !important;
    font-size: 13px !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 64px !important;
    justify-self: center !important;
    margin: 0 !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    width: 64px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    grid-column: 2 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
    font-size: 18px !important;
    line-height: 1.22 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    font-size: 13px !important;
    line-height: 1.35 !important;
    opacity: 0.78 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card::after {
    display: none !important;
  }
}

/* iOS style single-value pickers for the create form. */
html body[data-current-view="create"] #createView #createForm label:has(.choice-picker:not(:empty)) > select {
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker,
html body[data-current-view="create"] #createView #createForm .choice-picker.choice-picker-compact,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) {
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  white-space: normal !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) > button.ios-choice-trigger {
  align-items: center !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 247, 249, 0.9)) !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  height: auto !important;
  justify-content: stretch !important;
  min-height: 58px !important;
  padding: 9px 12px 9px 14px !important;
  text-align: left !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger:hover,
html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger[aria-expanded="true"] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 247, 244, 0.94)) !important;
  border-color: rgba(20, 184, 166, 0.55) !important;
  box-shadow: 0 18px 42px rgba(15, 118, 110, 0.14), 0 0 0 4px rgba(20, 184, 166, 0.1) !important;
  transform: translateY(-1px) !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger:focus-visible {
  outline: 3px solid rgba(20, 184, 166, 0.24) !important;
  outline-offset: 2px !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-label {
  color: #64748b !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-value {
  color: #0f172a !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger.is-placeholder .ios-choice-value {
  color: #94a3b8 !important;
  font-weight: 750 !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger i {
  align-self: center !important;
  background: rgba(15, 118, 110, 0.1) !important;
  border-radius: 999px !important;
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  height: 22px !important;
  justify-self: end !important;
  place-items: center !important;
  position: relative !important;
  width: 22px !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger i::before {
  border-bottom: 2px solid #0f766e !important;
  border-right: 2px solid #0f766e !important;
  content: "" !important;
  display: block !important;
  height: 7px !important;
  margin-top: -3px !important;
  transform: rotate(45deg) !important;
  width: 7px !important;
}

.ios-choice-sheet[hidden] {
  display: none !important;
}

.ios-choice-sheet {
  align-items: end !important;
  display: grid !important;
  inset: 0 !important;
  justify-items: center !important;
  position: fixed !important;
  z-index: 9999 !important;
}

.ios-choice-backdrop {
  background: rgba(15, 23, 42, 0.34) !important;
  backdrop-filter: blur(16px) saturate(1.25) !important;
  inset: 0 !important;
  position: absolute !important;
}

.ios-choice-panel {
  background: rgba(248, 250, 252, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 24px 24px 0 0 !important;
  box-shadow: 0 -24px 70px rgba(15, 23, 42, 0.24) !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  max-height: min(74vh, 680px) !important;
  overflow: hidden !important;
  padding: 10px 12px max(16px, env(safe-area-inset-bottom)) !important;
  position: relative !important;
  width: min(100%, 560px) !important;
}

.ios-choice-handle {
  background: rgba(100, 116, 139, 0.34) !important;
  border-radius: 999px !important;
  height: 5px !important;
  margin: 0 auto 8px !important;
  width: 42px !important;
}

.ios-choice-header {
  align-items: center !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  padding: 8px 4px 12px !important;
}

.ios-choice-header strong {
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ios-choice-close {
  background: rgba(226, 232, 240, 0.86) !important;
  border: 1px solid rgba(148, 163, 184, 0.24) !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  height: 32px !important;
  padding: 0 14px !important;
}

.ios-choice-options {
  display: grid !important;
  gap: 8px !important;
  max-height: calc(min(74vh, 680px) - 86px) !important;
  overflow: auto !important;
  padding: 2px 2px 4px !important;
}

.ios-choice-option {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(203, 213, 225, 0.68) !important;
  border-radius: 16px !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  min-height: 50px !important;
  padding: 12px 44px 12px 14px !important;
  position: relative !important;
  text-align: left !important;
  width: 100% !important;
}

.ios-choice-option::after {
  background: rgba(15, 118, 110, 0.14) !important;
  border: 2px solid rgba(15, 118, 110, 0.18) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 18px !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
}

.ios-choice-option.active {
  background: rgba(236, 253, 245, 0.96) !important;
  border-color: rgba(20, 184, 166, 0.62) !important;
  box-shadow: 0 12px 30px rgba(15, 118, 110, 0.12), 0 0 0 1px rgba(20, 184, 166, 0.2) inset !important;
  color: #0f766e !important;
}

.ios-choice-option.active::after {
  background: #0f766e !important;
  border-color: #0f766e !important;
  box-shadow: 0 0 0 5px rgba(15, 118, 110, 0.13) !important;
}

.ios-choice-empty {
  color: #64748b !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  padding: 18px 10px !important;
  text-align: center !important;
}

@media (min-width: 760px) {
  .ios-choice-sheet {
    align-items: center !important;
  }

  .ios-choice-panel {
    border-radius: 24px !important;
    max-height: min(72vh, 680px) !important;
    padding: 12px !important;
    width: min(520px, calc(100vw - 32px)) !important;
  }
}

@media (min-width: 981px) {
  html body[data-current-view="create"] #createView.view {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid,
  html body[data-current-view="create"] #createView.view > .workspace-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: calc(100vh - 118px) !important;
    justify-content: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid > .panel.form-panel,
  html body[data-current-view="create"] #createView.view > .workspace-grid > .panel.form-panel {
    height: calc(100vh - 118px) !important;
    max-height: calc(100vh - 118px) !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view #createForm {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

html body[data-current-view="create"] #createView.view form#createForm .form-actions {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView.view form#createForm .form-actions #generateBtn {
  width: 100% !important;
}

@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type {
    min-height: 166px !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card,
  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active,
  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card:hover {
    align-content: center !important;
    align-items: center !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px auto auto !important;
    height: 128px !important;
    justify-items: center !important;
    min-height: 128px !important;
    min-width: 0 !important;
    padding: 16px 12px 14px !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .module-icon,
  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card i {
    grid-column: 1 !important;
    grid-row: 1 !important;
    font-size: 12px !important;
    height: 44px !important;
    margin: 0 !important;
    width: 44px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card strong,
  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .category-intro {
    grid-column: 1 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card strong {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .category-intro {
    font-size: 12px !important;
    line-height: 1.25 !important;
    opacity: 0.76 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card::after {
    display: none !important;
  }
}

html body[data-current-view="create"] #createView > .section-close-bar,
html body[data-current-view="create"] #createView > .workspace-grid {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body[data-current-view="create"] #createView .desktop-create-type {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .desktop-create-section-title {
  align-items: center !important;
  color: #20324d !important;
  display: flex !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
  background: transparent !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card {
  align-content: start !important;
  align-items: center !important;
  border: 1px solid rgba(33, 60, 96, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(20, 37, 63, 0.08) !important;
  color: #19283e !important;
  display: grid !important;
  gap: 3px 12px !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  height: 92px !important;
  justify-items: start !important;
  min-height: 92px !important;
  overflow: hidden !important;
  padding: 16px 16px 14px !important;
  position: relative !important;
  text-align: left !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="project_ad"] {
  background: linear-gradient(180deg, #fff8fb 0%, #ffeef5 100%) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="real_comparison"] {
  background: linear-gradient(180deg, #fbfffe 0%, #edf9f5 100%) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="chat_feedback"] {
  background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card:hover {
  box-shadow: 0 14px 34px rgba(20, 37, 63, 0.12) !important;
  transform: translateY(-1px) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card.active {
  background-color: transparent !important;
  border-width: 2px !important;
  box-shadow: 0 16px 38px rgba(20, 37, 63, 0.14) !important;
  color: #111827 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="project_ad"].active {
  border-color: #ef4778 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="real_comparison"].active {
  border-color: #26a987 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="chat_feedback"].active {
  border-color: #2c6df2 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
  align-self: center !important;
  border-radius: 14px !important;
  color: #fff !important;
  display: grid !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  height: 42px !important;
  letter-spacing: 0 !important;
  place-items: center !important;
  width: 42px !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="project_ad"] .module-icon {
  background: linear-gradient(135deg, #ff7a9f, #e94878) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="real_comparison"] .module-icon {
  background: linear-gradient(135deg, #51cdb0, #20a17f) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="chat_feedback"] .module-icon {
  background: linear-gradient(135deg, #5892ff, #2f70ee) !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card strong,
html body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
  grid-column: 2 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card strong {
  color: #132238 !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card strong::before,
html body[data-current-view="create"] #createView .desktop-create-type .category-card strong::after {
  content: none !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro {
  color: rgba(33, 48, 74, 0.68) !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card::after {
  border-radius: 999px !important;
  bottom: 10px !important;
  color: rgba(20, 37, 63, 0.62) !important;
  content: "选择" !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 5px 8px !important;
  position: absolute !important;
  right: 12px !important;
}

html body[data-current-view="create"] #createView .desktop-create-type .category-card.active::after {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #132238 !important;
  content: "当前" !important;
}

@media (min-width: 981px) {
  html body[data-current-view="create"] #createView {
    padding-left: clamp(18px, 3vw, 34px) !important;
    padding-right: clamp(18px, 3vw, 34px) !important;
  }

  html body[data-current-view="create"] #createView > .section-close-bar,
  html body[data-current-view="create"] #createView > .workspace-grid {
    max-width: 1380px !important;
  }
}

@media (max-width: 980px) {
  html body[data-current-view="create"] #createView {
    padding: 10px 12px calc(88px + env(safe-area-inset-bottom)) !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .desktop-create-section-title {
    font-size: 14px !important;
    margin-bottom: 9px !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-tabs {
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card {
    align-items: center !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    height: 82px !important;
    justify-content: center !important;
    min-height: 82px !important;
    padding: 8px 6px !important;
    text-align: center !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card .module-icon {
    flex: 0 0 30px !important;
    font-size: 10px !important;
    height: 30px !important;
    margin: 0 !important;
    width: 30px !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card strong {
    display: block !important;
    font-size: 0 !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="project_ad"] strong::before {
    color: #132238 !important;
    content: "项目广告" !important;
    font-size: 12px !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="real_comparison"] strong::before {
    color: #132238 !important;
    content: "真人效果" !important;
    font-size: 12px !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card[data-category="chat_feedback"] strong::before {
    color: #132238 !important;
    content: "聊天记录" !important;
    font-size: 12px !important;
  }

  html body[data-current-view="create"] #createView .desktop-create-type .category-card .category-intro,
  html body[data-current-view="create"] #createView .desktop-create-type .category-card::after {
    display: none !important;
  }
}

@media (max-width: 700px) {
  html body[data-current-view="create"],
  html body[data-current-view="create"] .app-shell,
  html body[data-current-view="create"] .main,
  html body[data-current-view="create"] main.main {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100vw !important;
  }

  html body[data-current-view="create"] #createView.view,
  html body[data-current-view="create"] #createView.view > .workspace-grid,
  html body[data-current-view="create"] #createView.view > .workspace-grid > .panel.form-panel,
  html body[data-current-view="create"] #createView.view #createForm,
  html body[data-current-view="create"] #createView.view #createForm > .desktop-create-section,
  html body[data-current-view="create"] #createView.view #createForm > .field-group,
  html body[data-current-view="create"] #createView.view #createForm label {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view > .workspace-grid {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html body[data-current-view="create"] #createView.view > .workspace-grid > .panel.form-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  html body[data-current-view="create"] #createView.view .panel-heading {
    background: #fff !important;
    border: 1px solid rgba(33, 60, 96, 0.08) !important;
    border-radius: 16px !important;
    margin: 0 0 12px !important;
    padding: 14px 16px !important;
  }

  html body[data-current-view="create"] #createView.view #createForm {
    gap: 12px !important;
  }

  html body[data-current-view="create"] #createView.view #createForm > .desktop-create-section,
  html body[data-current-view="create"] #createView.view #createForm > .field-group {
    background: #fff !important;
    border: 1px solid rgba(33, 60, 96, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(20, 37, 63, 0.06) !important;
    padding: 14px !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs {
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card,
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active,
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active:hover {
    align-items: center !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(20, 37, 63, 0.08) !important;
    color: #132238 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    height: 82px !important;
    justify-content: center !important;
    min-height: 82px !important;
    padding: 8px 4px !important;
    text-align: center !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="project_ad"],
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="project_ad"].active {
    background: linear-gradient(180deg, #fff8fb 0%, #ffeef5 100%) !important;
    border: 1px solid #ffd4e1 !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="real_comparison"],
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="real_comparison"].active {
    background: linear-gradient(180deg, #fbfffe 0%, #edf9f5 100%) !important;
    border: 1px solid #c5eee2 !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="chat_feedback"],
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="chat_feedback"].active {
    background: linear-gradient(180deg, #fbfdff 0%, #eef5ff 100%) !important;
    border: 1px solid #cfe0ff !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active {
    box-shadow: inset 0 0 0 1px currentColor, 0 10px 26px rgba(20, 37, 63, 0.11) !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="project_ad"].active {
    color: #ef4778 !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="real_comparison"].active {
    color: #118b6f !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card[data-category="chat_feedback"].active {
    color: #2c6df2 !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .module-icon {
    border-radius: 11px !important;
    display: grid !important;
    flex: 0 0 30px !important;
    font-size: 10px !important;
    height: 30px !important;
    margin: 0 !important;
    place-items: center !important;
    width: 30px !important;
  }

  html body[data-current-view="create"] #createView.view #createForm label {
    display: grid !important;
    gap: 7px !important;
    grid-template-columns: 1fr !important;
  }

  html body[data-current-view="create"] #createView.view #createForm label > span:first-child {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view input,
  html body[data-current-view="create"] #createView.view select,
  html body[data-current-view="create"] #createView.view textarea {
    box-sizing: border-box !important;
    color: #142033 !important;
    min-height: 42px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 9px 12px !important;
    width: 100% !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type {
    min-height: 156px !important;
    overflow: visible !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs {
    overflow: visible !important;
  }
}

@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid,
  html body[data-current-view="create"] #createView.view > .workspace-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: calc(100vh - 118px) !important;
    justify-content: start !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid > .panel.form-panel,
  html body[data-current-view="create"] #createView.view > .workspace-grid > .panel.form-panel {
    flex: none !important;
    height: calc(100vh - 118px) !important;
    max-height: calc(100vh - 118px) !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view > .workspace-grid > .generated-create-side-preview,
  html body[data-current-view="create"] #createView.view > .workspace-grid > .generated-create-side-preview {
    display: block !important;
    flex: none !important;
    height: calc(100vh - 118px) !important;
    max-height: calc(100vh - 118px) !important;
    min-width: 0 !important;
    width: auto !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs {
    gap: 14px !important;
    margin-top: 0 !important;
    position: static !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type {
    display: block !important;
    min-height: 142px !important;
    overflow: visible !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .desktop-create-section-title {
    display: flex !important;
    margin: 0 0 12px !important;
    position: static !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card,
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active,
  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card.active:hover {
    border-radius: 16px !important;
    display: grid !important;
    gap: 4px 12px !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: 100px !important;
    min-height: 100px !important;
    padding: 17px 16px 15px !important;
    text-align: left !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .module-icon {
    align-self: center !important;
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 44px !important;
    width: 44px !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card strong {
    display: block !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-current-view="create"] #createView.view .desktop-create-section.desktop-create-type .category-tabs button.category-card .category-intro {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type {
    min-height: 194px !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
    align-content: center !important;
    align-items: center !important;
    display: grid !important;
    gap: 8px 14px !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: 156px !important;
    justify-items: start !important;
    min-height: 156px !important;
    min-width: 0 !important;
    padding: 22px 18px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
    align-self: center !important;
    display: grid !important;
    font-size: 13px !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 52px !important;
    justify-self: center !important;
    margin: 0 !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    width: 52px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    grid-column: 2 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
    font-size: 16px !important;
    line-height: 1.22 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    font-size: 12px !important;
    line-height: 1.35 !important;
    opacity: 0.78 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card::after {
    display: none !important;
  }
}

@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type {
    min-height: 220px !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs {
    align-items: stretch !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
    align-content: center !important;
    align-items: center !important;
    display: grid !important;
    gap: 10px 18px !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    height: 184px !important;
    justify-items: start !important;
    min-height: 184px !important;
    min-width: 0 !important;
    padding: 28px 24px !important;
    position: relative !important;
    text-align: left !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
    align-self: center !important;
    display: grid !important;
    font-size: 14px !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    height: 64px !important;
    justify-self: center !important;
    margin: 0 !important;
    place-items: center !important;
    position: static !important;
    transform: none !important;
    width: 64px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    grid-column: 2 !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    text-overflow: clip !important;
    white-space: normal !important;
    width: 100% !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
    font-size: 18px !important;
    line-height: 1.22 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    font-size: 13px !important;
    line-height: 1.35 !important;
    opacity: 0.78 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card::after {
    display: none !important;
  }
}

/* Final create picker override: keep the iOS trigger from being reset by older duplicated blocks. */
html body[data-current-view="create"] #createView #createForm .choice-picker,
html body[data-current-view="create"] #createView #createForm .choice-picker.choice-picker-compact,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) {
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  white-space: normal !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) > button.ios-choice-trigger {
  align-items: center !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 249, 0.92)) !important;
  border: 1px solid rgba(148, 163, 184, 0.34) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  height: auto !important;
  justify-content: stretch !important;
  min-height: 58px !important;
  padding: 9px 12px 9px 14px !important;
  text-align: left !important;
  width: 100% !important;
  white-space: normal !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-label {
  color: #64748b !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-value {
  color: #0f172a !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger i {
  align-self: center !important;
  background: rgba(15, 118, 110, 0.1) !important;
  border-radius: 999px !important;
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  height: 22px !important;
  justify-self: end !important;
  place-items: center !important;
  position: relative !important;
  width: 22px !important;
}

/* Field-contained iOS sheet dropdown. */
html body[data-current-view="create"] #createView #createForm .desktop-create-section,
html body[data-current-view="create"] #createView #createForm .field-group,
html body[data-current-view="create"] #createView #createForm label {
  overflow: visible !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker {
  position: relative !important;
  z-index: 1 !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker.is-open {
  z-index: 80 !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker.is-open .ios-choice-trigger {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 247, 244, 0.95)) !important;
  border-color: rgba(20, 184, 166, 0.58) !important;
  box-shadow: 0 18px 42px rgba(15, 118, 110, 0.14), 0 0 0 4px rgba(20, 184, 166, 0.1) !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker.is-open .ios-choice-trigger i::before {
  margin-top: 3px !important;
  transform: rotate(225deg) !important;
}

html body[data-current-view="create"] #createView #createForm .ios-choice-menu[hidden] {
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm .ios-choice-menu {
  background: rgba(248, 250, 252, 0.96) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  border: 1px solid rgba(203, 213, 225, 0.7) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 8px !important;
  left: 0 !important;
  max-height: 292px !important;
  overflow: auto !important;
  padding: 8px !important;
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
  z-index: 90 !important;
}

html body[data-current-view="create"] #createView #createForm .ios-choice-menu .ios-choice-option {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(203, 213, 225, 0.68) !important;
  border-radius: 14px !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 780 !important;
  height: auto !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  min-height: 46px !important;
  padding: 10px 42px 10px 12px !important;
  position: relative !important;
  text-align: left !important;
  white-space: normal !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm .ios-choice-menu .ios-choice-option.active {
  background: rgba(236, 253, 245, 0.98) !important;
  border-color: rgba(20, 184, 166, 0.68) !important;
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.2) inset !important;
  color: #0f766e !important;
}

html body[data-current-view="create"] #createView #createForm .hidden-field {
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker)::before,
html body[data-current-view="create"] #createView #createForm label:has(.choice-picker)::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 980px) {
  html body[data-current-view="create"] #createView #createForm .desktop-create-section {
    height: auto !important;
    min-height: 0 !important;
  }

  html body[data-current-view="create"] #createView #createForm .field-group:not(.hidden-field),
  html body[data-current-view="create"] #createView #createForm .advanced-create-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body[data-current-view="create"] #createView #createForm label:has(.choice-picker),
  html body[data-current-view="create"] #createView #createForm label.project-name-field,
  html body[data-current-view="create"] #createView #createForm label.extra-text-field {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 12px !important;
  }

  html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) > span,
  html body[data-current-view="create"] #createView #createForm label.project-name-field > span,
  html body[data-current-view="create"] #createView #createForm label.extra-text-field > span {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    width: auto !important;
  }

  html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger,
  html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) > button.ios-choice-trigger {
    min-height: 54px !important;
  }

  html body[data-current-view="create"] #createView #createForm .ios-choice-menu {
    max-height: 238px !important;
  }

  html body[data-current-view="create"] #createView #createForm #advancedCreateFields label:has(.choice-picker),
  html body[data-current-view="create"] #createView #createForm #advancedCreateFields .field-group label:has(.choice-picker) {
    align-items: stretch !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  html body[data-current-view="create"] #createView #createForm #advancedCreateFields label:has(.choice-picker) > span,
  html body[data-current-view="create"] #createView #createForm #advancedCreateFields .field-group label:has(.choice-picker) > span,
  html body[data-current-view="create"] #createView #createForm #advancedCreateFields label:has(.choice-picker) > .choice-picker,
  html body[data-current-view="create"] #createView #createForm #advancedCreateFields .field-group label:has(.choice-picker) > .choice-picker {
    grid-column: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    position: static !important;
    width: 100% !important;
  }
}

/* Transparent iOS dropdown entry, with the menu floated above every panel. */
html body[data-current-view="create"] #createView #createForm .choice-picker,
html body[data-current-view="create"] #createView #createForm .choice-picker.choice-picker-compact,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) {
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) > button.ios-choice-trigger {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  height: auto !important;
  justify-content: stretch !important;
  min-height: 34px !important;
  padding: 0 !important;
  text-align: left !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger:hover,
html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger[aria-expanded="true"],
html body[data-current-view="create"] #createView #createForm .choice-picker.is-open .ios-choice-trigger {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-label {
  color: #64748b !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  margin: 0 0 3px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger .ios-choice-value {
  color: #0f172a !important;
  display: block !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  grid-column: 1 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger.is-placeholder .ios-choice-value {
  color: #94a3b8 !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger i {
  align-self: center !important;
  background: rgba(15, 118, 110, 0.1) !important;
  border-radius: 999px !important;
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  height: 24px !important;
  justify-self: end !important;
  place-items: center !important;
  position: relative !important;
  width: 24px !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker .ios-choice-trigger i::before {
  border-bottom: 2px solid #0f766e !important;
  border-right: 2px solid #0f766e !important;
  content: "" !important;
  display: block !important;
  height: 7px !important;
  margin-top: -3px !important;
  transform: rotate(45deg) !important;
  width: 7px !important;
}

html body[data-current-view="create"] #createView #createForm .choice-picker.is-open .ios-choice-trigger i::before {
  margin-top: 3px !important;
  transform: rotate(225deg) !important;
}

.ios-choice-float-menu[hidden] {
  display: none !important;
}

.ios-choice-float-menu {
  background: rgba(248, 250, 252, 0.94) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  border: 1px solid rgba(203, 213, 225, 0.76) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.24), 0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: 8px !important;
  overflow: auto !important;
  padding: 8px !important;
  position: fixed !important;
  z-index: 2147483000 !important;
}

.ios-choice-float-menu .ios-choice-option {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(203, 213, 225, 0.66) !important;
  border-radius: 14px !important;
  color: #0f172a !important;
  display: grid !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  line-height: 1.28 !important;
  min-height: 44px !important;
  padding: 10px 40px 10px 12px !important;
  position: relative !important;
  text-align: left !important;
  white-space: normal !important;
  width: 100% !important;
}

.ios-choice-float-menu .ios-choice-option::after {
  background: rgba(15, 118, 110, 0.12) !important;
  border: 2px solid rgba(15, 118, 110, 0.18) !important;
  border-radius: 999px !important;
  content: "" !important;
  height: 16px !important;
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
}

.ios-choice-float-menu .ios-choice-option.active {
  background: rgba(236, 253, 245, 0.96) !important;
  border-color: rgba(20, 184, 166, 0.68) !important;
  box-shadow: 0 0 0 1px rgba(20, 184, 166, 0.22) inset !important;
  color: #0f766e !important;
}

.ios-choice-float-menu .ios-choice-option.active::after {
  background: #0f766e !important;
  border-color: #0f766e !important;
}

/* Final no-box option rows: the sheet is visible, options stay transparent. */
.ios-choice-float-menu {
  gap: 0 !important;
  padding: 6px !important;
}

.ios-choice-float-menu .ios-choice-option {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(203, 213, 225, 0.58) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 46px !important;
  padding: 11px 40px 11px 10px !important;
}

.ios-choice-float-menu .ios-choice-option:last-child {
  border-bottom: 0 !important;
}

.ios-choice-float-menu .ios-choice-option:hover,
.ios-choice-float-menu .ios-choice-option:focus-visible {
  background: rgba(15, 118, 110, 0.06) !important;
  border-radius: 10px !important;
  outline: none !important;
}

.ios-choice-float-menu .ios-choice-option.active {
  background: rgba(20, 184, 166, 0.12) !important;
  border-color: rgba(203, 213, 225, 0.58) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Final tone pass: transparent iOS dropdown rows, unified white create cards. */
.ios-choice-float-menu {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(226, 232, 240, 0.76) !important;
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.18), 0 1px 0 rgba(255, 255, 255, 0.82) inset !important;
}

.ios-choice-float-menu .ios-choice-option,
.ios-choice-float-menu .ios-choice-option:last-child {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.ios-choice-float-menu .ios-choice-option:hover,
.ios-choice-float-menu .ios-choice-option:focus-visible,
.ios-choice-float-menu .ios-choice-option.active {
  background: rgba(15, 118, 110, 0.08) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section,
html body[data-current-view="create"] #createView #createForm .field-group,
html body[data-current-view="create"] #createView #createForm .advanced-create-fields,
html body[data-current-view="create"] #createView #createForm .advanced-create-grid,
html body[data-current-view="create"] #createView #createForm label,
html body[data-current-view="create"] #createView #createForm .category-tabs > button.category-card,
html body[data-current-view="create"] #createView #createForm .category-tabs > button.category-card.active,
html body[data-current-view="create"] #createView #createForm .category-tabs > button.category-card:hover {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body[data-current-view="create"] #createView #createForm .category-tabs > button.category-card {
  border-color: rgba(203, 213, 225, 0.78) !important;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06) !important;
}

html body[data-current-view="create"] #createView #createForm .category-tabs > button.category-card.active {
  border-color: #0f766e !important;
  box-shadow: 0 16px 42px rgba(15, 118, 110, 0.12), 0 0 0 1px rgba(15, 118, 110, 0.08) inset !important;
}

/* Compact visible creation type cards: no folding, smaller and aligned. */
@media (min-width: 981px) {
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type {
    min-height: 150px !important;
    padding-bottom: 14px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs {
    gap: 14px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
    gap: 6px 14px !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    height: 118px !important;
    min-height: 118px !important;
    padding: 18px 18px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
    height: 46px !important;
    width: 46px !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  html body[data-current-view="create"][data-create-category] #createView.view form#createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 980px) {
  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type {
    min-height: 0 !important;
  }

  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs {
    gap: 8px !important;
  }

  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card {
    height: 82px !important;
    min-height: 82px !important;
    padding: 10px 8px !important;
  }

  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
    height: 34px !important;
    width: 34px !important;
  }

  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
    display: none !important;
  }
}

/* Compact chips for the creation type selector in the narrower create workbench. */
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
  align-items: center !important;
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  height: 66px !important;
  min-height: 66px !important;
  padding: 10px 10px !important;
  text-align: left !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
  font-size: 11px !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  height: 30px !important;
  margin: 0 !important;
  width: 30px !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
  font-size: 13px !important;
  line-height: 1.12 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
  display: none !important;
}

/* Start the create form directly from choosing the creation type. */
html body[data-current-view="create"] #createView .form-panel > .panel-heading,
html body[data-current-view="create"] #createView #createForm .desktop-create-basic > .desktop-create-section-title {
  display: none !important;
}

html body[data-current-view="create"][data-create-category] #createView.view .panel.form-panel > .panel-heading,
html body[data-current-view="create"][data-create-category] #createView.view .panel.form-panel .panel-heading {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Clean aligned type cards and keep the generate action as the final form row. */
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type {
  padding-top: 0 !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs {
  align-items: stretch !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card.active,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card:hover {
  align-items: center !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  height: 72px !important;
  justify-items: start !important;
  min-height: 72px !important;
  overflow: hidden !important;
  padding: 12px 14px !important;
  text-align: left !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card::before,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card::after,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon::before,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon::after,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong::before,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong::after {
  content: none !important;
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .module-icon,
html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card > i {
  background: #f1f5f9 !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #0f766e !important;
  display: grid !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  height: 34px !important;
  margin: 0 !important;
  place-items: center !important;
  position: static !important;
  transform: none !important;
  width: 34px !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card strong {
  align-self: center !important;
  font-size: 14px !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-align: left !important;
  white-space: normal !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-section.desktop-create-type .category-tabs > button.category-card .category-intro {
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm .form-actions {
  align-items: stretch !important;
  display: grid !important;
  gap: 10px !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-self: stretch !important;
  margin: 18px 0 0 !important;
  order: 999 !important;
  padding: 0 0 6px !important;
  position: static !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm > .form-actions {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  max-width: none !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm #generateBtn {
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  min-height: 52px !important;
  width: 100% !important;
}

/* Aligned single-cell iOS selectors: no large option boxes. */
html body[data-current-view="create"] #createView #createForm .desktop-create-basic,
html body[data-current-view="create"] #createView #createForm .advanced-create-fields,
html body[data-current-view="create"] #createView #createForm .desktop-create-note,
html body[data-current-view="create"] #createView #createForm .field-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body[data-current-view="create"] #createView #createForm .desktop-create-basic,
html body[data-current-view="create"] #createView #createForm .advanced-create-fields,
html body[data-current-view="create"] #createView #createForm .desktop-create-note {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body[data-current-view="create"] #createView #createForm .field-group:not(.hidden-field),
html body[data-current-view="create"] #createView #createForm .advanced-create-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 14px !important;
  grid-template-columns: 138px minmax(0, 1fr) !important;
  min-height: 48px !important;
  padding: 6px 0 !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) > span {
  color: #475569 !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  grid-column: 1 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  min-width: 0 !important;
  position: static !important;
  width: auto !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) > .choice-picker {
  grid-column: 2 !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) .ios-choice-trigger,
html body[data-current-view="create"][data-create-category] #createView #createForm .choice-picker:not(.choice-picker-compact) > button.ios-choice-trigger {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  min-height: 34px !important;
  padding: 0 !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) .ios-choice-label {
  display: none !important;
}

html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) .ios-choice-value {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

@media (max-width: 980px) {
  html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) {
    gap: 10px !important;
    grid-template-columns: 98px minmax(0, 1fr) !important;
    min-height: 44px !important;
    padding: 6px 0 !important;
  }

  html body[data-current-view="create"] #createView #createForm label:has(.choice-picker) > span {
    font-size: 13px !important;
  }
}