/* Scoped ProductSuite foundation, loaded before planning and result overrides.
   Do not name this chunk with "-legacy": Vite reserves that suffix and skips
   emitting its CSS in modern builds. */

@media (min-width: 901px) {
  body:has(.productSuiteView) .studioFrame,
  body:has(.productSuiteView) .mainPane {
    height: 100vh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(.productSuiteView) .topbar {
    min-height: 56px !important;
    border-bottom: 1px solid rgba(17, 24, 39, .08) !important;
    /* Keep the suite context bar visually quiet; the previous tinted strip
       looked like an extra, unlabeled panel above the workflow. */
    background: #fff !important;
    box-shadow: 0 1px 0 rgba(17, 24, 39, .02) !important;
  }

  body:has(.productSuiteView) .productSuiteView {
    height: calc(100vh - 56px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 16px 24px 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    display: grid !important;
    grid-template-columns: 420px minmax(0, 1fr) !important;
    gap: 18px !important;
    height: calc(100vh - 72px) !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStatus {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    position: static !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    flex: 0 0 auto !important;
    min-height: 104px !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    border-bottom: 1px solid #ececf0 !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    flex: 0 0 auto !important;
    position: static !important;
    width: 100% !important;
    min-height: 78px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #ececf0 !important;
    background: #fff !important;
    padding: 10px 18px !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 0 0 24px 24px !important;
    border-top: 0 !important;
    box-shadow: none !important;
    scrollbar-gutter: stable !important;
    scrollbar-width: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage > .resultTop {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    margin: -18px -18px 18px !important;
    border-bottom: 1px solid #f0f0f2 !important;
    background: rgba(255, 255, 255, .96) !important;
    padding: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionSelect {
    position: relative !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionTrigger {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 14px !important;
    background: #fafafa !important;
    color: #18181b !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: left !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionTrigger span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionMenu {
    position: absolute !important;
    z-index: 20 !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: 0 !important;
    display: grid !important;
    max-height: 244px !important;
    overflow-y: auto !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 6px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionMenu button {
    justify-content: flex-start !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #27272a !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-align: left !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptionMenu button:hover,
  body:has(.productSuiteView) .productSuiteView .suiteOptionMenu button.selected {
    background: #111827 !important;
    color: #fff !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningWorkbench {
    padding-bottom: 28px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: start !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop {
    display: contents !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid,
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details {
    grid-column: 2 / 4 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanCardActions {
    align-self: center !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-top: -25px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    height: calc(100vh - 144px) !important;
    min-height: 760px !important;
    max-height: 856px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    border-radius: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
    height: 126px !important;
    min-height: 126px !important;
    padding: 18px 20px 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader > span {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig {
    gap: 14px !important;
    padding: 14px 0 18px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2) {
    order: 2 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField {
    order: 3 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField textarea,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField textarea {
    min-height: 108px !important;
    max-height: 132px !important;
    border-radius: 16px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
    margin: 0 20px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .pickerTop,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-height: 214px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 2px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 5 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    order: 6 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAssetSubmit {
    order: 7 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: 100% !important;
    min-height: 64px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 18px 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps em {
    display: block !important;
    color: #8b95a3 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    justify-items: stretch !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 15px !important;
    left: 54px !important;
    right: 8px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-top: -25px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    height: calc(100vh - 144px) !important;
    min-height: 760px !important;
    max-height: 856px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader > span {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2) {
    order: 2 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField {
    order: 3 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField textarea,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField textarea {
    min-height: 108px !important;
    max-height: 132px !important;
    border-radius: 16px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .pickerTop,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop {
    grid-column: 1 / -1 !important;
    display: flex !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    max-height: 214px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button {
    min-height: 46px !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 5 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    order: 6 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAssetSubmit {
    order: 7 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    width: 100% !important;
    min-height: 64px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 18px 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps em {
    display: block !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    justify-items: stretch !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 15px !important;
    left: 54px !important;
    right: 8px !important;
  }
}
.productSuiteView {
  padding-top: 4px;
}
.productSuiteView .suiteWorkflowLayout {
  grid-template-columns: minmax(280px, 340px) minmax(420px, 1fr) minmax(300px, 360px);
  align-items: start;
}
.productSuiteView .suiteWorkflowLayout > * {
  min-width: 0;
}
.productSuiteView .suiteWorkflowMain,
.productSuiteView .suiteWorkflowAssets,
.productSuiteView .suiteWorkflowStatus {
  min-width: 0;
}
.productSuiteView .suiteWorkflowMain {
  display: grid;
  gap: 14px;
  min-height: 0;
}
.productSuiteView .suiteWorkflowStage {
  display: grid;
  gap: 14px;
  min-height: 460px;
  border: 1px solid #e7e9ee;
  border-radius: 18px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 18px 52px rgba(15, 23, 42, .08);
}
.productSuiteView .suiteWorkflowForm {
  display: grid;
  gap: 14px;
}
.productSuiteView .suiteWorkflowNav {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.productSuiteView .suiteWorkflowNav button {
  min-height: 42px;
}
.productSuiteView .suiteWorkflowStatus {
  align-self: start;
}
.productSuiteView .suiteWorkflowAssets {
  position: sticky;
  top: 88px;
  max-height: calc(100vh - 112px);
  overflow: auto;
  scrollbar-gutter: stable;
}
.productSuiteView .suiteRcSteps {
  display: block;
  margin: 0;
}
.productSuiteView .suiteRcSteps .rc-steps {
  display: flex;
  width: 100%;
  min-width: 0;
  line-height: 1.5;
}
.productSuiteView .suiteRcSteps .rc-steps,
.productSuiteView .suiteRcSteps .rc-steps * {
  box-sizing: border-box;
}
.productSuiteView .suiteRcSteps .rc-steps-item {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  vertical-align: top;
}
.productSuiteView .suiteRcSteps .rc-steps-item:last-child {
  flex: none;
}
.productSuiteView .suiteRcSteps .rc-steps-item-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.productSuiteView .suiteRcSteps .rc-steps-item-section {
  min-width: 0;
  flex: 1;
}
.productSuiteView .suiteRcSteps .rc-steps-item-rail {
  flex: 1;
  min-width: 0;
  height: 1px;
  background: #e5e7eb;
}
.productSuiteView .suiteRcSteps .rc-steps-item-icon {
  flex: none;
  width: 26px;
  height: 26px;
  border: 1px solid #d4d4d8;
  border-radius: 50%;
  border-color: #d4d4d8;
  background: #fff;
  color: #71717a;
  font-size: 12px;
  font-weight: 900;
  line-height: 24px;
  text-align: center;
}
.productSuiteView .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon,
.productSuiteView .suiteRcSteps .rc-steps-item-finish .rc-steps-item-icon {
  border-color: #111827;
  background: #111827;
}
.productSuiteView .suiteRcSteps .rc-steps-item-process .rc-steps-icon,
.productSuiteView .suiteRcSteps .rc-steps-item-finish .rc-steps-icon {
  color: #fff;
}
.productSuiteView .suiteRcSteps .rc-steps-item-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111827;
  font-size: 13px;
  font-weight: 850;
}
.productSuiteView .suiteRcSteps .rc-steps-item-description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6b7280;
  font-size: 11px;
}

@media (min-width: 901px) {
  .productSuiteView .suiteWorkflowLayout {
    display: grid !important;
    grid-template-columns: minmax(280px, 340px) minmax(420px, 1fr) minmax(300px, 360px) !important;
    gap: 18px !important;
  }

  .productSuiteView .suiteWorkflowAssets,
  .productSuiteView .suiteWorkflowMain,
  .productSuiteView .suiteWorkflowStatus {
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
  }
}

@media (min-width: 901px) {
  .productSuiteView.toolView:has(.suiteLayout) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: calc(100vh - 74px) !important;
    max-width: 1540px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 18px 28px 24px !important;
  }

  .productSuiteView .suiteLayout {
    grid-template-columns: minmax(380px, 410px) minmax(0, 1fr) !important;
    gap: 18px !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .productSuiteView .suiteForm,
  .productSuiteView .genesisBoard {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
  }

  .productSuiteView .suiteForm {
    overflow-y: auto !important;
    scroll-padding-top: 18px !important;
    overscroll-behavior: contain !important;
  }

  .productSuiteView .genesisBoard {
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
    overflow-y: hidden !important;
  }

  .productSuiteView .suiteCanvas {
    min-height: 0 !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .productSuiteView .suiteCanvas .resultImage {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    background: #f8fafc !important;
  }

  .productSuiteView .resultActions {
    margin-top: 0 !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .mainPane {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .productSuiteView.toolView:has(.suiteLayout) {
    height: auto !important;
    min-height: calc(100vh - 74px) !important;
    overflow: visible !important;
  }

  .productSuiteView .suiteLayout {
    align-items: start !important;
    height: auto !important;
    min-height: calc(100vh - 116px) !important;
    overflow: visible !important;
  }

  .productSuiteView .suiteForm {
    max-height: none !important;
    overflow: visible !important;
  }

  .productSuiteView .genesisBoard {
    position: sticky !important;
    top: 92px !important;
    max-height: calc(100vh - 112px) !important;
  }
}

.productSuiteView .suiteReferenceManager {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #e4e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

.productSuiteView .suiteReferenceManagerList {
  display: flex;
  min-width: 0;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 4px 4px 2px;
  scrollbar-width: thin;
}

.productSuiteView .suiteReferenceManagerItem {
  position: relative;
  display: grid;
  flex: 0 0 72px;
  width: 72px;
  min-width: 0;
  gap: 4px;
}

.productSuiteView .suiteReferenceManagerItem img {
  display: block;
  width: 72px;
  height: 58px;
  border: 1px solid #dfe3e8;
  border-radius: 6px;
  object-fit: cover;
}

.productSuiteView .suiteReferenceManagerItem span {
  overflow: hidden;
  color: #5c6673;
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteReferenceManagerStatus {
  display: block;
  overflow: hidden;
  color: #7a8493;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteReferenceManagerItem.is-uploading img {
  opacity: .62;
}

.productSuiteView .suiteReferenceManagerItem.is-failed img,
.productSuiteView .suiteReferenceManagerItem.is-retry_waiting img {
  border-color: #e6a0a0;
}

.productSuiteView .suiteReferenceManagerRetry {
  top: 26px;
  right: -7px;
  border-color: #e3b8b8;
  background: #fff8f8;
  color: #b42318;
}

.productSuiteView .suiteReferenceRetryAll {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 4px;
  border: 1px solid #e3b8b8;
  border-radius: 7px;
  background: #fff8f8;
  padding: 0 8px;
  color: #b42318;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.productSuiteView .suiteReferenceRetryAll:disabled {
  cursor: wait;
  opacity: .65;
}

.productSuiteView .suiteReferenceManagerItem.is-uploading img {
  opacity: .62;
}

.productSuiteView .suiteReferenceManagerItem.is-failed img,
.productSuiteView .suiteReferenceManagerItem.is-retry_waiting img {
  border-color: #e6a0a0;
}

.productSuiteView .suiteReferenceManagerItem button {
  position: absolute;
  z-index: 2;
  top: -7px;
  right: -7px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #d7dce3;
  border-radius: 50%;
  background: #fff;
  padding: 0;
  color: #4b5563;
  box-shadow: 0 3px 8px rgb(15 23 42 / 16%);
  cursor: pointer;
}

.productSuiteView .suiteReferenceClear {
  flex: 0 0 auto;
  min-height: 34px;
  border: 0;
  background: transparent;
  padding: 0 6px;
  color: #5f6875;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 760px) {
  body:has(.productSuiteView) .floatingSupport {
    display: none !important;
  }
}
@media (min-width: 901px) {
  .productSuiteView .suiteWorkflowLayout {
    display: grid !important;
    grid-template-columns: minmax(280px, 340px) minmax(420px, 1fr) minmax(300px, 360px) !important;
    align-items: start !important;
    gap: 18px !important;
    height: auto !important;
    min-height: calc(100vh - 116px) !important;
    overflow: visible !important;
  }

  .productSuiteView .suiteWorkflowLayout > .suiteWorkflowAssets,
  .productSuiteView .suiteWorkflowLayout > .suiteWorkflowMain,
  .productSuiteView .suiteWorkflowLayout > .suiteWorkflowStatus {
    min-height: 0 !important;
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
  }

  .productSuiteView .suiteWorkflowLayout > .suiteWorkflowStatus {
    position: sticky !important;
    top: 92px !important;
  }
}

@media (max-width: 900px) {
  .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 1fr !important;
  }

  .productSuiteView .suiteWorkflowStage {
    min-height: 0;
  }
}
.productSuiteView .suiteUploadDrop {
  align-content: stretch !important;
  justify-items: stretch !important;
  gap: 12px !important;
  min-height: 216px !important;
  overflow: hidden !important;
  text-align: left !important;
}

.productSuiteView .suiteNativeFileInput {
  display: none;
}

.productSuiteView .suiteUploadDrop.isDragging {
  border-color: #111827 !important;
  background: #f1f5f9 !important;
}


.productSuiteView .suiteUploadEmpty,
.productSuiteView .suiteUploadPreview,
.productSuiteView .suiteUploadSkeleton {
  min-width: 0;
}

.productSuiteView .suiteUploadEmpty {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 18px 8px 4px;
  text-align: center;
}

.productSuiteView .suiteUploadEmpty svg {
  color: #8b95a3;
}

.productSuiteView .suiteUploadPreview {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.productSuiteView .suiteUploadPreview .uploadPreview {
  width: 104px !important;
  height: 104px !important;
  border-radius: 14px;
  object-fit: cover;
}

.productSuiteView .suiteUploadPreview strong,
.productSuiteView .suiteUploadPreview span,
.productSuiteView .suiteUploadFeedback strong,
.productSuiteView .suiteUploadFeedback span {
  display: block;
  min-width: 0;
}

.productSuiteView .suiteUploadPreview strong {
  overflow: hidden;
  font-size: 14px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteUploadFeedback {
  display: grid;
  gap: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 10px 12px;
}

.productSuiteView .suiteUploadFeedback strong {
  font-size: 12px !important;
}

.productSuiteView .suiteUploadFeedback span {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.productSuiteView .suiteUploadFeedback.empty,
.productSuiteView .suiteFeedbackPanel.empty {
  background: #f8fafc;
  color: #475569;
}

.productSuiteView .suiteUploadFeedback.loading,
.productSuiteView .suiteFeedbackPanel.loading {
  border-color: #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
}

.productSuiteView .suiteUploadFeedback.success,
.productSuiteView .suiteFeedbackPanel.success {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.productSuiteView .suiteUploadFeedback.error,
.productSuiteView .suiteFeedbackPanel.error {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.productSuiteView .suiteUploadActions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.productSuiteView .suiteUploadActions button {
  display: inline-flex;
  min-width: 0;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  font-weight: 850;
}

.productSuiteView .suiteUploadActions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.productSuiteView .suiteCanvasLoading {
  display: grid;
  width: min(520px, 100%);
  height: min(360px, 100%);
  align-self: center;
  gap: 14px;
}

.productSuiteView .suiteCanvasLoading > div {
  display: grid;
  justify-items: center;
  gap: 8px;
}

.productSuiteView .suiteDoneResults {
  display: grid;
  gap: 16px;
}

.productSuiteView .suiteDoneHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.productSuiteView .suiteDoneHead > div {
  display: grid;
  gap: 4px;
}

.productSuiteView .suiteDoneHead span,
.productSuiteView .suiteDoneMeta span {
  color: #71717a;
  font-size: 12px;
  font-weight: 750;
}

.productSuiteView .suiteDoneHead strong {
  color: #111827;
  font-size: 18px;
  font-weight: 900;
}

.productSuiteView .suiteDoneResultGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.productSuiteView .suiteDoneResultCard {
  display: grid;
  min-width: 0;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.productSuiteView .suiteDoneThumb {
  display: grid;
  aspect-ratio: 4 / 3;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: #f4f4f5;
  color: #71717a;
}

.productSuiteView .suiteDoneThumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.productSuiteView .suiteDoneMeta {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.productSuiteView .suiteDoneMeta strong,
.productSuiteView .suiteDoneMeta span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteDoneMeta strong {
  color: #18181b;
  font-size: 13px;
  font-weight: 900;
}

.productSuiteView .suiteDoneActions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.productSuiteView .suiteDoneActions button {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
}

.productSuiteView .suiteDoneActions button:hover {
  border-color: #18181b;
  color: #111827;
}

.productSuiteView .suiteFeedbackPanel {
  display: grid;
  gap: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
}

.productSuiteView .suiteFeedbackPanel strong {
  font-size: 13px;
}

.productSuiteView .suiteFeedbackPanel span {
  font-size: 12px;
  line-height: 1.55;
}

.productSuiteView .suitePreviewModal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, .58);
  padding: 18px;
}

.productSuiteView .suitePreviewDialog {
  position: relative;
  display: grid;
  width: min(720px, 100%);
  max-height: min(760px, 92vh);
  gap: 10px;
  border-radius: 18px;
  background: #fff;
  padding: 14px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.productSuiteView .suitePreviewDialog > button {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  color: #111827;
}

.productSuiteView .suitePreviewDialog img {
  display: block;
  width: 100%;
  max-height: 68vh;
  border-radius: 14px;
  object-fit: contain;
  background: #f8fafc;
}

.productSuiteView .suitePreviewDialog span {
  overflow: hidden;
  color: #475569;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .productSuiteView .suiteUploadPreview {
    grid-template-columns: minmax(0, 1fr);
  }

  .productSuiteView .suiteUploadPreview .uploadPreview {
    width: 100% !important;
    height: auto !important;
    max-height: 220px;
    aspect-ratio: 4 / 3;
  }

  .productSuiteView .suiteUploadActions {
    grid-template-columns: minmax(0, 1fr);
  }

  .productSuiteView .suiteCanvasLoading {
    min-height: 240px;
  }
}
@media (max-width: 640px) {
  .productSuiteView .suiteWorkflowAssets {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  .productSuiteView .suiteUploadDrop {
    min-height: 188px !important;
  }

  .productSuiteView .suiteUploadFeedback {
    padding: 8px 10px !important;
  }

  .productSuiteView .suiteUploadActions {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    min-height: 124px !important;
    padding: 18px 20px 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro > div:first-child {
    width: min(560px, 100%) !important;
    max-width: 560px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro h1 {
    max-width: none !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro p:not(.eyebrow) {
    max-width: 560px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    min-height: 64px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ededed !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 20px 16px !important;
  }
}

@media (max-width: 640px) {
  body:has(.productSuiteView) .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    min-height: 64px !important;
    padding: 0 16px !important;
  }

  body:has(.productSuiteView) .compactSearch,
  body:has(.productSuiteView) .topbarSpacer,
  body:has(.productSuiteView) .pointsBtn,
  body:has(.productSuiteView) .upgradeBtn,
  body:has(.productSuiteView) .promoBtn {
    display: none !important;
  }

  body:has(.productSuiteView) .mobileMenu {
    display: inline-grid !important;
    grid-column: 1 !important;
    justify-self: start !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView) .mobilePublicBrand {
    display: block !important;
    grid-column: 2 !important;
    justify-self: start !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
  }

  body:has(.productSuiteView) .loginBtn,
  body:has(.productSuiteView) .avatarBtn {
    grid-column: 3 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 52px !important;
    height: 36px !important;
  }

  .productSuiteView .suiteWorkflowAssets {
    border-radius: 26px !important;
  }

  .productSuiteView .suiteUploadDrop.empty {
    position: relative !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    opacity: 0 !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions button:not(:first-child) {
    display: none !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions button:first-child {
    width: 100% !important;
    height: 100% !important;
  }

  .productSuiteView .suiteTemplateRail {
    display: none !important;
  }

  .productSuiteView .suiteOptions.suiteFrontOptions {
    display: none !important;
  }

  .productSuiteView .suitePromptField {
    margin-top: 16px !important;
  }

  .productSuiteView .suitePromptField textarea {
    min-height: 118px !important;
  }
}

.productSuiteView .suiteStatusActions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.productSuiteView .suiteStatusActions[hidden] {
  display: none !important;
}

.productSuiteView .suiteStatusActions button {
  display: inline-flex;
  min-width: 0;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  font-weight: 850;
}

.productSuiteView .suiteCountInputShell button {
  display: inline-grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  color: #111827;
  font-size: 16px;
  font-weight: 950;
}

.productSuiteView .suiteAssetHeader {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #ececf0;
  margin: -2px -2px 2px;
  padding-bottom: 12px;
}

.productSuiteView .suiteAssetHeader > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.productSuiteView .suiteAssetHeader h1 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 1.25;
}

.productSuiteView .suiteAssetHeader p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.55;
}

.productSuiteView .suiteAssetHeader > span {
  flex: 0 0 auto;
  color: #64748b;
  font-weight: 950;
}

.productSuiteView .suiteFrontConfig,
.productSuiteView .suiteInputBrief,
.productSuiteView .suitePlanningWorkbench,
.productSuiteView .suitePlanSection,
.productSuiteView .suiteStatusPlan {
  display: grid;
  min-width: 0;
}

.productSuiteView .suiteFrontConfig {
  gap: 11px;
  border: 1px solid #e7e9ee;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.productSuiteView .suiteFrontConfig .fieldBlock > span,
.productSuiteView .suitePlanHead span,
.productSuiteView .suiteChecklistGrid span,
.productSuiteView .suiteRuleGrid span,
.productSuiteView .suiteStatusPlan span,
.productSuiteView .suiteInputBrief span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.productSuiteView .suiteFrontConfig select,
.productSuiteView .suiteFrontConfig input,
.productSuiteView .suiteFrontConfig textarea {
  width: 100%;
  min-width: 0;
}

.productSuiteView .suitePromptField textarea {
  min-height: 92px;
  max-height: 160px;
  resize: vertical;
}

.productSuiteView .suiteTemplateRail {
  display: grid;
  gap: 11px;
  min-width: 0;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  background: #fbfbfa;
  padding: 10px;
}

.productSuiteView .suiteTemplateRail > div:last-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.productSuiteView .suiteTemplateRail p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.productSuiteView .suiteTemplateRail button {
  justify-content: flex-start;
  min-height: 44px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  text-align: left;
}

.productSuiteView .suiteTemplateRail button.selected {
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.productSuiteView .suiteFrontOptions {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.productSuiteView .suiteMiniEstimate {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  padding: 11px 12px;
}

.productSuiteView .suiteMiniEstimate span {
  color: rgba(255, 255, 255, .72);
  font-size: 12px;
  font-weight: 850;
}

.productSuiteView .suiteMiniEstimate strong {
  font-size: 16px;
}

.productSuiteView .suiteInputBrief {
  gap: 14px;
}

.productSuiteView .suiteInputBrief > div:first-child,
.productSuiteView .suiteBriefGrid article,
.productSuiteView .suitePlanSection,
.productSuiteView .suiteImagePlanCard,
.productSuiteView .suiteStatusPlan {
  border: 1px solid #e7e9ee;
  border-radius: 8px;
  background: #fff;
  padding: 14px;
}

.productSuiteView .suiteInputBrief strong {
  display: block;
  margin-top: 6px;
  color: #111827;
  font-size: 22px;
  line-height: 1.2;
}

.productSuiteView .suiteInputBrief p,
.productSuiteView .suiteBriefGrid p,
.productSuiteView .suiteRuleGrid p,
.productSuiteView .suiteStatusPlan p,
.productSuiteView .suiteImagePlanCard p {
  margin: 6px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
}

.productSuiteView .suiteBriefGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.productSuiteView .suiteBriefGrid strong {
  font-size: 18px;
}

.productSuiteView .suitePlanningWorkbench {
  gap: 14px;
}

.productSuiteView .suitePlanningWorkbench .doneBadge,
.productSuiteView .suiteDoneResults .doneBadge {
  position: static;
  justify-self: start;
}

.productSuiteView .suitePlanSection {
  gap: 12px;
  background: #fbfdff;
}

.productSuiteView .suitePlanHead {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.productSuiteView .suitePlanHead strong {
  color: #111827;
  font-size: 15px;
}

.productSuiteView .suiteChecklistGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.productSuiteView .suiteChecklistGrid div {
  min-width: 0;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.productSuiteView .suiteChecklistGrid strong {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: #111827;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteRuleGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.productSuiteView .suiteRuleGrid article {
  min-width: 0;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.productSuiteView .suiteImagePlanGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.productSuiteView .suitePlanningEmpty {
  display: grid;
  justify-items: center;
  gap: 8px;
  border: 1px dashed #d4d4d8;
  border-radius: 12px;
  background: #fff;
  color: #64748b;
  padding: 28px 16px;
  text-align: center;
}

.productSuiteView .suitePlanningEmpty strong {
  color: #111827;
  font-size: 15px;
}

.productSuiteView .suitePlanningEmpty span {
  max-width: 360px;
  font-size: 13px;
  line-height: 1.6;
}

.productSuiteView .suiteImagePlanCard {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.productSuiteView .suiteImagePlanTop {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.productSuiteView .suiteImagePlanTop > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

.productSuiteView .suiteImagePlanTop strong,
.productSuiteView .suiteImagePlanTop em {
  display: block;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.productSuiteView .suiteImagePlanTop strong {
  color: #111827;
  font-size: 15px;
}

.productSuiteView .suiteImagePlanTop em {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.productSuiteView .suitePlanTags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.productSuiteView .suitePlanTags small {
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.productSuiteView .suitePlanCardActions {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}

.productSuiteView .suitePlanCardActions button,
.productSuiteView .suitePromptToolbar button {
  display: inline-flex;
  min-width: 30px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 850;
}

.productSuiteView .suitePlanCardActions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.productSuiteView .suiteImagePlanCard dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.productSuiteView .suiteImagePlanCard dl div {
  min-width: 0;
  border-left: 2px solid #e5e7eb;
  padding-left: 9px;
}

.productSuiteView .suiteImagePlanCard dt {
  color: #111827;
  font-size: 12px;
  font-weight: 950;
}

.productSuiteView .suiteImagePlanCard dd {
  margin: 4px 0 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.55;
}

.productSuiteView .suiteImagePlanCard details {
  min-width: 0;
  border-radius: 8px;
  background: #f8fafc;
}

.productSuiteView .suiteImagePlanCard summary {
  cursor: pointer;
  padding: 10px 11px;
  color: #111827;
  font-size: 12px;
  font-weight: 900;
}

.productSuiteView .suitePromptToolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid #e5e7eb;
  padding: 8px 11px;
}

.productSuiteView .suitePromptToolbar span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.productSuiteView .suitePromptToolbar em {
  margin-right: auto;
  color: #047857;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.productSuiteView .suiteImagePlanCard pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  border-top: 1px solid #e5e7eb;
  padding: 10px 11px 12px;
  color: #334155;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.65;
}

.productSuiteView .suitePromptEditor {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 360px;
  resize: vertical;
  border: 0;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  color: #111827;
  padding: 12px 13px;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.65;
  outline: none;
}

.productSuiteView .suitePromptEditor:focus {
  box-shadow: inset 0 0 0 2px rgba(17, 24, 39, .12);
}

.productSuiteView .suiteStatusPlan {
  gap: 6px;
  background: #f8fafc;
}

.productSuiteView .suiteStatusPlan p {
  font-size: 12px;
}

@media (max-width: 1200px) {
  .productSuiteView .suiteBriefGrid,
  .productSuiteView .suiteChecklistGrid,
  .productSuiteView .suiteRuleGrid,
  .productSuiteView .suiteImagePlanGrid,
  .productSuiteView .suiteDoneResultGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .productSuiteView .suiteIntro.pageHead {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .productSuiteView .suiteStatusActions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .productSuiteView .suiteUploadActions button {
    min-width: 0 !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    font-size: 12px !important;
  }

  .productSuiteView .suiteFrontConfig,
  .productSuiteView .suiteInputBrief > div:first-child,
  .productSuiteView .suiteBriefGrid article,
  .productSuiteView .suitePlanSection,
  .productSuiteView .suiteImagePlanCard,
  .productSuiteView .suiteStatusPlan {
    padding: 12px !important;
  }

  .productSuiteView .suitePlanHead {
    align-items: flex-start;
    flex-direction: column;
  }

  .productSuiteView .suiteDoneHead {
    align-items: stretch;
    flex-direction: column;
  }

  .productSuiteView .suiteImagePlanTop {
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .productSuiteView .suitePlanCardActions {
    grid-column: 2;
  }

  .productSuiteView .suiteTemplateRail > div:last-child {
    max-height: 130px;
    overflow-y: auto;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .mainPane {
    background: #fff !important;
  }

  body:has(.productSuiteView) .toolView.productSuiteView {
    max-width: none !important;
    margin: 0 !important;
    padding: 46px 24px 24px !important;
  }

  .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 16px !important;
    width: min(100%, 1156px) !important;
    margin: 0 auto !important;
  }

  .productSuiteView .suiteWorkflowStatus {
    display: none !important;
  }

  .productSuiteView .suiteWorkflowAssets,
  .productSuiteView .suiteWorkflowMain {
    box-sizing: border-box !important;
    border: 1px solid #ededed !important;
    border-radius: 28px !important;
    background: #fff !important;
    box-shadow: 0 18px 60px rgba(24, 24, 27, .06) !important;
  }

  .productSuiteView .suiteWorkflowAssets {
    top: 118px !important;
    display: flex !important;
    flex-direction: column !important;
    position: sticky !important;
    height: 776px !important;
    max-height: 776px !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    padding: 0 !important;
  }

  .productSuiteView .suiteWorkflowMain {
    display: flex !important;
    flex-direction: column !important;
    height: 776px !important;
    min-height: 776px !important;
    overflow: hidden !important;
    gap: 0 !important;
  }

  .productSuiteView .suiteAssetHeader,
  .productSuiteView .suiteUploadSectionHead,
  .productSuiteView .suiteFrontConfig,
  .productSuiteView .suiteAnalysisNote,
  .productSuiteView .toolAssetShelf {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .productSuiteView .suiteAssetHeader {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ededed !important;
    padding: 16px 0 !important;
  }

  .productSuiteView .suiteAssetHeader .suiteLabel,
  .productSuiteView .suiteIntro .eyebrow {
    color: #a1a1aa !important;
    font-size: 12px !important;
    letter-spacing: .18em !important;
  }

  .productSuiteView .suiteAssetHeader h1 {
    font-size: 20px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suiteAssetHeader p {
    max-width: 292px !important;
    color: #52525b !important;
    font-size: 13px !important;
  }

  .productSuiteView .suiteUploadSectionHead {
    flex: 0 0 auto !important;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    height: 42px !important;
    padding-top: 0 !important;
  }

  .productSuiteView .suiteUploadSectionHead strong,
  .productSuiteView .suiteUploadSectionHead span,
  .productSuiteView .suiteUploadSectionHead em {
    display: block;
  }

  .productSuiteView .suiteUploadSectionHead strong {
    color: #18181b;
    font-size: 15px;
    font-weight: 900;
  }

  .productSuiteView .suiteUploadSectionHead span {
    margin-top: 5px;
    color: #71717a;
    font-size: 13px;
  }

  .productSuiteView .suiteUploadSectionHead em {
    color: #71717a;
    font-size: 16px;
    font-style: normal;
    font-weight: 950;
  }

  .productSuiteView .suiteUploadDrop {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    min-height: 124px !important;
    margin: 2px 20px 16px !important;
    border-color: #e5e7eb !important;
    border-radius: 22px !important;
    background: #fafafa !important;
    padding: 14px !important;
  }

  .productSuiteView .suiteUploadDrop.empty {
    box-sizing: border-box !important;
    height: 124px !important;
    min-height: 0 !important;
    position: relative !important;
    padding-bottom: 40px !important;
  }

  .productSuiteView .suiteUploadEmpty {
    align-content: center !important;
    justify-items: center !important;
    min-height: 48px !important;
    padding: 0 !important;
  }

  .productSuiteView .suiteUploadEmpty strong {
    color: #18181b;
    font-size: 15px !important;
    font-weight: 900;
  }

  .productSuiteView .suiteUploadEmpty span {
    color: #71717a;
    font-size: 13px !important;
  }

  .productSuiteView .suiteUploadFeedback,
  .productSuiteView .suiteUploadActions {
    display: none !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-top: 0 !important;
    position: absolute !important;
    inset: 0 !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions button:not(:first-child) {
    display: none !important;
  }

  .productSuiteView .suiteUploadDrop.empty .suiteUploadActions button:first-child {
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    justify-self: stretch !important;
  }

  .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadFeedback,
  .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions {
    display: grid !important;
  }

  .productSuiteView .suiteFrontConfig {
    order: 5 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    display: grid !important;
    gap: 12px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 12px 0 166px !important;
  }

  .productSuiteView .suiteFrontConfig > .fieldBlock:nth-of-type(1) {
    order: 1 !important;
  }

  .productSuiteView .suiteFrontConfig > .fieldBlock:nth-of-type(2) {
    order: 2 !important;
  }

  .productSuiteView .suiteFrontConfig > .fieldBlock:not(.suitePromptField):last-of-type {
    order: 3 !important;
  }

  .productSuiteView .suiteMiniEstimate {
    order: 4 !important;
  }

  .productSuiteView .suiteAssetSubmit {
    order: 5 !important;
  }

  .productSuiteView .suitePromptField {
    order: 6 !important;
  }

  .productSuiteView .suiteTemplateRail {
    order: 7 !important;
  }

  .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 8 !important;
  }

  .productSuiteView .suiteFrontConfig > * {
    order: 20 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(1) {
    order: 1 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(2) {
    order: 2 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(6) {
    order: 9 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(7) {
    order: 3 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(8) {
    order: 4 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(3) {
    order: 5 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(4) {
    order: 6 !important;
  }

  .productSuiteView .suiteFrontConfig > :nth-child(5) {
    order: 7 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(1) {
    order: 1 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2) {
    order: 2 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(6) {
    order: 9 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteMiniEstimate:nth-child(7) {
    order: 3 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteAssetSubmit:nth-child(8) {
    order: 4 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock.suitePromptField:nth-child(3) {
    order: 5 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteTemplateRail:nth-child(4) {
    order: 6 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteOptions.suiteFrontOptions:nth-child(5) {
    order: 7 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteMiniEstimate {
    order: 3 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .suiteAssetSubmit {
    order: 4 !important;
  }

  .productSuiteView .suiteFrontConfig .fieldBlock > span {
    color: #52525b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  .productSuiteView .suiteFrontConfig select,
  .productSuiteView .suiteFrontConfig input,
  .productSuiteView .suiteFrontConfig textarea {
    border-color: #e4e4e7 !important;
    border-radius: 12px !important;
    background: #f7f7f5 !important;
    color: #18181b !important;
    font-size: 14px !important;
  }

  .productSuiteView .suitePromptField textarea {
    min-height: 160px !important;
    border-radius: 20px !important;
    padding: 15px 16px !important;
  }

  .productSuiteView .suitePromptField {
    margin-top: 40px !important;
  }

  .productSuiteView .segmented {
    height: 48px !important;
    border: 1px solid #e7e7ea !important;
    border-radius: 16px !important;
    background: #fafafa !important;
    padding: 4px !important;
  }

  .productSuiteView .segmented button {
    height: 38px !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #52525b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .segmented button.active {
    background: #fff !important;
    color: #111827 !important;
    box-shadow: 0 2px 10px rgba(24, 24, 27, .08) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig .segmented button.active {
    background: #fff !important;
    color: #111827 !important;
    box-shadow: 0 2px 10px rgba(24, 24, 27, .08) !important;
  }

  .productSuiteView .suiteTemplateRail {
    gap: 12px !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }

  .productSuiteView .suiteTemplateRail > div:last-child,
  .productSuiteView .sectionGrid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .productSuiteView .suiteTemplateRail button,
  .productSuiteView .sectionGrid button {
    min-height: 58px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #27272a !important;
    padding: 0 12px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  .productSuiteView .suiteTemplateRail button.selected,
  .productSuiteView .sectionGrid button.active {
    border-color: #18181b !important;
    background: #18181b !important;
    color: #fff !important;
  }

  .productSuiteView .selectAllBtn {
    justify-self: end !important;
    width: auto !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    padding: 0 12px !important;
  }

  .productSuiteView .suiteOptions.suiteFrontOptions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .productSuiteView .suiteOptions.suiteFrontOptions > .fieldBlock:first-child {
    grid-column: 1 / -1 !important;
  }

  .productSuiteView .suiteMiniEstimate {
    position: absolute !important;
    right: 20px !important;
    bottom: 86px !important;
    left: 20px !important;
    z-index: 8 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    border-radius: 0 !important;
    background: #fafafa !important;
    color: #18181b !important;
    padding: 14px !important;
  }

  .productSuiteView .suiteMiniEstimate span,
  .productSuiteView .suiteMiniEstimate strong {
    color: #18181b !important;
    line-height: 1.15 !important;
  }

  .productSuiteView .suiteMiniEstimate span {
    font-size: 14px !important;
    font-weight: 500 !important;
  }

  .productSuiteView .suiteMiniEstimate strong {
    justify-self: end !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suiteAssetSubmit .primaryBtn {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    background: #ececef !important;
    color: #a1a1aa !important;
    box-shadow: none !important;
  }

  .productSuiteView .suiteAssetSubmit .primaryBtn:not(:disabled) {
    background: #111827 !important;
    color: #fff !important;
  }

  .productSuiteView .suiteAssetSubmit {
    position: absolute !important;
    right: 20px !important;
    bottom: 0 !important;
    left: 20px !important;
    z-index: 9 !important;
    margin: 0 !important;
    border-top: 1px solid #ededed !important;
    background: #fff !important;
    padding: 10px 0 14px !important;
  }

  .productSuiteView .suiteAnalysisNote {
    order: 4 !important;
    flex: 0 0 auto !important;
    border-radius: 16px !important;
    background: #fafafa !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    padding: 13px 14px !important;
  }

  .productSuiteView .suiteIntro {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    padding: 16px 20px 12px !important;
  }

  .productSuiteView .suiteIntro h1 {
    font-size: 22px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suiteIntro p:not(.eyebrow) {
    max-width: 560px !important;
    margin-top: 6px !important;
    font-size: 13px !important;
  }

  .productSuiteView .suiteIntro .pageActions {
    display: none !important;
  }

  .productSuiteView .suiteSteps {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: visible !important;
    border-top: 0 !important;
    border-bottom: 1px solid #ededed !important;
    margin: 0 !important;
    padding: 12px 20px 16px !important;
  }

  .productSuiteView .suiteSteps div {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    background: transparent !important;
  }

  .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 17px !important;
    right: 10px !important;
    left: 56px !important;
    width: auto !important;
  }

  .productSuiteView .suiteSteps span {
    width: 34px !important;
    height: 34px !important;
    background: #f1f1f3 !important;
    color: #71717a !important;
  }

  .productSuiteView .suiteSteps div.active span,
  .productSuiteView .suiteSteps div.done span {
    background: #050509 !important;
    color: #fff !important;
  }

  .productSuiteView .suiteSteps strong {
    font-size: 13px !important;
  }

  .productSuiteView .suiteWorkflowStage {
    flex: 1 1 auto !important;
    min-height: 480px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .productSuiteView .suiteWorkflowStage > .resultTop {
    display: none !important;
  }

  .productSuiteView .suiteWorkflowStage[data-stage="input"],
  .productSuiteView .suiteWorkflowStage[data-stage="analyzing"],
  .productSuiteView .suiteWorkflowStage[data-stage="generating"] {
    place-items: center !important;
  }

  .productSuiteView .suiteWorkflowStage[data-stage="input"] .suiteWorkflowNav {
    display: none !important;
  }

  .productSuiteView .suiteBoardEmpty {
    display: grid !important;
    width: min(560px, 100%) !important;
    justify-items: center !important;
    gap: 12px !important;
    padding: 44px 24px !important;
    color: #52525b !important;
    text-align: center !important;
  }

  .productSuiteView .suiteBoardEmptyIcon {
    display: grid;
    width: 64px;
    height: 64px;
    place-items: center;
    border-radius: 18px;
    background: #f1f1f3;
    color: #a1a1aa;
  }

  .productSuiteView .suiteBoardEmpty > strong {
    color: #050509 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suiteBoardEmpty > p {
    max-width: 540px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
  }

  .productSuiteView .suiteBoardEmpty .suiteInputBrief {
    display: none !important;
  }

  .productSuiteView .suitePlanningWorkbench,
  .productSuiteView .suiteDoneResults {
    width: 100% !important;
    padding: 22px !important;
  }
}

@media (max-width: 900px) {
  .productSuiteView .suiteUploadSectionHead,
  .productSuiteView .suiteAssetSubmit {
    display: none !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .toolView.productSuiteView {
    padding: 24px 24px 24px !important;
  }

  .productSuiteView .suiteWorkflowLayout {
    width: 100% !important;
    margin: 0 !important;
  }

  .productSuiteView .suiteWorkflowStage[data-stage="planning"],
  .productSuiteView .suiteWorkflowStage[data-stage="done"] {
    overflow-y: auto !important;
    align-content: start !important;
    border-top: 1px solid #ededed !important;
  }

  .productSuiteView .suiteWorkflowStage[data-stage="planning"] .suiteWorkflowNav,
  .productSuiteView .suiteWorkflowStage[data-stage="planning"] .resultActions {
    display: none !important;
  }

  .productSuiteView .suiteCountInputShell {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 12px !important;
    background: #f7f7f5 !important;
    padding: 0 12px !important;
  }

  .productSuiteView .suiteCountInputShell input {
    height: 42px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suiteCountInputShell em {
    color: #18181b !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suiteAssetSubmit {
    display: grid !important;
    gap: 10px !important;
    padding-bottom: 20px !important;
  }

  .productSuiteView .suiteAssetSubmit .secondaryBtn {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid #ececef !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #18181b !important;
    box-shadow: none !important;
    font-weight: 900 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig {
    padding-bottom: 218px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    bottom: 132px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .toolAssetShelf {
    display: none !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteUploadDrop.hasPreview {
    min-height: 88px !important;
    margin-bottom: 6px !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteUploadPreview {
    display: grid !important;
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteUploadPreview img {
    width: 84px !important;
    height: 84px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadFeedback,
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions {
    display: none !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"] .suiteImagePlanCard) .productSuiteView .suitePromptField,
  body:has(.suiteWorkflowStage[data-stage="planning"] .suiteImagePlanCard) .productSuiteView .suiteTemplateRail {
    display: none !important;
  }

  .productSuiteView .suitePlanningWorkbench {
    box-sizing: border-box !important;
    display: grid !important;
    max-width: 100% !important;
    gap: 14px !important;
    padding: 18px 20px !important;
  }

  .productSuiteView .suiteWorkflowMain {
    position: relative !important;
  }

  .productSuiteView .suiteIntro {
    box-sizing: border-box !important;
    height: 98px !important;
    min-height: 98px !important;
    overflow: hidden !important;
    padding: 18px 820px 10px 20px !important;
  }

  .productSuiteView .suiteSteps {
    position: absolute !important;
    top: 20px !important;
    right: 28px !important;
    z-index: 3 !important;
    width: min(780px, calc(100% - 360px)) !important;
    min-height: 54px !important;
    align-items: center !important;
    border: 1px solid #ededed !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 4px 18px rgba(24, 24, 27, .06) !important;
    padding: 8px 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: absolute !important;
    top: 20px !important;
    right: 28px !important;
    left: auto !important;
    width: min(780px, calc(100% - 360px)) !important;
  }

  .productSuiteView .suitePlanningWorkbench .doneBadge {
    display: none !important;
  }

  .productSuiteView .suitePlanningField {
    border: 1px solid #ededed !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 16px 20px !important;
  }

  .productSuiteView .suitePlanTitleRow {
    align-items: flex-start !important;
  }

  .productSuiteView .suitePlanTitleRow > div {
    display: grid !important;
    gap: 6px !important;
  }

  .productSuiteView .suitePlanTitleRow span {
    color: #09090b !important;
    font-size: 17px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suitePlanTitleRow p {
    margin: 0 !important;
    color: #71717a !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .productSuiteView .suiteCountBadge {
    border-radius: 999px !important;
    background: #f4f4f5 !important;
    color: #27272a !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }

  .productSuiteView .suiteSummaryCard {
    display: grid !important;
    gap: 12px !important;
    border: 1px solid #ededed !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 14px 20px !important;
  }

  .productSuiteView .suiteSummaryCard > div:first-child {
    display: grid !important;
    gap: 5px !important;
  }

  .productSuiteView .suiteSummaryCard > div:first-child strong {
    color: #18181b !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suiteSummaryCard > div:first-child span {
    color: #71717a !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  .productSuiteView .suiteChecklistGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .productSuiteView .suiteChecklistGrid div {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-areas: "icon value" "icon label" !important;
    align-items: center !important;
    column-gap: 12px !important;
    border: 1px solid #ededed !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 10px 12px !important;
  }

  .productSuiteView .suiteChecklistGrid svg {
    grid-area: icon !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: #f4f4f5 !important;
    color: #71717a !important;
    padding: 8px !important;
  }

  .productSuiteView .suiteChecklistGrid strong {
    grid-area: value !important;
    margin: 0 !important;
    color: #09090b !important;
    font-size: 15px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suiteChecklistGrid span {
    grid-area: label !important;
    color: #71717a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

.productSuiteView .suiteRuleEditButton {
  display: inline-flex !important;
  min-height: 38px !important;
    align-items: center !important;
    gap: 7px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #18181b !important;
    padding: 0 14px !important;
    font-size: 13px !important;
  font-weight: 900 !important;
}

.productSuiteView .suiteRuleActions {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.productSuiteView .suiteRuleResetButton {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  gap: 7px !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #52525b !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.productSuiteView .suiteRuleEditorGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  border-top: 1px solid #f1f1f3 !important;
  padding-top: 12px !important;
}

.productSuiteView .suiteRuleEditorGrid label {
  display: grid !important;
  min-width: 0 !important;
  gap: 7px !important;
}

.productSuiteView .suiteRuleEditorGrid label span {
  color: #52525b !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.productSuiteView .suiteRuleEditorGrid textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 92px !important;
  resize: vertical !important;
  border: 1px solid #e4e4e7 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111827 !important;
  padding: 10px 11px !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
  outline: none !important;
}

.productSuiteView .suiteRuleEditorGrid textarea:focus {
  border-color: #a1a1aa !important;
  box-shadow: 0 0 0 3px rgba(17, 24, 39, .08) !important;
}

  .productSuiteView .suiteRuleGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid #f1f1f3 !important;
    padding-top: 10px !important;
  }

  .productSuiteView .suiteRuleGrid article {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-areas: "icon label" "icon text" !important;
    align-items: center !important;
    column-gap: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 18px !important;
  }

  .productSuiteView .suiteRuleGrid article:not(:last-child) {
    border-right: 1px solid #f1f1f3 !important;
  }

  .productSuiteView .suiteRuleGrid svg {
    grid-area: icon !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    background: #f4f4f5 !important;
    color: #71717a !important;
    padding: 8px !important;
  }

  .productSuiteView .suiteRuleGrid span {
    grid-area: label !important;
    color: #71717a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .productSuiteView .suiteRuleGrid p {
    grid-area: text !important;
    overflow: hidden !important;
    margin: 3px 0 0 !important;
    color: #09090b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .productSuiteView .suiteImagesSection {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
  }

  .productSuiteView .suiteImagesSection > .suitePlanHead {
    padding: 0 !important;
  }

  .productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionPicker {
    display: none !important;
  }

  .productSuiteView .suiteImagePlanGrid {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .productSuiteView .suiteImagePlanCard {
    box-sizing: border-box !important;
    display: grid !important;
    width: 100% !important;
    gap: 12px !important;
    border: 1px solid #ededed !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 14px 18px !important;
  }

  .productSuiteView .suiteImagePlanTop {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
  }

  .productSuiteView .suiteImagePlanTop > span {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: #f4f4f5 !important;
    color: #27272a !important;
    font-size: 14px !important;
  }

  .productSuiteView .suiteImagePlanTop strong {
    color: #09090b !important;
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  .productSuiteView .suiteImagePlanTop em {
    display: none !important;
  }

  .productSuiteView .suitePlanTags {
    margin-top: 6px !important;
  }

  .productSuiteView .suitePlanTags small {
    border: 0 !important;
    border-radius: 6px !important;
    background: #f4f4f5 !important;
    color: #52525b !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suitePlanTags small:nth-child(2) {
    background: #dff7e9 !important;
    color: #047857 !important;
  }

  .productSuiteView .suitePlanCardActions {
    display: flex !important;
    gap: 8px !important;
    grid-column: auto !important;
  }

  .productSuiteView .suitePlanCardActions button {
    min-width: 32px !important;
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #71717a !important;
  }

  .productSuiteView .suitePlanBriefGrid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .78fr) !important;
    gap: 8px !important;
    padding-left: 48px !important;
  }

  .productSuiteView .suitePlanBriefGrid div {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: 18px auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 8px !important;
    background: #fafafa !important;
    padding: 8px 10px !important;
  }

  .productSuiteView .suitePlanBriefGrid div:nth-child(3) {
    grid-column: 1 / -1 !important;
    width: min(720px, 100%) !important;
  }

  .productSuiteView .suitePlanBriefGrid svg {
    color: #71717a !important;
  }

  .productSuiteView .suitePlanBriefGrid span {
    color: #52525b !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suitePlanBriefGrid strong {
    overflow: hidden !important;
    margin: 0 !important;
    color: #18181b !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .productSuiteView .suiteImagePlanCard details {
    margin-left: 48px !important;
    background: transparent !important;
  }

  .productSuiteView .suiteImagePlanCard summary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    color: #71717a !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  .productSuiteView .suiteImagePlanCard pre {
    max-height: 220px !important;
    overflow: auto !important;
    margin-top: 10px !important;
    border: 1px solid #ededed !important;
    border-radius: 12px !important;
    background: #fafafa !important;
  }
}

@media (min-width: 1600px) {
  body:has(.productSuiteView) .toolView.productSuiteView {
    padding-top: 0 !important;
  }

  .productSuiteView .suiteWorkflowAssets {
    top: 0 !important;
  }

  .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 420px minmax(0, 1fr) !important;
  }

  .productSuiteView .suiteWorkflowAssets,
  .productSuiteView .suiteWorkflowMain {
    height: 776px !important;
    min-height: 776px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 124px !important;
    overflow: visible !important;
    padding: 18px 20px 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro > div:first-child {
    width: min(560px, 100%) !important;
    max-width: 560px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro h1 {
    max-width: none !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
    width: 100% !important;
    min-height: 64px !important;
    border: 0 !important;
    border-bottom: 1px solid #ededed !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 20px 16px !important;
  }
}

@media (max-width: 640px) {
  body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate {
    border: 1px solid #f0f0f0 !important;
    background: #fafafa !important;
    color: #111827 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate span,
  body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate strong {
    color: #111827 !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="done"] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneResults {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneHead {
    gap: 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneHeadActions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneHeadActions .secondaryBtn {
    min-height: 40px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111827 !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneResultGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneResultCard {
    min-width: 0 !important;
    border-radius: 12px !important;
    padding: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneThumb {
    aspect-ratio: 16 / 9 !important;
    min-height: 132px !important;
  }
}

@media (max-width: 640px) {
  body:has(.productSuiteView) .productSuiteView .suiteDoneHeadActions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneHeadActions .secondaryBtn {
    width: 100% !important;
    justify-content: center !important;
  }
}
@media (max-width: 640px) {
  body:has(.productSuiteView) .promoBanner,
  body:has(.productSuiteView) .promoBar {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail {
    display: grid !important;
    gap: 12px !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:last-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail .pickerTop + div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button,
  body:has(.productSuiteView) .productSuiteView .sectionGrid button {
    display: flex !important;
    width: 100% !important;
    min-height: 56px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #27272a !important;
    padding: 10px 12px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected,
  body:has(.productSuiteView) .productSuiteView .sectionGrid button.active {
    border-color: #111827 !important;
    background: #111827 !important;
    color: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteOptions.suiteFrontOptions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit {
    position: static !important;
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn,
  body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .secondaryBtn {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn {
    background: #ececef !important;
    color: #a1a1aa !important;
    box-shadow: none !important;
  }

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn:not(:disabled) {
  background: #111827 !important;
  color: #fff !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit button.primaryBtn:not([disabled]) {
  opacity: 1 !important;
  background: #050505 !important;
  border-color: #050505 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(5, 5, 5, .16) !important;
}
}

.productSuiteView .suiteImagePlanCard details[open] pre {
  max-height: none !important;
  overflow: visible !important;
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    position: relative !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    min-height: 108px !important;
    padding: 18px 500px 12px 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro > div:first-child {
    width: min(360px, 100%) !important;
    max-width: 360px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: absolute !important;
    top: 20px !important;
    right: 22px !important;
    left: auto !important;
    z-index: 4 !important;
    width: min(448px, calc(100% - 300px)) !important;
    min-height: 56px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    border: 1px solid #ededed !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 4px 18px rgba(24, 24, 27, .06) !important;
    padding: 8px 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps span {
    width: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 16px !important;
    left: 54px !important;
    right: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="planning"] {
    border-top: 1px solid #ededed !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanningWorkbench {
    gap: 12px !important;
    padding: 12px 20px 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteChecklistSection,
  body:has(.productSuiteView) .productSuiteView .suiteRulesSection,
  body:has(.productSuiteView) .productSuiteView .suiteImagesSection > .suitePlanHead {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanGrid {
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanCard {
    gap: 10px !important;
    border-radius: 16px !important;
    padding: 13px 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanTop {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanTop > span {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanTop strong {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanTags {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin-top: 4px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanTags small {
    padding: 3px 7px !important;
    font-size: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanBriefGrid {
    grid-template-columns: minmax(0, 1fr) minmax(0, .72fr) !important;
    gap: 7px !important;
    padding-left: 46px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanBriefGrid div {
    min-height: 30px !important;
    grid-template-columns: 16px auto minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 6px 9px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanBriefGrid span {
    font-size: 11px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePlanBriefGrid strong {
    font-size: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanCard details {
    margin-left: 46px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteImagePlanCard summary {
    font-size: 12px !important;
  }
}

@media (min-width: 1600px) {
  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    padding-right: 820px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro > div:first-child {
    width: min(560px, 100%) !important;
    max-width: 560px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    width: min(760px, calc(100% - 330px)) !important;
  }
}

.productSuiteView .suiteDonePrompt {
  grid-column: 1 / -1;
  min-width: 0;
  border-top: 1px solid #ededed;
  padding-top: 10px;
}

.productSuiteView .suiteDonePrompt summary {
  cursor: pointer;
  color: #71717a;
  font-size: 12px;
  font-weight: 900;
}

.productSuiteView .suiteDonePrompt pre {
  white-space: pre-wrap;
  word-break: break-word;
  max-height: none;
  overflow: visible;
  margin: 10px 0 0;
  border: 1px solid #ededed;
  border-radius: 12px;
  background: #fafafa;
  color: #334155;
  padding: 12px;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 640px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
    margin: 0 12px !important;
    padding: 16px 14px 14px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead {
    display: flex !important;
    margin: 0 24px -2px !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead strong,
  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead span,
  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead em {
    display: block !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.empty {
    min-height: 128px !important;
    height: 128px !important;
    margin: 0 24px 10px !important;
    border-radius: 20px !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.empty .suiteUploadEmpty {
    height: 128px !important;
    align-content: center !important;
    gap: 7px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.empty .suiteUploadFeedback,
  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.empty .suiteUploadActions button:not(:first-child) {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAnalysisNote {
    order: 4 !important;
    margin: 10px 24px 4px !important;
    border-radius: 16px !important;
    padding: 13px 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig {
    order: 5 !important;
    gap: 12px !important;
    padding-top: 2px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock,
  body:has(.productSuiteView) .productSuiteView .suitePromptField {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePromptField {
    margin-top: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePromptField textarea {
    min-height: 132px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="input"] ~ * {
    min-width: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit {
    display: none !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteDoneResults {
    gap: 12px !important;
    padding: 18px 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneHead {
    min-height: 42px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneResultGrid {
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneResultCard {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    border-radius: 10px !important;
    padding: 9px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneThumb {
    min-height: 104px !important;
    border-radius: 9px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneMeta strong {
    font-size: 13px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDoneMeta span {
    font-size: 11px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDonePrompt {
    padding-top: 7px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suitePreviewModal {
    z-index: 10000 !important;
    pointer-events: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePreviewDialog {
    z-index: 10001 !important;
    pointer-events: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 420px minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    height: calc(100vh - 44px) !important;
    min-height: 760px !important;
    max-height: 820px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    border-radius: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
    box-sizing: border-box !important;
    height: 122px !important;
    min-height: 122px !important;
    padding: 18px 0 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader h1 {
    letter-spacing: 0 !important;
    line-height: 1.18 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2),
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suitePromptField,
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suiteOptions.suiteFrontOptions {
    display: none !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suiteTemplateRail {
    display: grid !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig {
    gap: 14px !important;
    padding: 10px 0 218px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAnalysisNote {
    margin-top: 4px !important;
    margin-bottom: 14px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    bottom: 132px !important;
    border-radius: 18px !important;
    padding: 16px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAssetSubmit {
    padding: 12px 0 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro {
    min-height: 104px !important;
    padding: 17px 520px 12px 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro > div:first-child {
    width: min(470px, 100%) !important;
    max-width: 470px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteIntro h1 {
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    width: min(440px, calc(100% - 285px)) !important;
    min-height: 56px !important;
    overflow: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps em {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 30px auto !important;
    justify-items: center !important;
    gap: 4px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps span {
    width: 30px !important;
    height: 30px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps strong {
    display: block !important;
    overflow: hidden !important;
    max-width: 100% !important;
    color: #18181b !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 15px !important;
    left: calc(50% + 22px) !important;
    right: 6px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="planning"] {
    background: #fff !important;
    overflow-y: auto !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningWorkbench {
    gap: 16px !important;
    padding: 18px 20px 22px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteChecklistSection,
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRulesSection {
    display: grid !important;
    gap: 14px !important;
    border: 1px solid #ededed !important;
    border-radius: 18px !important;
    background: #fff !important;
    padding: 16px 20px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagesSection > .suitePlanHead {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    padding: 0 0 2px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteSummaryCard {
    border-radius: 16px !important;
    padding: 14px 18px 16px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteChecklistGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteChecklistGrid div {
    min-height: 64px !important;
    border-radius: 12px !important;
    padding: 9px 12px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid {
    border-top: 1px solid #f1f1f3 !important;
    padding-top: 12px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article {
    min-height: 48px !important;
    padding: 0 16px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanGrid {
    gap: 12px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard {
    gap: 8px !important;
    border-radius: 16px !important;
    padding: 12px 16px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 12px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > span {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid {
    gap: 6px !important;
    padding-left: 44px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid div {
    min-height: 28px !important;
    padding: 6px 9px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details {
    margin-left: 44px !important;
  }
}

@media (min-width: 1600px) {
  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    width: min(760px, calc(100% - 360px)) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps em {
    display: block !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    justify-items: stretch !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps strong {
    white-space: normal !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    left: 54px !important;
    right: 8px !important;
  }
}

@media (min-width: 901px) {
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail {
    display: grid !important;
    gap: 10px !important;
    border: 0 !important;
    background: #fff !important;
    padding: 0 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop strong {
    color: #18181b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop span {
    color: #71717a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop + div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    max-height: 150px !important;
    overflow-y: auto !important;
    padding-right: 2px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn) {
    min-height: 40px !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #27272a !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn) {
    border-color: #111827 !important;
    background: #111827 !important;
    color: #fff !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail p {
    display: block !important;
    margin: 0 !important;
    color: #71717a !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2),
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suitePromptField {
    display: grid !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(1) {
    order: 1 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2) {
    order: 2 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suitePromptField {
    order: 3 !important;
    margin-top: 0 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField textarea {
    min-height: 112px !important;
    max-height: 132px !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suiteTemplateRail {
    order: 4 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suiteMiniEstimate {
    order: 5 !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .suiteAssetSubmit {
    order: 6 !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead {
    order: 2 !important;
    margin-top: 10px !important;
    height: 46px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.empty {
    order: 3 !important;
    height: 128px !important;
    min-height: 128px !important;
    margin-top: 8px !important;
    border: 1px dashed #e2e5ea !important;
    border-radius: 20px !important;
    background: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview {
    order: 3 !important;
    position: relative !important;
    min-height: 92px !important;
    margin: 6px 20px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteProductSingle {
    display: flex !important;
    min-height: 88px !important;
    align-items: center !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteProductThumbButton {
    display: block !important;
    width: 84px !important;
    height: 84px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #f4f4f5 !important;
    padding: 0 !important;
    box-shadow: 0 8px 18px rgba(24, 24, 27, .12) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteProductThumbButton img,
  body:has(.productSuiteView) .productSuiteView .suiteUploadPreview .uploadPreview {
    display: block !important;
    width: 84px !important;
    height: 84px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadFeedback {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    z-index: 4 !important;
    display: flex !important;
    width: 70px !important;
    height: 24px !important;
    gap: 3px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .16s ease !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview:hover .suiteUploadActions {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions button {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 7px !important;
    background: rgba(17, 24, 39, .72) !important;
    color: #fff !important;
    padding: 0 !important;
    font-size: 0 !important;
    backdrop-filter: blur(6px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions button svg {
    width: 12px !important;
    height: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .toolAssetShelf,
  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .toolAssetShelf,
  body:has(.suiteWorkflowStage[data-stage="done"]) .productSuiteView .toolAssetShelf {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig {
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 14px 0 18px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:not(:first-child):not(.suitePromptField),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:first-child {
    order: 0 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
    margin: 0 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .pickerTop {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button {
    display: flex !important;
    min-height: 58px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    border: 1px solid #d5d7dc !important;
    border-radius: 8px !important;
    background: #f7f7f8 !important;
    color: #18181b !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button::before {
    content: "" !important;
    display: inline-grid !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    place-items: center !important;
    border: 1px solid #9ca3af !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected {
    border-color: #cfd2d8 !important;
    background: #f4f4f5 !important;
    color: #111827 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected::before {
    content: "✓" !important;
    border-color: #3f3f46 !important;
    background: #3f3f46 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail p {
    grid-column: 1 / 2 !important;
    align-self: center !important;
    color: #71717a !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .selectAllBtn {
    grid-column: 2 / 3 !important;
    min-height: 34px !important;
    align-self: center !important;
    justify-self: end !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #18181b !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions > .fieldBlock:first-child {
    grid-column: 1 / -1 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock > span {
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions select,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteCountInputShell {
    min-height: 50px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate {
    order: 3 !important;
    position: static !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit {
    order: 4 !important;
    position: static !important;
    margin: 0 24px !important;
    border-top: 1px solid #ededed !important;
    padding: 10px 0 14px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig {
    display: grid !important;
    align-content: start !important;
    gap: 14px !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 14px 0 18px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:not(:first-child):not(.suitePromptField),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:not(:first-child):not(.suitePromptField),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:first-child,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:first-child {
    order: 0 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
    margin: 0 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .pickerTop,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button {
    display: flex !important;
    min-height: 58px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    border: 1px solid #d5d7dc !important;
    border-radius: 8px !important;
    background: #f7f7f8 !important;
    color: #18181b !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button::before,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button::before {
    content: "" !important;
    display: inline-grid !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    place-items: center !important;
    border: 1px solid #9ca3af !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected {
    border-color: #cfd2d8 !important;
    background: #f4f4f5 !important;
    color: #111827 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected::before,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button.selected::before {
    content: "✓" !important;
    border-color: #3f3f46 !important;
    background: #3f3f46 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail p,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail p {
    grid-column: 1 / 2 !important;
    align-self: center !important;
    display: block !important;
    margin: 0 !important;
    color: #71717a !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .selectAllBtn,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .selectAllBtn {
    grid-column: 2 / 3 !important;
    min-height: 34px !important;
    align-self: center !important;
    justify-self: end !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #18181b !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 16px !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions > .fieldBlock:first-child,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions > .fieldBlock:first-child {
    grid-column: 1 / -1 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock > span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions .fieldBlock > span {
    color: #64748b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions select,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions select,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteCountInputShell,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteCountInputShell {
    min-height: 50px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    order: 3 !important;
    position: static !important;
    margin: 0 24px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAssetSubmit {
    order: 4 !important;
    position: static !important;
    margin: 0 24px !important;
    border-top: 1px solid #ededed !important;
    padding: 10px 0 14px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 18px !important;
    margin-top: -25px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    height: calc(100vh - 144px) !important;
    min-height: 760px !important;
    max-height: 856px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader > span {
    display: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:first-child,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:first-child {
    order: 1 !important;
    display: grid !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:nth-child(2) {
    order: 2 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField {
    order: 3 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suitePromptField textarea,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePromptField textarea {
    min-height: 108px !important;
    max-height: 132px !important;
    border-radius: 16px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail {
    order: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail .pickerTop,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail .pickerTop {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    max-height: 214px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) button {
    min-height: 46px !important;
    border-radius: 10px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteOptions.suiteFrontOptions {
    order: 5 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteMiniEstimate,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteMiniEstimate {
    order: 6 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteAssetSubmit,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteAssetSubmit {
    order: 7 !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    width: 100% !important;
    min-height: 64px !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 18px 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps em {
    display: block !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    justify-items: stretch !important;
    gap: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps div:not(:last-child)::after {
    top: 15px !important;
    left: 54px !important;
    right: 8px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > .fieldBlock:not(:first-child):not(.suitePromptField),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > .fieldBlock:not(:first-child):not(.suitePromptField) {
    order: 2 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig > label.fieldBlock.suitePromptField,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig > label.fieldBlock.suitePromptField {
    order: 3 !important;
    display: grid !important;
    gap: 8px !important;
    margin: 0 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteSteps {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    top: 60px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    overflow: hidden !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteFrontConfig,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteFrontConfig,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="done"]) .productSuiteView .suiteFrontConfig {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 0 12px !important;
    scrollbar-width: thin !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate {
    flex: 0 0 auto !important;
    order: 98 !important;
    position: static !important;
    z-index: auto !important;
    margin: 10px 20px 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit {
    flex: 0 0 auto !important;
    order: 99 !important;
    position: static !important;
    z-index: auto !important;
    margin: 0 !important;
    border-top: 1px solid #ededed !important;
    background: #fff !important;
    padding: 10px 20px 18px !important;
  }
}
.productSuiteView .suiteWorkflowStage[data-stage="planning"] .suitePlanningWorkbench,
.productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionPicker,
.productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionGrid {
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionGrid {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 8px !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionGrid button {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 34px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.productSuiteView .suiteRcSteps.suiteSteps {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.productSuiteView .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item:last-child {
  flex: 1 1 auto !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-header,
.productSuiteView .suiteRcSteps .rc-steps-item-section {
  min-width: 0 !important;
  max-width: 100% !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-rail {
  display: none !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] > .resultActions {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  transform: none !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] > .resultActions .primaryBtn,
.productSuiteView .suiteWorkflowStage[data-stage="planning"] > .resultActions .secondaryBtn {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 42px !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.productSuiteView,
.productSuiteView * {
  box-sizing: border-box;
  min-width: 0;
}

.productSuiteView {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background: #f6f7f9;
  padding: 14px 18px 20px;
}

.productSuiteView .suiteWorkflowLayout {
  display: grid !important;
  width: 100% !important;
  max-width: 1560px !important;
  grid-template-columns: minmax(320px, 372px) minmax(0, 1fr) minmax(260px, 318px) !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.productSuiteView .suiteWorkflowAssets,
.productSuiteView .suiteWorkflowMain,
.productSuiteView .suiteWorkflowStatus {
  border: 1px solid #e7e9ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}

.productSuiteView .suiteWorkflowAssets {
  position: sticky !important;
  top: 70px !important;
  display: flex !important;
  height: calc(100vh - 104px) !important;
  min-height: 680px !important;
  max-height: 860px !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.productSuiteView .suiteAssetHeader {
  flex: 0 0 auto !important;
  border-bottom: 1px solid #eef0f4 !important;
  padding: 18px 20px 14px !important;
}

.productSuiteView .suiteAssetHeader h1 {
  margin: 5px 0 6px !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
}

.productSuiteView .suiteAssetHeader p {
  max-width: 28em !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.productSuiteView .suiteUploadSectionHead,
.productSuiteView .suiteUploadDrop,
.productSuiteView .suiteUploadFeedback {
  flex: 0 0 auto !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.productSuiteView .suiteUploadSectionHead {
  display: flex !important;
  height: auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 16px !important;
}

.productSuiteView .suiteUploadSectionHead strong,
.productSuiteView .fieldBlock > span,
.productSuiteView .pickerTop strong {
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.3 !important;
}

.productSuiteView .suiteUploadSectionHead span,
.productSuiteView .pickerTop span {
  color: #98a2b3 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.productSuiteView .suiteUploadDrop,
.productSuiteView .suiteUploadDrop.empty,
.productSuiteView .suiteUploadDrop.hasPreview {
  display: grid !important;
  min-height: 132px !important;
  height: auto !important;
  gap: 12px !important;
  margin-top: 10px !important;
  border: 1px dashed #d7dce5 !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  padding: 12px !important;
  overflow: hidden !important;
}

.productSuiteView .suiteUploadDrop.hasPreview {
  border-style: solid !important;
  background: #fff !important;
}

.productSuiteView .suiteUploadPreview {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

.productSuiteView .suiteUploadPreview .uploadPreview {
  width: 86px !important;
  height: 86px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

.productSuiteView .suiteUploadPreview strong,
.productSuiteView .suiteUploadPreview span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.productSuiteView .suiteUploadActions,
.productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.productSuiteView .suiteUploadActions button,
.productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions button,
.productSuiteView .sectionGrid button,
.productSuiteView .suiteTemplateRail button:not(.selectAllBtn),
.productSuiteView .selectAllBtn,
.productSuiteView .resultActions button,
.productSuiteView .suiteDoneHeadActions button,
.productSuiteView .suiteDoneActions button,
.productSuiteView .suiteFailureActions button,
.productSuiteView .suiteProcessingActions button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.productSuiteView .suiteUploadDrop.hasPreview .suiteUploadActions button {
  height: auto !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 13px !important;
  backdrop-filter: none !important;
}

.productSuiteView .suiteFrontConfig {
  display: grid !important;
  flex: 1 1 auto !important;
  gap: 14px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px 20px !important;
  scrollbar-width: thin !important;
}

.productSuiteView .suiteFrontConfig > .fieldBlock,
.productSuiteView .suitePromptField,
.productSuiteView .suiteTemplateRail,
.productSuiteView .suiteOptions.suiteFrontOptions {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

.productSuiteView .suiteOptions.suiteFrontOptions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.productSuiteView .segmented,
.productSuiteView .suiteMiniEstimate {
  border: 1px solid #e8ebf0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 5px !important;
}

.productSuiteView .segmented button {
  min-height: 36px !important;
  border-radius: 7px !important;
  color: #475467 !important;
  font-weight: 850 !important;
}

.productSuiteView .segmented button.active {
  background: #111827 !important;
  color: #fff !important;
}

.productSuiteView .suiteFrontConfig select,
.productSuiteView .suitePromptField textarea,
.productSuiteView .suitePlanningField textarea,
.productSuiteView .suitePromptEditor,
.productSuiteView .suiteRuleEditorGrid textarea {
  width: 100% !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  outline: 0 !important;
}

.productSuiteView .suitePromptField textarea,
.productSuiteView .suitePlanningField textarea,
.productSuiteView .suitePromptEditor,
.productSuiteView .suiteRuleEditorGrid textarea {
  min-height: 104px !important;
  padding: 11px 12px !important;
  resize: vertical !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.productSuiteView .suiteTemplateRail > div:not(.pickerTop),
.productSuiteView .sectionGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  max-height: none !important;
  overflow: visible !important;
}

.productSuiteView .suiteTemplateRail button:not(.selectAllBtn),
.productSuiteView .sectionGrid button {
  justify-content: flex-start !important;
  min-height: 44px !important;
  border: 1px solid #e3e7ee !important;
  background: #fff !important;
  color: #344054 !important;
  text-align: left !important;
}

.productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn),
.productSuiteView .sectionGrid button.active {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #fff !important;
}

.productSuiteView .suiteMiniEstimate {
  display: grid !important;
  flex: 0 0 auto !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 10px !important;
  margin: 0 20px 10px !important;
  padding: 12px !important;
}

.productSuiteView .suiteMiniEstimate span {
  color: #667085 !important;
  font-size: 12px !important;
}

.productSuiteView .suiteMiniEstimate strong {
  color: #111827 !important;
  font-size: 15px !important;
  text-align: right !important;
}

.productSuiteView .suiteAssetSubmit {
  display: grid !important;
  flex: 0 0 auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  border-top: 1px solid #eef0f4 !important;
  background: #fff !important;
  padding: 12px 20px 18px !important;
}

.productSuiteView .suiteAssetSubmit:has(.secondaryBtn) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.productSuiteView .suiteAssetSubmit .primaryBtn,
.productSuiteView .suiteWorkflowStage > .resultActions .primaryBtn,
.productSuiteView .suiteFailureActions .primaryBtn {
  border: 1px solid #111827 !important;
  background: #111827 !important;
  color: #fff !important;
}

.productSuiteView .secondaryBtn,
.productSuiteView .suiteDoneHeadActions button,
.productSuiteView .suiteDoneActions button {
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #344054 !important;
}

.productSuiteView button:disabled {
  cursor: not-allowed !important;
  opacity: .52 !important;
}

.productSuiteView .suiteWorkflowMain {
  display: grid !important;
  height: calc(100vh - 104px) !important;
  min-height: 680px !important;
  max-height: 860px !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.productSuiteView .suiteRcSteps.suiteSteps {
  width: 100% !important;
  min-height: 76px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eef0f4 !important;
  background: #fff !important;
  padding: 14px 16px !important;
  overflow: hidden !important;
}

.productSuiteView .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: hidden !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  line-height: 26px !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-title,
.productSuiteView .suiteRcSteps .rc-steps-item-description {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-title {
  font-size: 13px !important;
}

.productSuiteView .suiteRcSteps .rc-steps-item-description {
  font-size: 11px !important;
}

.productSuiteView .suiteWorkflowStage {
  display: grid !important;
  min-height: 0 !important;
  height: 100% !important;
  gap: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 20px !important;
}

.productSuiteView .suitePlanningWorkbench {
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
  padding: 0 !important;
}

.productSuiteView .sectionPicker,
.productSuiteView .suiteRulesSection,
.productSuiteView .suitePlanningField,
.productSuiteView .suiteImagePlanCard,
.productSuiteView .suiteDoneResultCard,
.productSuiteView .suiteFailurePanel,
.productSuiteView .suiteProcessingPanel {
  border: 1px solid #e7e9ef !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.productSuiteView .sectionPicker,
.productSuiteView .suiteRulesSection,
.productSuiteView .suitePlanningField {
  padding: 14px !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] .sectionGrid {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
}

.productSuiteView .suiteOptions {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.productSuiteView .suiteOptions .fieldBlock {
  display: grid !important;
  gap: 5px !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 10px 12px !important;
}

.productSuiteView .suiteOptions .fieldBlock strong {
  overflow: hidden !important;
  color: #111827 !important;
  font-size: 14px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.productSuiteView .suiteRuleGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.productSuiteView .suiteRuleGrid article {
  min-height: 62px !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 10px 12px !important;
  color: #344054 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.productSuiteView .suiteImagePlanGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;
  gap: 12px !important;
}

.productSuiteView .suiteImagePlanCard {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
}

.productSuiteView .suiteImagePlanTop {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

.productSuiteView .suiteImagePlanTop strong,
.productSuiteView .suiteDoneMeta strong {
  color: #111827 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.productSuiteView .suiteImagePlanTop span,
.productSuiteView .suitePlanBriefGrid span,
.productSuiteView .suitePlanTags span {
  color: #667085 !important;
  line-height: 1.45 !important;
}

.productSuiteView .suiteImagePlanTop > span {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 28px !important;
  align-items: center !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  color: #175cd3 !important;
  padding: 4px 9px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.productSuiteView .suitePlanBriefGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

.productSuiteView .suitePlanBriefGrid div {
  display: grid !important;
  gap: 4px !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  padding: 9px !important;
}

.productSuiteView .suitePlanBriefGrid strong {
  color: #344054 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.productSuiteView .suiteImagePlanCard details {
  margin-left: 0 !important;
  border: 1px solid #edf0f4 !important;
  border-radius: 8px !important;
  background: #fbfcfd !important;
  padding: 10px !important;
}

.productSuiteView .suiteImagePlanCard summary {
  cursor: pointer !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.productSuiteView .suiteImagePlanCard pre,
.productSuiteView .suiteDonePrompt pre {
  display: block !important;
  max-width: 100% !important;
  margin: 10px 0 0 !important;
  overflow-x: auto !important;
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  color: #1f2937 !important;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.productSuiteView .suitePlanCardActions,
.productSuiteView .suitePromptToolbar,
.productSuiteView .suiteDoneHeadActions,
.productSuiteView .suiteDoneActions,
.productSuiteView .suiteFailureActions,
.productSuiteView .suiteProcessingActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.productSuiteView .suiteWorkflowStage > .resultActions {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.productSuiteView .suiteWorkflowStage[data-stage="planning"] > .resultActions {
  display: none !important;
}

.productSuiteView .suiteProcessingPanel,
.productSuiteView .suiteFailurePanel {
  align-self: center !important;
  justify-self: center !important;
  width: min(620px, 100%) !important;
  padding: 28px !important;
  text-align: left !important;
}

.productSuiteView .suiteProcessingIcon,
.productSuiteView .suiteFailureIcon {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  color: #175cd3 !important;
}

.productSuiteView .suiteFailureIcon {
  background: #fff1f3 !important;
  color: #b42318 !important;
}

.productSuiteView .suiteLoadingKicker,
.productSuiteView .suiteFailurePanel > span {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.productSuiteView .suiteProcessingPanel strong,
.productSuiteView .suiteFailurePanel strong {
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

.productSuiteView .suiteProcessingPanel p,
.productSuiteView .suiteFailurePanel p {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.productSuiteView .suiteProcessingSteps {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.productSuiteView .suiteProcessingSteps div,
.productSuiteView .suiteLongWaitNotice,
.productSuiteView .suiteStatusNotice {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 10px 12px !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.productSuiteView .suiteProcessingSteps span {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
}

.productSuiteView .suiteProcessingSteps .active span {
  background: #12b76a !important;
}

.productSuiteView .suiteLongWaitNotice {
  align-items: flex-start !important;
  border-color: #fedf89 !important;
  background: #fffaeb !important;
  color: #93370d !important;
}

.productSuiteView .suiteLongWaitNotice button {
  margin-left: auto !important;
  border: 1px solid #fdb022 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #93370d !important;
  padding: 6px 10px !important;
  font-weight: 850 !important;
}

.productSuiteView .suiteFailedStage {
  place-items: center !important;
}

.productSuiteView .suiteDoneResults {
  display: grid !important;
  gap: 16px !important;
}

.productSuiteView .suiteDoneHead {
  align-items: flex-start !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  padding: 14px !important;
}

.productSuiteView .suiteDoneResultGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 12px !important;
}

.productSuiteView .suiteDoneResultGrid .suiteDoneResultCard:first-child {
  grid-column: span 2 !important;
}

.productSuiteView .suiteDoneThumb {
  aspect-ratio: 4 / 3 !important;
  border-radius: 8px !important;
  background: #f2f4f7 !important;
}

.productSuiteView .suiteDoneResultGrid .suiteDoneResultCard:first-child .suiteDoneThumb {
  aspect-ratio: 16 / 10 !important;
}

.productSuiteView .suiteDoneActions {
  justify-content: flex-start !important;
}

.productSuiteView .suiteDoneActions button {
  height: auto !important;
}

.productSuiteView .suiteWorkflowStatus {
  position: sticky !important;
  top: 70px !important;
  display: grid !important;
  gap: 14px !important;
  max-height: calc(100vh - 104px) !important;
  overflow-y: auto !important;
  padding: 16px !important;
}

.productSuiteView .suiteWorkflowStatus .resultTop,
.productSuiteView .suiteWorkflowStatus .suiteSummary,
.productSuiteView .planningList,
.productSuiteView .planningEmpty,
.productSuiteView .suiteOutputStrip {
  min-width: 0 !important;
}

.productSuiteView .planningList {
  display: grid !important;
  gap: 8px !important;
}

.productSuiteView .planningList div,
.productSuiteView .planningEmpty {
  border: 1px solid #edf0f4 !important;
  border-radius: 8px !important;
  background: #fafbfc !important;
  padding: 10px !important;
}

.productSuiteView .planningList strong,
.productSuiteView .planningList em {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.productSuiteView .planningList em,
.productSuiteView .planningEmpty {
  color: #667085 !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

.productSuiteView .suiteStatusNotice {
  display: grid !important;
  align-items: start !important;
}

.productSuiteView .suiteStatusNotice strong,
.productSuiteView .suiteStatusNotice span,
.productSuiteView .suiteStatusNotice em {
  display: block !important;
  min-width: 0 !important;
}

.productSuiteView .suiteStatusNotice.processing {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

.productSuiteView .suiteStatusNotice.failed {
  border-color: #fecaca !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
}

.productSuiteView .assetNotice {
  margin: 0 !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  color: #344054 !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 1240px) and (min-width: 901px) {
  .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(300px, 350px) minmax(0, 1fr) !important;
  }

  .productSuiteView .suiteWorkflowStatus {
    position: static !important;
    grid-column: 1 / -1 !important;
    max-height: none !important;
  }
}

@media (max-width: 900px) {
  .productSuiteView {
    padding: 10px 10px 18px !important;
  }

  .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .productSuiteView .suiteWorkflowAssets,
  .productSuiteView .suiteWorkflowMain,
  .productSuiteView .suiteWorkflowStatus {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .productSuiteView .suiteWorkflowMain {
    grid-template-rows: auto auto !important;
  }

  .productSuiteView .suiteWorkflowStage {
    height: auto !important;
    overflow: visible !important;
    padding: 14px !important;
  }

  .productSuiteView .suiteFrontConfig {
    overflow: visible !important;
  }

  .productSuiteView .suiteRcSteps.suiteSteps {
    min-height: 0 !important;
    padding: 12px !important;
  }

  .productSuiteView .suiteRcSteps .rc-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }

  .productSuiteView .suiteRcSteps .rc-steps-item {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 5px !important;
    text-align: center !important;
  }

  .productSuiteView .suiteRcSteps .rc-steps-item-description {
    display: none !important;
  }

  .productSuiteView .suiteRcSteps .rc-steps-item-title {
    width: 100% !important;
    font-size: 11px !important;
  }

  .productSuiteView .suiteOptions,
  .productSuiteView .suiteRuleGrid,
  .productSuiteView .suitePlanBriefGrid,
  .productSuiteView .suiteProcessingSteps {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .productSuiteView .suiteDoneResultGrid .suiteDoneResultCard:first-child {
    grid-column: auto !important;
  }
}

@media (max-width: 520px) {
  .productSuiteView .suiteAssetHeader,
  .productSuiteView .suiteFrontConfig,
  .productSuiteView .suiteAssetSubmit,
  .productSuiteView .suiteWorkflowStatus {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .productSuiteView .suiteUploadSectionHead,
  .productSuiteView .suiteUploadDrop,
  .productSuiteView .suiteUploadFeedback,
  .productSuiteView .suiteMiniEstimate {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .productSuiteView .suiteUploadPreview,
  .productSuiteView .suiteOptions.suiteFrontOptions,
  .productSuiteView .suiteTemplateRail > div:not(.pickerTop),
  .productSuiteView .sectionGrid,
  .productSuiteView .suiteAssetSubmit,
  .productSuiteView .suiteAssetSubmit:has(.secondaryBtn),
  .productSuiteView .suiteWorkflowStage > .resultActions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .productSuiteView .suiteUploadPreview .uploadPreview {
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    aspect-ratio: 4 / 3 !important;
  }

  .productSuiteView .suiteDoneHead {
    display: grid !important;
  }

  .productSuiteView .suiteDoneHeadActions,
  .productSuiteView .suiteFailureActions,
  .productSuiteView .suiteProcessingActions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (min-width: 901px) and (max-width: 1600px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(340px, 392px) minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStatus {
    position: static !important;
    grid-column: 1 / -1 !important;
    max-height: none !important;
  }
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps.suiteSteps {
  min-height: 74px !important;
  overflow: hidden !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps div,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps span {
  min-width: 0 !important;
  max-width: 100% !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-header {
  display: flex !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-icon {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-icon {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-title,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-description {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanGrid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop strong,
body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop div > span {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > span {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  white-space: nowrap !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding-left: 0 !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details {
  margin-left: 0 !important;
}

body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard pre,
body:has(.suiteWorkflowStage[data-stage="done"]) .productSuiteView .suiteDonePrompt pre {
  white-space: pre-wrap !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage > .doneBadge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  justify-self: start !important;
  width: auto !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #344054 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-column: auto !important;
    justify-items: center !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-header {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-description {
    display: none !important;
  }

  body:has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanGrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
body:has(.productSuiteView) {
  background: #f7f8fc !important;
}

body:has(.productSuiteView) .studioFrame {
  grid-template-columns: minmax(0, 1fr) !important;
  background: #f7f8fc !important;
}

body:has(.productSuiteView) .studioFrame > .sidebar,
body:has(.productSuiteView) .topbar {
  display: none !important;
}

body:has(.productSuiteView) .mainPane {
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: auto !important;
  background: #f7f8fc !important;
}

body:has(.productSuiteView) .toolView.productSuiteView {
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body:has(.productSuiteView) .productSuiteView *,
body:has(.productSuiteView) .productSuiteView *::before,
body:has(.productSuiteView) .productSuiteView *::after {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

body:has(.productSuiteView) .productSuiteView button,
body:has(.productSuiteView) .productSuiteView input,
body:has(.productSuiteView) .productSuiteView select,
body:has(.productSuiteView) .productSuiteView textarea {
  font: inherit !important;
}

body:has(.productSuiteView) .suiteProductShell {
  display: grid !important;
  grid-template-columns: 232px minmax(0, 1fr) !important;
  min-height: 100vh !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(99, 91, 255, .08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fc 40%, #f7f8fc 100%) !important;
}

body:has(.productSuiteView) .suiteProductSidebar {
  position: sticky !important;
  top: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto auto !important;
  gap: 18px !important;
  height: 100vh !important;
  min-width: 0 !important;
  border-right: 1px solid #e6e8f0 !important;
  background: rgba(255, 255, 255, .82) !important;
  padding: 20px 16px !important;
  backdrop-filter: blur(18px) !important;
}

body:has(.productSuiteView) .suiteSideBrand,
body:has(.productSuiteView) .suiteProductBrand {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteSideBrand > span,
body:has(.productSuiteView) .suiteProductBrand > span {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #635bff, #9f8cff) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(99, 91, 255, .18) !important;
}

body:has(.productSuiteView) .suiteSideBrand strong,
body:has(.productSuiteView) .suiteProductBrand strong {
  display: block !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body:has(.productSuiteView) .suiteSideBrand em,
body:has(.productSuiteView) .suiteProductBrand em {
  display: block !important;
  margin-top: 2px !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .suiteSideGroups {
  display: grid !important;
  align-content: start !important;
  gap: 20px !important;
  min-height: 0 !important;
  overflow: auto !important;
}

body:has(.productSuiteView) .suiteSideGroups section {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteSideGroups p {
  margin: 0 0 4px !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body:has(.productSuiteView) .suiteSideGroups button {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  min-width: 0 !important;
  min-height: 40px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #344054 !important;
  padding: 0 12px !important;
  text-align: left !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body:has(.productSuiteView) .suiteSideGroups button.active {
  border-color: #d9dcff !important;
  background: #eef0ff !important;
  color: #4f46e5 !important;
  box-shadow: inset 3px 0 0 #635bff !important;
}

body:has(.productSuiteView) .suiteSideGroups button span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suitePlanCard {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  border: 1px solid #eceef6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 13px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}

body:has(.productSuiteView) .suitePlanCard strong,
body:has(.productSuiteView) .suitePlanCard span,
body:has(.productSuiteView) .suitePlanCard p {
  display: block !important;
  margin: 0 !important;
}

body:has(.productSuiteView) .suitePlanCard strong {
  font-size: 13px !important;
}

body:has(.productSuiteView) .suitePlanCard span,
body:has(.productSuiteView) .suitePlanCard p {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

body:has(.productSuiteView) .suitePlanMeter {
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #eef0ff !important;
}

body:has(.productSuiteView) .suitePlanMeter i {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #635bff, #8b7dff) !important;
}

body:has(.productSuiteView) .suitePlanCard button,
body:has(.productSuiteView) .suiteSidebarMenu {
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f5f6fb !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteProductWorkspace {
  display: grid !important;
  grid-template-rows: 76px minmax(0, 1fr) !important;
  min-width: 0 !important;
  min-height: 100vh !important;
}

body:has(.productSuiteView) .suiteProductTopbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  border-bottom: 1px solid #e6e8f0 !important;
  background: rgba(255, 255, 255, .86) !important;
  padding: 0 22px !important;
  backdrop-filter: blur(18px) !important;
}

body:has(.productSuiteView) .suiteProductTopbar nav {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}

body:has(.productSuiteView) .suiteProductTopbar nav button {
  min-width: 0 !important;
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #344054 !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteProductTopbar nav button.active {
  background: #eef0ff !important;
  color: #4f46e5 !important;
  box-shadow: 0 10px 28px rgba(99, 91, 255, .08) !important;
}

body:has(.productSuiteView) .suiteProductAccount {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteCreditPill,
body:has(.productSuiteView) .suiteIconButton,
body:has(.productSuiteView) .suiteUserButton {
  display: inline-flex !important;
  height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344054 !important;
  padding: 0 12px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
}

body:has(.productSuiteView) .suiteCreditPill span {
  color: #f59e0b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteCreditPill strong,
body:has(.productSuiteView) .suiteUserButton strong {
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteIconButton {
  width: 40px !important;
  padding: 0 !important;
}

body:has(.productSuiteView) .suiteUserButton span {
  display: grid !important;
  width: 26px !important;
  height: 26px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #e7eafe, #fff3df) !important;
  color: #344054 !important;
}

body:has(.productSuiteView) .suiteWorkflowLayout {
  display: grid !important;
  grid-template-columns: minmax(280px, 300px) minmax(0, 1fr) minmax(260px, 286px) !important;
  gap: 16px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
}

body:has(.productSuiteView) .suiteWorkflowAssets,
body:has(.productSuiteView) .suiteWorkflowMain,
body:has(.productSuiteView) .suiteWorkflowStatus {
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteWorkflowAssets,
body:has(.productSuiteView) .suiteWorkflowStage,
body:has(.productSuiteView) .suiteWorkflowStatus,
body:has(.productSuiteView) .suiteRcSteps.suiteSteps {
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}

body:has(.productSuiteView) .suiteWorkflowAssets {
  position: sticky !important;
  top: 98px !important;
  display: grid !important;
  gap: 14px !important;
  max-height: calc(100vh - 120px) !important;
  overflow: auto !important;
  padding: 17px !important;
}

body:has(.productSuiteView) .suiteAssetHeader {
  padding: 0 !important;
}

body:has(.productSuiteView) .suiteAssetHeader h1 {
  margin: 6px 0 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

body:has(.productSuiteView) .suiteAssetHeader p {
  margin: 7px 0 0 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

body:has(.productSuiteView) .suiteLabel {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

body:has(.productSuiteView) .suiteUploadSectionHead {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding-top: 2px !important;
}

body:has(.productSuiteView) .suiteUploadSectionHead strong,
body:has(.productSuiteView) .suiteFrontConfig .fieldBlock > span,
body:has(.productSuiteView) .suiteTemplateRail .pickerTop strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteUploadSectionHead strong span,
body:has(.productSuiteView) .suiteFrontConfig .fieldBlock > span i,
body:has(.productSuiteView) .suiteTemplateRail .pickerTop strong i {
  display: inline-grid !important;
  width: 17px !important;
  height: 17px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #eef0ff !important;
  color: #635bff !important;
  font-size: 10px !important;
  font-style: normal !important;
}

body:has(.productSuiteView) .suiteUploadSectionHead small,
body:has(.productSuiteView) .suiteUploadSectionHead em {
  display: block !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 750 !important;
}

body:has(.productSuiteView) .suiteUploadDrop {
  display: grid !important;
  min-height: 126px !important;
  margin: 0 !important;
  border: 1px dashed #cfd4e3 !important;
  border-radius: 8px !important;
  background: #fbfcff !important;
  padding: 10px !important;
}

body:has(.productSuiteView) .suiteUploadDrop.hasPreview {
  border-style: solid !important;
  background: #fff !important;
}

body:has(.productSuiteView) .suiteUploadPreview {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteUploadPreview .uploadPreview {
  width: 82px !important;
  height: 82px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

body:has(.productSuiteView) .suiteUploadPreview strong,
body:has(.productSuiteView) .suiteUploadPreview span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteUploadEmpty {
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  color: #667085 !important;
  text-align: center !important;
}

body:has(.productSuiteView) .suiteUploadEmpty strong {
  color: #111827 !important;
  font-size: 13px !important;
}

body:has(.productSuiteView) .suiteUploadEmpty span {
  color: #667085 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteUploadActions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

body:has(.productSuiteView) .suiteUploadActions button,
body:has(.productSuiteView) .suiteTemplateRail button,
body:has(.productSuiteView) .selectAllBtn,
body:has(.productSuiteView) .secondaryBtn,
body:has(.productSuiteView) .suiteDoneHeadActions button,
body:has(.productSuiteView) .suiteDoneActions button,
body:has(.productSuiteView) .suiteFailureActions button,
body:has(.productSuiteView) .suiteProcessingActions button {
  min-width: 0 !important;
  min-height: 38px !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #344054 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .suiteUploadActions button:disabled,
body:has(.productSuiteView) .productSuiteView button:disabled {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

body:has(.productSuiteView) .suiteUploadFeedback {
  margin: 0 !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  padding: 10px 12px !important;
}

body:has(.productSuiteView) .suiteUploadFeedback strong,
body:has(.productSuiteView) .suiteUploadFeedback span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #344054 !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteFrontConfig {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .fieldBlock {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .segmented {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #f5f6fb !important;
  padding: 4px !important;
}

body:has(.productSuiteView) .segmented button {
  min-height: 38px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .segmented button.active {
  border-color: #c7c9ff !important;
  background: #fff !important;
  color: #4f46e5 !important;
  box-shadow: 0 8px 20px rgba(99, 91, 255, .08) !important;
}

body:has(.productSuiteView) .suiteFrontConfig select,
body:has(.productSuiteView) .suiteOptions select,
body:has(.productSuiteView) .suitePromptField textarea,
body:has(.productSuiteView) .suitePlanningField textarea,
body:has(.productSuiteView) .suitePromptEditor {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #111827 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .suiteFrontConfig select,
body:has(.productSuiteView) .suiteOptions select {
  height: 40px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:has(.productSuiteView) .suitePromptField textarea,
body:has(.productSuiteView) .suitePlanningField textarea,
body:has(.productSuiteView) .suitePromptEditor {
  min-height: 120px !important;
  padding: 12px !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  resize: vertical !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .suiteTemplateRail {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteTemplateRail > div:not(.pickerTop) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteTemplateRail button:not(.selectAllBtn) {
  position: relative !important;
  display: grid !important;
  min-height: 66px !important;
  align-content: end !important;
  overflow: hidden !important;
  border-color: #e6e8f0 !important;
  background: #fff !important;
  padding: 8px !important;
  text-align: left !important;
}

body:has(.productSuiteView) .suiteTemplateRail button:not(.selectAllBtn)::before {
  position: absolute !important;
  inset: 6px 6px 25px !important;
  border-radius: 7px !important;
  content: "" !important;
  background:
    linear-gradient(135deg, rgba(99, 91, 255, .18), rgba(255, 255, 255, .78)),
    #f5f6fb !important;
}

body:has(.productSuiteView) .suiteTemplateRail button.tone-lifestyle::before {
  background: linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(255, 255, 255, .78)), #f8fafc !important;
}

body:has(.productSuiteView) .suiteTemplateRail button.tone-info::before {
  background: linear-gradient(135deg, rgba(22, 163, 74, .14), rgba(255, 255, 255, .78)), #f8fafc !important;
}

body:has(.productSuiteView) .suiteTemplateRail button.tone-premium::before {
  background: linear-gradient(135deg, rgba(17, 24, 39, .18), rgba(255, 255, 255, .7)), #f8fafc !important;
}

body:has(.productSuiteView) .suiteTemplateRail button:not(.selectAllBtn).selected {
  border-color: #635bff !important;
  box-shadow: inset 0 0 0 1px #635bff, 0 10px 24px rgba(99, 91, 255, .1) !important;
}

body:has(.productSuiteView) .suiteTemplateRail button:not(.selectAllBtn).selected::after {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  display: grid !important;
  width: 17px !important;
  height: 17px !important;
  place-items: center !important;
  border-radius: 50% !important;
  content: "✓" !important;
  background: #635bff !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteTemplateRail button span {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #344054 !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteOptions.suiteFrontOptions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteMiniEstimate {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, auto)) !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6e8f0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 12px 0 0 !important;
}

body:has(.productSuiteView) .suiteMiniEstimate span {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

body:has(.productSuiteView) .suiteMiniEstimate strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteAssetSubmit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
}

body:has(.productSuiteView) .suiteAssetSubmit:has(.secondaryBtn) {
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr) !important;
}

body:has(.productSuiteView) .primaryBtn,
body:has(.productSuiteView) .suiteAssetSubmit .primaryBtn,
body:has(.productSuiteView) .suiteWorkflowStage > .resultActions .primaryBtn {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #635bff, #5146f2) !important;
  color: #fff !important;
  padding: 0 16px !important;
  box-shadow: 0 12px 28px rgba(99, 91, 255, .18) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .toolAssetShelf {
  display: none !important;
}

body:has(.productSuiteView) .suiteWorkflowMain {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteRcSteps.suiteSteps {
  display: block !important;
  min-height: 100px !important;
  margin: 0 !important;
  overflow: hidden !important;
  padding: 20px 24px !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  text-align: center !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-header {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  height: 34px !important;
  place-items: center !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-rail {
  position: absolute !important;
  top: 17px !important;
  left: calc(50% + 20px) !important;
  width: calc(100% - 40px) !important;
  height: 2px !important;
  background: #e6e8f0 !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item:last-child .rc-steps-item-rail {
  display: none !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-icon {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  border: 1px solid #d8dce8 !important;
  border-radius: 50% !important;
  background: #f1f3f8 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon,
body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-finish .rc-steps-item-icon {
  border-color: #635bff !important;
  background: linear-gradient(135deg, #635bff, #8b7dff) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(99, 91, 255, .2) !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-title {
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-description {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .suiteWorkflowStage {
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
  min-height: 720px !important;
  overflow: visible !important;
  padding: 22px !important;
}

body:has(.productSuiteView) .suiteBoardEmpty {
  display: grid !important;
  min-height: 520px !important;
  place-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  color: #667085 !important;
  text-align: center !important;
}

body:has(.productSuiteView) .suiteBoardEmptyIcon {
  display: grid !important;
  width: 62px !important;
  height: 62px !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #f0f1ff !important;
  color: #635bff !important;
}

body:has(.productSuiteView) .suiteBoardEmpty span,
body:has(.productSuiteView) .suitePlanningHero span {
  color: #635bff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteBoardEmpty strong {
  max-width: 520px !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
}

body:has(.productSuiteView) .suiteBoardEmpty p {
  max-width: 560px !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

body:has(.productSuiteView) .toolActions.single {
  justify-self: center !important;
  width: min(240px, 100%) !important;
}

body:has(.productSuiteView) .suitePlanningHero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
}

body:has(.productSuiteView) .suitePlanningHero h2 {
  margin: 6px 0 0 !important;
  color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
}

body:has(.productSuiteView) .suitePlanningHero p {
  margin: 8px 0 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

body:has(.productSuiteView) .suitePlanningMetrics {
  display: grid !important;
  min-width: 78px !important;
  justify-items: center !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  padding: 10px 12px !important;
}

body:has(.productSuiteView) .suitePlanningMetrics strong {
  color: #635bff !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body:has(.productSuiteView) .suitePlanningMetrics span {
  margin-top: 4px !important;
  color: #667085 !important;
  font-size: 11px !important;
}

body:has(.productSuiteView) .suitePlanningWorkbench {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteInsightGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteInsightGrid article,
body:has(.productSuiteView) .suiteRulesSection,
body:has(.productSuiteView) .sectionPicker,
body:has(.productSuiteView) .suiteOptions > .fieldBlock,
body:has(.productSuiteView) .suiteImagePlanCard,
body:has(.productSuiteView) .suiteDoneResultCard,
body:has(.productSuiteView) .suiteFailurePanel,
body:has(.productSuiteView) .suiteProcessingPanel {
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .035) !important;
}

body:has(.productSuiteView) .suiteInsightGrid article {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 7px 10px !important;
  padding: 14px !important;
}

body:has(.productSuiteView) .suiteInsightGrid article > span {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  grid-row: 1 / span 2 !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #eef0ff !important;
  color: #635bff !important;
}

body:has(.productSuiteView) .suiteInsightGrid strong {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteInsightGrid p {
  margin: 0 !important;
  color: #667085 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body:has(.productSuiteView) .sectionPicker {
  padding: 14px !important;
}

body:has(.productSuiteView) .sectionGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 8px !important;
}

body:has(.productSuiteView) .sectionGrid button {
  min-width: 0 !important;
  min-height: 38px !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  color: #344054 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .sectionGrid button.active {
  border-color: #635bff !important;
  background: #eef0ff !important;
  color: #4f46e5 !important;
}

body:has(.productSuiteView) .suiteOptions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteOptions > .fieldBlock {
  padding: 12px !important;
}

body:has(.productSuiteView) .suiteOptions > .fieldBlock span,
body:has(.productSuiteView) .suiteOptions > .fieldBlock strong {
  display: block !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteOptions > .fieldBlock span {
  color: #667085 !important;
  font-size: 11px !important;
}

body:has(.productSuiteView) .suiteOptions > .fieldBlock strong {
  margin-top: 4px !important;
  color: #111827 !important;
  font-size: 13px !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .suiteRulesSection {
  padding: 16px !important;
}

body:has(.productSuiteView) .suitePlanHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body:has(.productSuiteView) .suitePlanHead span {
  color: #667085 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suitePlanHead strong {
  display: block !important;
  margin-top: 2px !important;
  color: #111827 !important;
  font-size: 14px !important;
}

body:has(.productSuiteView) .suiteRuleEditButton {
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f3f4ff !important;
  color: #4f46e5 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteRuleGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

body:has(.productSuiteView) .suiteRuleGrid article {
  position: relative !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  color: #344054 !important;
  padding: 12px 12px 12px 30px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

body:has(.productSuiteView) .suiteRuleGrid article::before {
  position: absolute !important;
  top: 13px !important;
  left: 12px !important;
  content: "✓" !important;
  color: #635bff !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteImagePlanGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body:has(.productSuiteView) .suiteImagePlanCard {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 15px !important;
}

body:has(.productSuiteView) .suiteImagePlanTop {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteImagePlanTop strong,
body:has(.productSuiteView) .suiteImagePlanTop div > span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .suiteImagePlanTop strong {
  color: #111827 !important;
  font-size: 14px !important;
}

body:has(.productSuiteView) .suiteImagePlanTop div > span,
body:has(.productSuiteView) .suitePlanTags span {
  color: #667085 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteImagePlanTop > span,
body:has(.productSuiteView) .suiteStatusPill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #eef0ff !important;
  color: #4f46e5 !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suitePlanBriefGrid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body:has(.productSuiteView) .suitePlanBriefGrid div {
  border: 0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  padding: 10px !important;
}

body:has(.productSuiteView) .suitePlanBriefGrid span,
body:has(.productSuiteView) .suitePlanBriefGrid strong {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

body:has(.productSuiteView) .suitePlanBriefGrid span {
  color: #98a2b3 !important;
  font-size: 11px !important;
}

body:has(.productSuiteView) .suitePlanBriefGrid strong {
  margin-top: 3px !important;
  color: #344054 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body:has(.productSuiteView) .suiteImagePlanCard details {
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteImagePlanCard summary {
  color: #4f46e5 !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteImagePlanCard pre,
body:has(.productSuiteView) .suiteDonePrompt pre {
  max-height: none !important;
  overflow: visible !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  color: #344054 !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

body:has(.productSuiteView) .suitePromptToolbar,
body:has(.productSuiteView) .suitePlanCardActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body:has(.productSuiteView) .suitePromptToolbar button,
body:has(.productSuiteView) .suitePlanCardActions button {
  min-height: 34px !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #344054 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteWorkflowStage > .resultActions {
  display: grid !important;
  grid-template-columns: minmax(0, .55fr) minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

body:has(.productSuiteView) .suiteWorkflowStatus {
  position: sticky !important;
  top: 98px !important;
  display: grid !important;
  grid-template-rows: none !important;
  align-content: start !important;
  gap: 16px !important;
  max-height: calc(100vh - 120px) !important;
  overflow: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .suiteStatusCard {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: 16px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}

body:has(.productSuiteView) .suiteCardHead {
  display: flex !important;
  min-width: 0 !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .suiteCardHead span,
body:has(.productSuiteView) .suiteCardHead strong {
  display: block !important;
}

body:has(.productSuiteView) .suiteCardHead span {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:has(.productSuiteView) .suiteCardHead strong {
  margin-top: 3px !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteCardHead button {
  border: 0 !important;
  background: transparent !important;
  color: #635bff !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteStatusRing {
  position: relative !important;
  display: grid !important;
  width: 116px !important;
  height: 116px !important;
  place-items: center !important;
  justify-self: center !important;
}

body:has(.productSuiteView) .suiteStatusRing svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
}

body:has(.productSuiteView) .suiteStatusRing circle {
  fill: none !important;
  stroke-width: 12 !important;
}

body:has(.productSuiteView) .suiteStatusRing circle:first-child {
  stroke: #eceeff !important;
}

body:has(.productSuiteView) .suiteStatusRing circle:last-child {
  stroke: #635bff !important;
  stroke-dasharray: 302 !important;
  stroke-dashoffset: 96 !important;
  stroke-linecap: round !important;
}

body:has(.productSuiteView) .suiteStatusRing.failed circle:last-child {
  stroke: #dc2626 !important;
}

body:has(.productSuiteView) .suiteStatusRing.done circle:last-child {
  stroke: #16a34a !important;
  stroke-dashoffset: 28 !important;
}

body:has(.productSuiteView) .suiteStatusRing div {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  justify-items: center !important;
}

body:has(.productSuiteView) .suiteStatusRing strong {
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

body:has(.productSuiteView) .suiteStatusRing span {
  margin-top: 5px !important;
  color: #667085 !important;
  font-size: 11px !important;
}

body:has(.productSuiteView) .suiteStatusRows,
body:has(.productSuiteView) .suiteCostRows {
  display: grid !important;
  gap: 9px !important;
}

body:has(.productSuiteView) .suiteStatusRows div,
body:has(.productSuiteView) .suiteCostRows div {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: #667085 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteStatusRows strong,
body:has(.productSuiteView) .suiteCostRows strong {
  color: #111827 !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteCostRows .total {
  margin-top: 6px !important;
  border-top: 1px solid #e6e8f0 !important;
  padding-top: 11px !important;
}

body:has(.productSuiteView) .suiteTaskStatusCard p,
body:has(.productSuiteView) .suiteStatusNotice,
body:has(.productSuiteView) .assetNotice {
  margin: 0 !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  color: #667085 !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

body:has(.productSuiteView) .suiteRecentList {
  display: grid !important;
  gap: 12px !important;
}

body:has(.productSuiteView) .suiteRecentRecordItem {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
  align-items: center !important;
}

body:has(.productSuiteView) .suiteRecentThumb {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #eef0ff !important;
  color: #635bff !important;
}

body:has(.productSuiteView) .suiteRecentThumb.tone-lifestyle {
  background: #fff7ed !important;
  color: #f59e0b !important;
}

body:has(.productSuiteView) .suiteRecentThumb.tone-info {
  background: #ecfdf3 !important;
  color: #16a34a !important;
}

body:has(.productSuiteView) .suiteRecentThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body:has(.productSuiteView) .suiteRecentRecordItem div,
body:has(.productSuiteView) .suiteRecentRecordItem strong,
body:has(.productSuiteView) .suiteRecentRecordItem small,
body:has(.productSuiteView) .suiteRecentRecordItem em {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteRecentRecordItem strong {
  color: #111827 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteRecentRecordItem small {
  margin-top: 3px !important;
  color: #667085 !important;
  font-size: 11px !important;
}

body:has(.productSuiteView) .suiteRecentRecordItem em {
  margin-top: 3px !important;
  color: #16a34a !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteAllRecordsButton {
  min-height: 40px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f5f6fb !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteLegacyStatus {
  display: none !important;
}

body:has(.productSuiteView) .suiteSummary,
body:has(.productSuiteView) .planningList,
body:has(.productSuiteView) .planningEmpty,
body:has(.productSuiteView) .suiteOutputStrip,
body:has(.productSuiteView) .suiteWorkflowStatus > .resultActions {
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  padding: 12px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}

body:has(.productSuiteView) .suiteProcessingPanel {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 14px !important;
  min-height: 560px !important;
  padding: 28px !important;
  text-align: center !important;
}

body:has(.productSuiteView) .suiteProcessingIcon {
  display: grid !important;
  width: 64px !important;
  height: 64px !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: conic-gradient(from 90deg, #635bff, #c7c9ff, #635bff) !important;
  color: #fff !important;
  animation: suitePulse 1.8s ease-in-out infinite !important;
}

body:has(.productSuiteView) .suiteLoadingKicker {
  color: #635bff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body:has(.productSuiteView) .suiteProcessingPanel strong {
  color: #111827 !important;
  font-size: 21px !important;
}

body:has(.productSuiteView) .suiteProcessingPanel p {
  max-width: 560px !important;
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
}

body:has(.productSuiteView) .suiteProcessingSteps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(680px, 100%) !important;
}

body:has(.productSuiteView) .suiteProcessingSteps div {
  display: grid !important;
  gap: 7px !important;
  justify-items: center !important;
  border: 1px solid #e6e8f0 !important;
  border-radius: 8px !important;
  background: #fafbff !important;
  color: #667085 !important;
  padding: 12px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteProcessingSteps span {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  background: #cfd4e3 !important;
}

body:has(.productSuiteView) .suiteProcessingSteps .active span {
  background: #635bff !important;
}

body:has(.productSuiteView) .suiteLongWaitNotice {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 1px solid #d9dcff !important;
  border-radius: 8px !important;
  background: #f3f4ff !important;
  color: #4f46e5 !important;
  padding: 11px 13px !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteLongWaitNotice button {
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #4f46e5 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:has(.productSuiteView) .suiteDoneResults,
body:has(.productSuiteView) .suiteDoneResultGrid {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteDoneHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body:has(.productSuiteView) .suiteDoneBackAction {
  height: 44px !important;
  min-height: 44px !important;
}

body:has(.productSuiteView) .suiteDoneHead span,
body:has(.productSuiteView) .suiteDoneHead strong {
  display: block !important;
}

body:has(.productSuiteView) .suiteDoneHead span {
  color: #667085 !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .suiteDoneHead strong {
  margin-top: 3px !important;
  color: #111827 !important;
  font-size: 18px !important;
}

body:has(.productSuiteView) .suiteDoneHeadActions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: end !important;
  gap: 8px !important;
}

body:has(.productSuiteView) .suiteDoneResultGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:has(.productSuiteView) .suiteDoneResultCard {
  min-width: 0 !important;
  padding: 14px !important;
}

body:has(.productSuiteView) .suiteDoneThumb {
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f5f6fb !important;
  aspect-ratio: 4 / 3 !important;
}

body:has(.productSuiteView) .suiteDoneThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body:has(.productSuiteView) .suiteDoneMeta strong,
body:has(.productSuiteView) .suiteDoneMeta span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteFailurePanel {
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  min-height: 560px !important;
  padding: 28px !important;
  color: #667085 !important;
  text-align: center !important;
}

body:has(.productSuiteView) .suiteFailureIcon {
  display: grid !important;
  width: 60px !important;
  height: 60px !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

body:has(.productSuiteView) .suiteFailurePanel strong {
  color: #111827 !important;
  font-size: 20px !important;
}

body:has(.productSuiteView) .suiteFailureActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
}

@media (max-width: 1320px) and (min-width: 981px) {
  body:has(.productSuiteView) .suiteProductShell {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteWorkflowLayout {
    grid-template-columns: minmax(270px, 292px) minmax(0, 1fr) minmax(246px, 270px) !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  body:has(.productSuiteView) .suiteProductTopbar nav button {
    padding: 0 10px !important;
  }
}

@media (max-width: 1180px) and (min-width: 901px) {
  body:has(.productSuiteView) .suiteWorkflowLayout {
    grid-template-columns: minmax(270px, 310px) minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteWorkflowStatus {
    position: static !important;
    grid-column: 1 / -1 !important;
    max-height: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:has(.productSuiteView) .suiteSummary,
  body:has(.productSuiteView) .planningList,
  body:has(.productSuiteView) .planningEmpty,
  body:has(.productSuiteView) .suiteOutputStrip,
  body:has(.productSuiteView) .suiteWorkflowStatus > .resultActions,
  body:has(.productSuiteView) .assetNotice {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .mainPane {
    height: auto !important;
    min-height: 100vh !important;
  }

  body:has(.productSuiteView) .suiteProductShell {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteProductSidebar {
    position: static !important;
    display: none !important;
  }

  body:has(.productSuiteView) .suiteProductWorkspace {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteProductTopbar {
    position: sticky !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
  }

  body:has(.productSuiteView) .suiteProductTopbar nav {
    display: none !important;
  }

  body:has(.productSuiteView) .suiteCreditPill span,
  body:has(.productSuiteView) .suiteUserButton strong,
  body:has(.productSuiteView) .suiteUserButton svg:last-child {
    display: none !important;
  }

  body:has(.productSuiteView) .suiteWorkflowLayout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 12px !important;
  }

  body:has(.productSuiteView) .suiteWorkflowAssets,
  body:has(.productSuiteView) .suiteWorkflowStatus {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .suiteWorkflowStage {
    min-height: 0 !important;
    padding: 16px !important;
  }

  body:has(.productSuiteView) .suiteRcSteps.suiteSteps {
    min-height: 82px !important;
    padding: 14px 10px !important;
  }

  body:has(.productSuiteView) .suiteRcSteps .rc-steps {
    gap: 4px !important;
  }

  body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-icon {
    width: 28px !important;
    height: 28px !important;
  }

  body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-description {
    display: none !important;
  }

  body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-title {
    font-size: 11px !important;
  }

  body:has(.productSuiteView) .suiteInsightGrid,
  body:has(.productSuiteView) .suiteOptions,
  body:has(.productSuiteView) .suiteRuleGrid,
  body:has(.productSuiteView) .suiteImagePlanGrid,
  body:has(.productSuiteView) .suiteDoneResultGrid,
  body:has(.productSuiteView) .suiteProcessingSteps {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteWorkflowStatus {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  body:has(.productSuiteView) .suiteProductTopbar {
    gap: 8px !important;
  }

  body:has(.productSuiteView) .suiteProductBrand > span {
    width: 34px !important;
    height: 34px !important;
  }

  body:has(.productSuiteView) .suiteProductBrand strong {
    font-size: 14px !important;
  }

  body:has(.productSuiteView) .suiteProductAccount {
    gap: 6px !important;
  }

  body:has(.productSuiteView) .suiteCreditPill,
  body:has(.productSuiteView) .suiteIconButton,
  body:has(.productSuiteView) .suiteUserButton {
    height: 34px !important;
    padding: 0 8px !important;
  }

  body:has(.productSuiteView) .suiteWorkflowLayout {
    padding: 10px !important;
  }

  body:has(.productSuiteView) .suiteWorkflowAssets,
  body:has(.productSuiteView) .suiteWorkflowStage,
  body:has(.productSuiteView) .suiteStatusCard,
  body:has(.productSuiteView) .suiteRcSteps.suiteSteps {
    border-radius: 8px !important;
  }

  body:has(.productSuiteView) .suiteWorkflowAssets,
  body:has(.productSuiteView) .suiteWorkflowStage {
    padding: 14px !important;
  }

  body:has(.productSuiteView) .suiteUploadPreview,
  body:has(.productSuiteView) .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView) .suiteOptions.suiteFrontOptions,
  body:has(.productSuiteView) .suiteAssetSubmit:has(.secondaryBtn),
  body:has(.productSuiteView) .suiteWorkflowStage > .resultActions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .suiteUploadPreview .uploadPreview {
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
  }

  body:has(.productSuiteView) .suiteMiniEstimate {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(.productSuiteView) .suitePlanningHero,
  body:has(.productSuiteView) .suiteDoneHead {
    grid-template-columns: minmax(0, 1fr) !important;
    display: grid !important;
  }

  body:has(.productSuiteView) .suiteDoneHeadActions,
  body:has(.productSuiteView) .suiteFailureActions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (min-width: 1181px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(280px, 300px) minmax(0, 1fr) minmax(260px, 286px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout > .suiteWorkflowAssets {
    grid-column: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout > .suiteWorkflowMain {
    grid-column: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout > .suiteWorkflowStatus.resultPanel,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout > aside.suiteWorkflowStatus {
    position: sticky !important;
    top: 98px !important;
    display: grid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: start !important;
    gap: 16px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100vh - 120px) !important;
    overflow: auto !important;
    padding: 0 !important;
  }
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="planning"] > .resultActions,
body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="failed"] > .resultActions,
body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="done"] > .resultActions {
  display: grid !important;
  visibility: visible !important;
}

body:has(.productSuiteView) .suiteRealNav .active {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  min-height: 38px !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 8px !important;
  background: #eef0ff !important;
  color: #4f46e5 !important;
  padding: 0 10px !important;
}

body:has(.productSuiteView) .suitePointsCard {
  appearance: none;
  width: 100%;
  border: 1px solid #e7e9ee;
  color: #111827;
  cursor: pointer;
  text-align: left;
}

body:has(.productSuiteView) .suitePointsCard em {
  color: #667085;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

body:has(.productSuiteView) .suiteEmptyRecords {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}
@media (max-width: 900px) {
  body:not(:has(.productSuiteView)) .topbar {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px auto !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 0 12px !important;
  }

  body:not(:has(.productSuiteView)) .mobileMenu {
    display: inline-grid !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    order: initial !important;
  }

  body:not(:has(.productSuiteView)) .mobilePublicBrand {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    order: initial !important;
  }

  body:not(:has(.productSuiteView)) .upgradeBtn,
  body:not(:has(.productSuiteView)) .promoBtn,
  body:not(:has(.productSuiteView)) .pointsBtn,
  body:not(:has(.productSuiteView)) .loginBtn,
  body:not(:has(.productSuiteView)) .avatarBtn {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    order: initial !important;
  }

  body:not(:has(.productSuiteView)) .upgradeBtn,
  body:not(:has(.productSuiteView)) .promoBtn,
  body:not(:has(.productSuiteView)) .pointsBtn {
    display: none !important;
  }

  body:not(:has(.productSuiteView)) .loginBtn,
  body:not(:has(.productSuiteView)) .avatarBtn {
    display: inline-flex !important;
    min-width: 56px !important;
    height: 44px !important;
    padding: 0 13px !important;
  }
}
body:has(.productSuiteView) .studioApp,
body:has(.productSuiteView) .studioFrame,
body:has(.productSuiteView) .mainPane,
body:has(.productSuiteView) .productSuiteView,
body:has(.productSuiteView) .suiteProductShell,
body:has(.productSuiteView) .suiteProductWorkspace {
  background: var(--xc-canvas) !important;
  color: var(--xc-ink) !important;
}

body:has(.productSuiteView) .suiteProductSidebar,
body:has(.productSuiteView) .suiteProductTopbar,
body:has(.productSuiteView) .suiteWorkflowAssets,
body:has(.productSuiteView) .suiteWorkflowStage,
body:has(.productSuiteView) .suiteStatusCard,
body:has(.productSuiteView) .suiteRcSteps.suiteSteps {
  border-color: var(--xc-line) !important;
  border-radius: var(--xc-radius) !important;
  background: var(--xc-surface) !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .suiteProductTopbar {
  min-height: 64px !important;
  border-bottom: 1px solid var(--xc-line) !important;
}

body:has(.productSuiteView) .suiteProductBrand strong,
body:has(.productSuiteView) .suiteAssetHeader h1,
body:has(.productSuiteView) .suiteWorkflowStage h2,
body:has(.productSuiteView) .suiteStatusCard strong {
  color: var(--xc-ink) !important;
  font-family: var(--xc-font-ui) !important;
}

body:has(.productSuiteView) .suiteProductBrand em,
body:has(.productSuiteView) .suiteAssetHeader p,
body:has(.productSuiteView) .suiteStatusCard p,
body:has(.productSuiteView) .suiteStatusCard span,
body:has(.productSuiteView) .suiteUploadFeedback span {
  color: var(--xc-muted) !important;
}

body:has(.productSuiteView) .suiteRealNav .active,
body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon,
body:has(.productSuiteView) .suiteOptionMenu button.selected,
body:has(.productSuiteView) .sectionGrid button.active {
  background: var(--xc-accent-weak) !important;
  color: var(--xc-accent) !important;
  border-color: #c7c2ff !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-icon,
body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-rail,
body:has(.productSuiteView) .suiteStatusRing circle {
  border-color: var(--xc-line) !important;
  stroke: var(--xc-line) !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon,
body:has(.productSuiteView) .suiteStatusRing.processing circle:last-child,
body:has(.productSuiteView) .suiteStatusRing.done circle:last-child {
  background: var(--xc-accent) !important;
  border-color: var(--xc-accent) !important;
  stroke: var(--xc-accent) !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps {
  gap: 4px !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item {
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-title {
  overflow: hidden !important;
  color: var(--xc-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-description {
  display: none !important;
}

body:has(.productSuiteView) .suiteRcSteps .rc-steps-item-process .rc-steps-item-title {
  color: var(--xc-accent) !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .suiteUploadDrop,
body:has(.productSuiteView) .suiteTemplateRail > div,
body:has(.productSuiteView) .suiteOptions,
body:has(.productSuiteView) .suiteMiniEstimate,
body:has(.productSuiteView) .suiteSummary,
body:has(.productSuiteView) .suitePointsCard {
  border-color: var(--xc-line) !important;
  border-radius: 6px !important;
  background: var(--xc-surface-muted) !important;
  box-shadow: none !important;
}
body:has(.productSuiteView) .studioFrame > .sidebar {
  display: flex !important;
}

body:has(.productSuiteView) .topbar {
  display: flex !important;
}

body:has(.productSuiteView) .mainPane {
  overflow: auto !important;
}

body:has(.productSuiteView) .productSuiteView {
  min-height: 0 !important;
  padding: 24px !important;
}

body:has(.productSuiteView) .suiteWorkflowLayout {
  width: min(100%, 1480px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(360px, 420px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body:has(.productSuiteView) .suiteWorkflowAssets {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .suiteTaskBoard {
  display: block !important;
  min-width: 0 !important;
  min-height: 720px !important;
  overflow: hidden !important;
  border: 1px solid var(--xc-line) !important;
  border-radius: var(--xc-radius) !important;
  background: var(--xc-surface) !important;
}

body:has(.productSuiteView) .suiteTaskBoard .suiteWorkflowMain {
  min-height: 720px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .suiteTaskBoard .suiteWorkflowStatus {
  display: none !important;
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .topbar {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px auto !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 0 12px !important;
  }

  body:has(.productSuiteView) .mobileMenu {
    display: inline-grid !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  body:has(.productSuiteView) .mobilePublicBrand {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .upgradeBtn,
  body:has(.productSuiteView) .promoBtn,
  body:has(.productSuiteView) .pointsBtn,
  body:has(.productSuiteView) .loginBtn,
  body:has(.productSuiteView) .avatarBtn {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body:has(.productSuiteView) .upgradeBtn,
  body:has(.productSuiteView) .promoBtn,
  body:has(.productSuiteView) .pointsBtn {
    display: none !important;
  }

  body:has(.productSuiteView) .loginBtn,
  body:has(.productSuiteView) .avatarBtn {
    display: inline-flex !important;
    min-width: 56px !important;
    height: 44px !important;
    padding: 0 13px !important;
  }

  body:has(.productSuiteView) .productSuiteView {
    padding: 16px !important;
  }

  body:has(.productSuiteView) .suiteWorkflowLayout {
    display: block !important;
  }

  body:has(.productSuiteView) .suiteTaskBoard,
  body:has(.productSuiteView) .suiteTaskBoard .suiteWorkflowMain {
    min-height: 520px !important;
  }

  body:has(.productSuiteView) .suiteTaskBoard {
    margin-top: 16px !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView) .studioFrame {
    display: grid !important;
    grid-template-columns: 236px minmax(0, 1fr) !important;
    height: 100vh !important;
    min-height: 0 !important;
  }

  body:has(.productSuiteView) .studioFrame > .sidebar {
    display: flex !important;
    height: 100vh !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(360px, 420px) minmax(0, 1fr) !important;
    gap: 18px !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
  }
}

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn,
body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage .primaryBtn {
  border-color: var(--xc-accent) !important;
  background: var(--xc-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon {
  border-color: var(--xc-accent) !important;
  background: var(--xc-accent) !important;
  color: #fff !important;
  stroke: var(--xc-accent) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteOptionMenu button.selected,
body:has(.productSuiteView) .productSuiteView .sectionGrid button.active {
  border-color: #d8dde5 !important;
  background: var(--xc-accent-weak) !important;
  color: var(--xc-ink) !important;
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .studioFrame > .sidebar {
    display: none !important;
  }
}
body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
  display: grid !important;
  min-height: 0 !important;
  align-content: start !important;
  gap: 18px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 0 6px 0 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop) {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigFooter {
  display: grid !important;
  gap: 14px !important;
  border-top: 1px solid var(--suite-line) !important;
  background: #fff !important;
  padding-top: 14px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigFooter .suiteMiniEstimate {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    grid-template-rows: auto !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    overflow: visible !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset button {
    box-sizing: border-box !important;
    min-width: 72px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    position: relative !important;
    overflow: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    top: 50% !important;
    left: 12px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) > span {
    display: -webkit-box !important;
    min-width: 0 !important;
    padding-left: 28px !important;
    overflow: hidden !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article {
    min-height: 0 !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 14px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article + article {
    border-left: 1px solid #e8eaee !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article > span {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: #f5f6f8 !important;
    color: #687080 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article div { min-width: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article small { display: block !important; color: #8b93a1 !important; font-size: 11px !important; line-height: 16px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article p { overflow: hidden !important; margin: 1px 0 0 !important; color: #28303c !important; font-size: 13px !important; font-weight: 650 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 16px 18px 14px 68px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid {
    grid-template-columns: minmax(0, 1fr) minmax(190px, .44fr) !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details {
    grid-column: auto !important;
    min-width: 0 !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suiteConfigScroller) .productSuiteView .suiteFrontConfig > .fieldBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suiteConfigScroller) .productSuiteView .suiteTemplateRail {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suiteConfigScroller) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suiteConfigScroller) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 14px 13px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suiteConfigScroller) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    min-width: 0 !important;
    padding-left: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suitePinnedAsset) .productSuiteView .suiteAssetHeader {
    gap: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suitePinnedAsset) .productSuiteView .suiteAssetHeader > div:first-child { gap: 3px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suitePinnedAsset) .productSuiteView .suiteAssetHeader h1 {
    margin-top: 2px !important;
    font-size: 23px !important;
    line-height: 30px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage]):has(.suitePinnedAsset) .productSuiteView .suiteAssetHeader p { display: none !important; }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    gap: 14px !important;
    padding-right: 8px !important;
    scrollbar-color: #cbd2dc transparent;
    scrollbar-width: thin;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller::-webkit-scrollbar {
    width: 6px;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd2dc;
  }
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig > .fieldBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 14px 13px !important;
  }
  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    min-width: 0 !important;
    padding-left: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand):hover {
    border-color: #9ba8df !important;
    background: #f7f8ff !important;
  }
  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader:has(.suitePinnedAsset) {
    gap: 8px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader:has(.suitePinnedAsset) > div:first-child {
    gap: 3px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader:has(.suitePinnedAsset) h1 {
    margin-top: 2px !important;
    font-size: 23px !important;
    line-height: 30px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader:has(.suitePinnedAsset) p {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead {
    min-height: 38px !important;
    margin-top: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle {
    min-height: 38px !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
    display: grid !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid var(--suite-line) !important;
    border-radius: 7px !important;
    background: var(--suite-soft) !important;
    padding: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset > img,
  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset > svg {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--suite-muted) !important;
    object-fit: cover !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset span,
  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset strong {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset span {
    color: var(--suite-muted) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset strong {
    color: var(--suite-ink) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset button,
  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle {
    border: 0 !important;
    background: transparent !important;
    color: var(--suite-accent) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suitePinnedAsset button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedOptions {
    display: grid !important;
    gap: 8px !important;
    border-top: 1px solid var(--suite-line) !important;
    padding-top: 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle {
    display: grid !important;
    width: 100% !important;
    min-height: 34px !important;
    grid-template-columns: minmax(0, 1fr) auto 16px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle > span {
    color: var(--suite-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle small {
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedToggle[aria-expanded="true"] svg {
    transform: rotate(180deg) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedOptions .suiteFrontOptions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAdvancedOptions .suiteFrontOptions .fieldBlock {
    border: 1px solid var(--suite-line) !important;
    border-radius: 7px !important;
    background: #fff !important;
    padding: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    min-height: 76px !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-color: #d8dde5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #344054 !important;
    padding: 14px 12px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
    margin-top: 1px !important;
    border-radius: 5px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand) {
    border-color: #aeb8ed !important;
    background: var(--suite-accent-soft) !important;
    color: #28377f !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::before,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    gap: 14px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    padding-left: 28px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView {
    --suite-accent: #4456b7;
    --suite-accent-soft: #eef1ff;
    --suite-ink: #1d2430;
    --suite-muted: #667085;
    --suite-line: #e4e7ec;
    --suite-soft: #f8f9fb;
    padding: 20px 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(398px, 424px) minmax(720px, 1fr) !important;
    gap: 20px !important;
    min-height: calc(100vh - 106px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard {
    min-height: calc(100vh - 106px) !important;
    border-color: var(--suite-line) !important;
    border-radius: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    top: 20px !important;
    max-height: calc(100vh - 106px) !important;
    gap: 16px !important;
    padding: 22px 20px 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
    padding-bottom: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader p {
    max-width: 360px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteLabel,
  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle > span,
  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead > div > span {
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    gap: 18px !important;
    padding-right: 4px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead strong,
  body:has(.productSuiteView) .productSuiteView .fieldBlock > span,
  body:has(.productSuiteView) .productSuiteView .pickerTop > strong {
    color: var(--suite-ink) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 22px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig .fieldBlock,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig {
    gap: 9px !important;
  }

  body:has(.productSuiteView) .productSuiteView .segmented,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select {
    min-height: 46px !important;
  }

  body:has(.productSuiteView) .productSuiteView .segmented button,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig textarea {
    font-size: 14px !important;
    font-weight: 560 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail {
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    min-height: 76px !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-radius: 7px !important;
    padding: 14px 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
    margin-top: 1px !important;
    border-radius: 5px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand) {
    border-color: #aeb8ed !important;
    background: var(--suite-accent-soft) !important;
    color: #28377f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::after {
    top: 19px !important;
    left: 17px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateExpand {
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    justify-self: start !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--suite-accent) !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateExpand:hover {
    color: #2f3d91 !important;
    text-decoration: underline;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(218px, .62fr) minmax(0, 1.88fr) !important;
    gap: 28px !important;
    padding: 20px 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle h2 {
    margin-top: 4px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle p {
    margin-top: 4px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="input"] {
    display: block !important;
    min-height: 0 !important;
    padding: 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbench {
    display: grid !important;
    max-width: 960px !important;
    gap: 28px !important;
    margin: 0 auto !important;
    padding: 12px 0 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead h2 {
    margin: 5px 0 7px !important;
    color: var(--suite-ink) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead p {
    max-width: 600px !important;
    margin: 0 !important;
    color: var(--suite-muted) !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputState {
    flex: 0 0 auto !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 999px !important;
    background: var(--suite-soft) !important;
    color: var(--suite-muted) !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputState.ready {
    border-color: #c8d0fb !important;
    background: var(--suite-accent-soft) !important;
    color: #35458f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputOverview {
    display: grid !important;
    grid-template-columns: 152px minmax(0, 1fr) !important;
    gap: 20px !important;
    border: 1px solid var(--suite-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview {
    display: grid !important;
    width: 152px !important;
    height: 152px !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px dashed #cdd3dc !important;
    border-radius: 7px !important;
    background: var(--suite-soft) !important;
    color: #98a2b3 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview.hasImage {
    border-style: solid !important;
    background: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: center !important;
    gap: 20px 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails div,
  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article {
    min-width: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails span {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--suite-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid var(--suite-line) !important;
    border-bottom: 1px solid var(--suite-line) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 18px 18px 18px 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article + article {
    border-left: 1px solid var(--suite-line) !important;
    padding-left: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article > span {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article.current > span {
    border-color: #c8d0fb !important;
    background: var(--suite-accent-soft) !important;
    color: #35458f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article.complete > span {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
    color: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist strong {
    display: block !important;
    color: var(--suite-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist p {
    margin: 3px 0 0 !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputFoot {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    color: var(--suite-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputFoot strong {
    color: var(--suite-ink) !important;
    font-weight: 650 !important;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  body:has(.productSuiteView) .productSuiteView {
    padding: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(368px, 396px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputOverview {
    grid-template-columns: 124px minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview {
    width: 124px !important;
    height: 124px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteLayout:has(.suiteWorkflowStage[data-stage="input"]) {
    grid-template-columns: 120px minmax(360px, 396px) minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteLayout:has(.suiteWorkflowStage[data-stage="input"]) > .suiteTaskBoard {
    display: contents !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteLayout:has(.suiteWorkflowStage[data-stage="input"]) > .suiteForm {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) > .productSuiteAssetBoard {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 120px !important;
    min-width: 0 !important;
    border-radius: 14px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) > .suiteWorkflowMain {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) > .suiteWorkflowStatus {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) .suiteTaskBoardHeader {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) .suiteTaskBoardTitle h2 {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard:has(.suiteWorkflowStage[data-stage="input"]) .suiteSteps {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputEmptyState {
    display: none !important;
  }
}
body:has(.productSuiteView) .productSuiteView .suiteAnalysisBoard,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryBoard {
  display: grid !important;
  width: min(100%, 920px) !important;
  align-self: center !important;
  justify-self: center !important;
  border: 1px solid var(--suite-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisBoard {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

body:has(.productSuiteView) .productSuiteView .suitePanelHeading,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead {
  padding: 24px 26px 20px !important;
}

body:has(.productSuiteView) .productSuiteView .suitePanelHeading > span,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead > div > span {
  display: block !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

body:has(.productSuiteView) .productSuiteView .suitePanelHeading h2,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead h2 {
  margin: 6px 0 0 !important;
  color: var(--suite-ink) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
}

body:has(.productSuiteView) .productSuiteView .suitePanelHeading p,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead p {
  margin: 7px 0 0 !important;
  color: var(--suite-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 26px !important;
  border-top: 1px solid var(--suite-line) !important;
  border-bottom: 1px solid var(--suite-line) !important;
  padding: 16px 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisThumb {
  display: grid !important;
  width: 62px !important;
  height: 62px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: var(--suite-soft) !important;
  color: var(--suite-muted) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisThumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput > div:last-child {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput strong {
  overflow: hidden !important;
  color: var(--suite-ink) !important;
  font-size: 14px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput span,
body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput em {
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput em {
  color: #087443 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist {
  display: grid !important;
  gap: 0 !important;
  padding: 8px 26px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  border-bottom: 1px solid var(--suite-line) !important;
  padding: 16px 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article:last-child {
  border-bottom: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article > span {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 50% !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article.active > span {
  border-color: var(--suite-ink) !important;
  background: var(--suite-ink) !important;
  color: #fff !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article > div {
  display: grid !important;
  gap: 3px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist strong {
  color: var(--suite-ink) !important;
  font-size: 13px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist p {
  margin: 0 !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist em {
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-style: normal !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist article.active em {
  color: #087443 !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisFoot,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryFoot {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-top: 1px solid var(--suite-line) !important;
  background: #fafbfc !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  padding: 14px 26px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAnalysisFoot strong {
  color: var(--suite-ink) !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead > strong {
  flex: 0 0 auto !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: var(--suite-soft) !important;
  color: var(--suite-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryFilters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-top: 1px solid var(--suite-line) !important;
  border-bottom: 1px solid var(--suite-line) !important;
  padding: 12px 26px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryFilters button {
  min-height: 30px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 0 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryFilters button[aria-pressed="true"] {
  border-color: var(--suite-ink) !important;
  background: var(--suite-ink) !important;
  color: #fff !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryFilters button:disabled {
  cursor: default !important;
  opacity: .62 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  gap: 12px !important;
  padding: 20px 26px 24px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article {
  display: grid !important;
  min-height: 144px !important;
  align-content: start !important;
  gap: 9px !important;
  border: 1px solid #dfe3e8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  padding: 14px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: var(--suite-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article em {
  border-radius: 999px !important;
  background: #eef2f6 !important;
  color: #536273 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article strong {
  overflow: hidden !important;
  color: var(--suite-ink) !important;
  font-size: 13px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article p,
body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article small {
  margin: 0 !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article > img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 4px !important;
  object-fit: cover !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: var(--suite-ink) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid article small {
  margin-top: auto !important;
  color: #344054 !important;
  font-weight: 700 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDeliveryFoot .secondaryBtn {
  min-height: 34px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: var(--suite-ink) !important;
  box-shadow: none !important;
  padding: 0 11px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFailureContext {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px 16px !important;
  width: 100% !important;
  border-top: 1px solid #f1d3d0 !important;
  border-bottom: 1px solid #f1d3d0 !important;
  color: #7f1d1d !important;
  font-size: 12px !important;
  padding: 14px 0 !important;
  text-align: left !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFailureContext strong {
  overflow: hidden !important;
  color: #7f1d1d !important;
  font-size: 12px !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteDoneHeadActions .suiteDonePrimaryAction {
  border-color: var(--suite-ink) !important;
  background: var(--suite-ink) !important;
  color: #fff !important;
}

@media (max-width: 700px) {
  body:has(.productSuiteView) .productSuiteView .suitePanelHeading,
  body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead,
  body:has(.productSuiteView) .productSuiteView .suiteDeliveryGrid {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAnalysisInput,
  body:has(.productSuiteView) .productSuiteView .suiteAnalysisChecklist,
  body:has(.productSuiteView) .productSuiteView .suiteDeliveryFilters {
    margin-right: 18px !important;
    margin-left: 18px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAnalysisFoot,
  body:has(.productSuiteView) .productSuiteView .suiteDeliveryFoot {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteDeliveryHead {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop),
body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop) {
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding-right: 0 !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig,
body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig {
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail .pickerTop {
  display: flex !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateMeta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteTemplateMeta .selectAllBtn {
  justify-self: auto !important;
  min-height: 28px !important;
  border-color: transparent !important;
  background: transparent !important;
  color: var(--suite-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 0 !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn) {
  position: relative !important;
  min-height: 58px !important;
  border-color: #d8dde5 !important;
  border-radius: 8px !important;
  background: #fafafa !important;
  color: #2d3138 !important;
  padding: 12px 12px !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn)::before {
  width: 18px !important;
  height: 18px !important;
  flex-basis: 18px !important;
  border-color: #aeb6c3 !important;
  border-radius: 4px !important;
  background: #fff !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn) {
  border-color: #c5cbd4 !important;
  background: #f5f6f7 !important;
  color: var(--suite-ink) !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn)::before {
  border-color: #3b4048 !important;
  background: #3b4048 !important;
}

body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button.selected:not(.selectAllBtn)::after {
  position: absolute !important;
  top: 17px !important;
  left: 17px !important;
  display: grid !important;
  width: 10px !important;
  height: 10px !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  content: "✓" !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  min-width: 0 !important;
  gap: 8px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item-title {
  display: block !important;
  overflow: hidden !important;
  color: var(--xc-muted) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item-description {
  display: none !important;
}
body:has(.productSuiteView) .productSuiteView {
  --suite-ink: #17191d;
  --suite-muted: #667085;
  --suite-line: #e3e6eb;
  --suite-soft: #f6f7f9;
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - 98px) !important;
  grid-template-columns: minmax(460px, 500px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 16px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
  position: sticky !important;
  top: 16px !important;
  align-self: start !important;
  max-height: calc(100vh - 116px) !important;
  gap: 18px !important;
  border: 1px solid var(--suite-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 22px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetHeader {
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--suite-line) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetHeader h1 {
  font-size: 20px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetHeader p {
  max-width: 310px !important;
  color: var(--suite-muted) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteUploadDrop {
  min-height: 142px !important;
  border-color: #d7dce5 !important;
  border-radius: 8px !important;
  background: #fcfcfd !important;
}

body:has(.productSuiteView) .productSuiteView .suiteUploadActions {
  display: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteUploadEmpty strong,
body:has(.productSuiteView) .productSuiteView .suiteUploadPreview strong {
  color: var(--suite-ink) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFrontConfig {
  display: grid !important;
  gap: 16px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFrontConfig .fieldBlock {
  gap: 8px !important;
}

body:has(.productSuiteView) .productSuiteView .segmented {
  min-height: 44px !important;
  padding: 3px !important;
  border: 1px solid var(--suite-line) !important;
  border-radius: 8px !important;
  background: var(--suite-soft) !important;
}

body:has(.productSuiteView) .productSuiteView .segmented button {
  min-height: 36px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--suite-muted) !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .segmented button.active {
  border-color: #cfd5dd !important;
  background: #fff !important;
  color: var(--suite-ink) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .06) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select,
body:has(.productSuiteView) .productSuiteView .suiteFrontConfig textarea {
  border-color: #d7dce5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select {
  min-height: 42px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  max-height: 232px !important;
  gap: 8px !important;
  overflow-y: auto !important;
  padding: 2px 4px 2px 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn) {
  display: flex !important;
  min-height: 42px !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #344054 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
  text-align: left !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn)::before {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  border: 1px solid #aeb6c3 !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn) {
  border-color: var(--suite-ink) !important;
  background: #f6f7f8 !important;
  color: var(--suite-ink) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn)::before {
  border-color: var(--suite-ink) !important;
  background: var(--suite-ink) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn)::after {
  display: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button span {
  overflow: hidden !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .selectAllBtn {
  justify-self: end !important;
  min-height: 32px !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #344054 !important;
  box-shadow: none !important;
  padding: 0 11px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px 12px !important;
  margin-top: auto !important;
  border: 0 !important;
  border-top: 1px solid var(--suite-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 16px 0 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate span {
  color: var(--suite-muted) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteMiniEstimate strong {
  color: var(--suite-ink) !important;
  text-align: right !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn,
body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage .primaryBtn {
  min-height: 46px !important;
  border-color: var(--suite-ink) !important;
  border-radius: 6px !important;
  background: var(--suite-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteAssetSubmit .primaryBtn:disabled,
body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage .primaryBtn:disabled {
  border-color: #d7dce5 !important;
  background: #d7dce5 !important;
  color: #fff !important;
  opacity: 1 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard {
  grid-column: 2 !important;
  display: block !important;
  min-height: calc(100vh - 98px) !important;
  overflow: hidden !important;
  border: 1px solid var(--suite-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteWorkflowMain {
  display: grid !important;
  min-height: calc(100vh - 98px) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoard > .suiteWorkflowStatus {
  display: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
  display: grid !important;
  grid-template-columns: minmax(235px, .72fr) minmax(0, 1.78fr) !important;
  align-items: center !important;
  gap: 24px !important;
  border-bottom: 1px solid var(--suite-line) !important;
  padding: 18px 24px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle {
  min-width: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle > span {
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle h2 {
  margin: 5px 0 0 !important;
  color: var(--suite-ink) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle p {
  margin: 5px 0 0 !important;
  color: var(--suite-muted) !important;
  font-size: 12px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps.suiteSteps {
  display: block !important;
  min-height: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item::after {
  position: absolute !important;
  z-index: 0 !important;
  top: 15px !important;
  right: -15px !important;
  left: 31px !important;
  height: 1px !important;
  background: #dfe3e8 !important;
  content: "" !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item:last-child::after,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-rail {
  display: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-header {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-icon {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border: 1px solid #d7dce5 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--suite-muted) !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-process .rc-steps-item-icon {
  border-color: var(--suite-ink) !important;
  background: var(--suite-ink) !important;
  color: #fff !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-finish .rc-steps-item-icon {
  border-color: #c8ced7 !important;
  background: #f3f4f6 !important;
  color: var(--suite-ink) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-section,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-title,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-description,
body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-icon {
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-title {
  display: block !important;
  overflow: hidden !important;
  color: var(--suite-ink) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-description {
  display: block !important;
  overflow: hidden !important;
  color: var(--suite-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage {
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 32px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="input"] {
  display: grid !important;
  min-height: 560px !important;
  place-items: center !important;
}

body:has(.productSuiteView) .productSuiteView .suiteBoardEmpty {
  min-height: 0 !important;
  max-width: 560px !important;
  gap: 10px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteBoardEmptyIcon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 8px !important;
  background: #f3f4f6 !important;
  color: var(--suite-ink) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteBoardEmpty span {
  color: var(--suite-muted) !important;
}

body:has(.productSuiteView) .productSuiteView .suiteBoardEmpty strong {
  color: var(--suite-ink) !important;
  font-size: 22px !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(350px, 390px) minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView {
    padding: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    position: static !important;
    max-height: none !important;
    padding: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard,
  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteWorkflowMain {
    min-height: 520px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps {
    overflow: visible !important;
    padding-bottom: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps {
    min-width: 0 !important;
    gap: 4px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-header,
  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-icon {
    width: 24px !important;
    height: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item::after {
    top: 12px !important;
    right: calc(-50% + 12px) !important;
    left: calc(50% + 12px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps > .rc-steps-item:nth-child(5) {
    grid-column: auto !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-description {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteRcSteps .rc-steps-item-title {
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item-title {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item-description {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage {
    padding: 22px 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="input"] {
    min-height: 420px !important;
  }
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .studioFrame > .sidebar {
    display: none !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard .suiteRcSteps .rc-steps-item {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 4px !important;
  }
}
body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
  display: grid !important;
  min-height: 0 !important;
  align-content: start !important;
  gap: 18px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding: 0 6px 0 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop) {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigFooter {
  display: grid !important;
  gap: 14px !important;
  border-top: 1px solid var(--suite-line) !important;
  background: #fff !important;
  padding-top: 14px !important;
}

body:has(.productSuiteView) .productSuiteView .suiteConfigFooter .suiteMiniEstimate {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    grid-template-rows: auto !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    overflow: visible !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 900px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigFooter .suiteAssetSubmit {
    position: relative !important;
    display: grid !important;
    visibility: visible !important;
    width: 100% !important;
    min-height: 46px !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigFooter .suiteAssetSubmit .primaryBtn {
    display: inline-flex !important;
    visibility: visible !important;
    min-height: 50px !important;
    pointer-events: auto !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteWorkflowStage[data-stage="planning"] {
    display: block !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 28px 32px 34px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningWorkbench {
    display: grid !important;
    gap: 16px !important;
    width: 100% !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningDocumentHead,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary > header,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningListSection > header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningDocumentHead h2 {
    margin: 0 !important;
    color: #1d2430 !important;
    font-size: 20px !important;
    font-weight: 720 !important;
    line-height: 28px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningDocumentHead p,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningListSection > header span {
    margin: 4px 0 0 !important;
    color: #8b93a1 !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningDocumentHead > strong {
    flex: 0 0 auto !important;
    border-radius: 999px !important;
    background: #f2f3f5 !important;
    color: #5a6070 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    padding: 0 10px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRulesSection {
    border: 1px solid #e6e8ec !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 18px 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary > header {
    margin-bottom: 14px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary > header div,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningListSection > header div {
    display: grid !important;
    gap: 3px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary > header strong,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningListSection > header strong {
    color: #272d38 !important;
    font-size: 14px !important;
    font-weight: 720 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummary > header span {
    color: #8b93a1 !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid article {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid #e8eaee !important;
    border-radius: 11px !important;
    background: #fff !important;
    padding: 12px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid article > span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article > span {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: #f5f6f8 !important;
    color: #687080 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid article div { min-width: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid strong { display: block !important; color: #1d2430 !important; font-size: 14px !important; font-weight: 720 !important; line-height: 20px !important; white-space: nowrap !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningSummaryGrid small { display: block !important; margin-top: 2px !important; color: #8b93a1 !important; font-size: 11px !important; line-height: 16px !important; }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRulesSection { display: grid !important; gap: 14px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanHead { display: flex !important; align-items: center !important; justify-content: space-between !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanHead > div { display: grid !important; gap: 3px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanHead span { color: #252b36 !important; font-size: 14px !important; font-weight: 720 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanHead strong { color: #8b93a1 !important; font-size: 12px !important; font-weight: 500 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleEditButton { min-height: 34px !important; border-radius: 8px !important; background: #fff !important; color: #3c4350 !important; font-size: 12px !important; }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 0 !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 14px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article + article { border-left: 1px solid #e8eaee !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article div { min-width: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article small { display: block !important; color: #8b93a1 !important; font-size: 11px !important; line-height: 16px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article p { overflow: hidden !important; margin: 1px 0 0 !important; color: #28303c !important; font-size: 13px !important; font-weight: 650 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanningListSection { display: grid !important; gap: 12px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanGrid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard { position: relative !important; display: grid !important; gap: 10px !important; border: 1px solid #e4e7ec !important; border-radius: 14px !important; background: #fff !important; padding: 16px 18px 14px 68px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard::before { content: attr(data-plan-index) !important; position: absolute !important; top: 22px !important; left: 18px !important; display: grid !important; width: 34px !important; height: 34px !important; place-items: center !important; border-radius: 10px !important; background: #f6f7f9 !important; color: #616978 !important; font-size: 12px !important; font-weight: 750 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > div:first-child { display: flex !important; min-width: 0 !important; align-items: center !important; flex-wrap: wrap !important; gap: 7px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > div:first-child > strong { color: #1d2430 !important; font-size: 14px !important; font-weight: 720 !important; line-height: 20px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop > div:first-child > span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop em { border-radius: 6px !important; background: #f4f5f7 !important; color: #616978 !important; font-size: 11px !important; font-style: normal !important; font-weight: 650 !important; line-height: 22px !important; padding: 0 7px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanTop em { background: #ebfaf3 !important; color: #0b8b65 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanCardActions { display: inline-flex !important; align-items: center !important; gap: 4px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanCardActions button { display: grid !important; width: 28px !important; height: 28px !important; min-height: 28px !important; place-items: center !important; border: 0 !important; border-radius: 7px !important; background: transparent !important; color: #88909e !important; padding: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanCardActions button:hover { background: #f5f6f8 !important; color: #2d3440 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(220px, .46fr) !important; gap: 7px !important; padding: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid div { display: flex !important; min-width: 0 !important; align-items: center !important; gap: 8px !important; border: 0 !important; border-radius: 7px !important; background: #fafbfc !important; padding: 7px 10px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid div:nth-child(3) { grid-column: 1 / -1 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid span { display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; gap: 5px !important; color: #858d9b !important; font-size: 11px !important; font-weight: 650 !important; white-space: nowrap !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suitePlanBriefGrid strong { overflow: hidden !important; margin: 0 !important; color: #303744 !important; font-size: 12px !important; font-weight: 600 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details { border: 0 !important; border-radius: 0 !important; background: transparent !important; padding: 0 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard summary { color: #697180 !important; font-size: 12px !important; font-weight: 650 !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteImagePlanCard details[open] { border-top: 1px solid #eceef1 !important; margin-top: 3px !important; padding-top: 10px !important; }
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop) {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRulesSection {
    display: grid !important;
    min-width: 0 !important;
    gap: 16px !important;
    border-color: var(--suite-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 18px 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article {
    display: grid !important;
    min-width: 0 !important;
    min-height: 116px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: none !important;
    align-content: start !important;
    gap: 8px !important;
    border: 1px solid #e8ebf0 !important;
    border-radius: 7px !important;
    background: #fafbfc !important;
    padding: 16px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article::before {
    content: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article span {
    grid-area: auto !important;
    color: #475467 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleGrid article p {
    grid-area: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    color: #344054 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleEditorGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    border-top: 1px solid var(--suite-line) !important;
    padding-top: 16px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteRuleEditorGrid label {
    display: grid !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
}

@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView .suiteConfigScroller {
    overflow-x: hidden !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    box-sizing: border-box !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateMeta {
    flex-wrap: nowrap !important;
    gap: 7px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateMeta .suiteTemplateExpand {
    display: inline-flex !important;
    min-height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--suite-accent) !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(244px, .78fr) minmax(0, 1.72fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle h2 {
    font-size: 19px !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig > .fieldBlock,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteFrontConfig > .fieldBlock {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail > div:not(.pickerTop) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand),
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    min-height: 76px !important;
    border-radius: 7px !important;
    padding: 14px 12px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    position: absolute !important;
    top: 15px !important;
    left: 14px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span,
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="planning"]) .productSuiteView .suiteConfigScroller .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    display: -webkit-box !important;
    overflow: hidden !important;
    padding-left: 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) .productSuiteView {
    --suite-accent: #4456b7;
    --suite-accent-soft: #eef1ff;
    --suite-ink: #1d2430;
    --suite-muted: #667085;
    --suite-line: #e4e7ec;
    --suite-soft: #f8f9fb;
    padding: 20px 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(398px, 424px) minmax(0, 1fr) !important;
    gap: 20px !important;
    min-height: calc(100vh - 106px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets,
  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard,
  body:has(.productSuiteView) .productSuiteView .suiteWorkflowMain {
    min-width: 0 !important;
    min-height: calc(100vh - 106px) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowAssets {
    width: auto !important;
    max-height: calc(100vh - 106px) !important;
    border-color: var(--suite-line) !important;
    border-radius: 8px !important;
    gap: 16px !important;
    padding: 22px 20px 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoard {
    border-color: var(--suite-line) !important;
    border-radius: 8px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteAssetHeader h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(205px, .62fr) minmax(0, 1.88fr) !important;
    gap: 24px !important;
    padding: 20px 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle > span,
  body:has(.productSuiteView) .productSuiteView .suiteLabel,
  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead > div > span {
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardTitle h2 {
    margin-top: 4px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteUploadSectionHead strong,
  body:has(.productSuiteView) .productSuiteView .fieldBlock > span,
  body:has(.productSuiteView) .productSuiteView .pickerTop > strong {
    color: var(--suite-ink) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 22px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig .fieldBlock {
    gap: 9px !important;
  }

  body:has(.productSuiteView) .productSuiteView .segmented,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select {
    min-height: 46px !important;
  }

  body:has(.productSuiteView) .productSuiteView .segmented button,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig select,
  body:has(.productSuiteView) .productSuiteView .suiteFrontConfig textarea {
    font-size: 14px !important;
    font-weight: 560 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail {
    gap: 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail > div:not(.pickerTop) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) {
    min-height: 76px !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border-color: #d8dde5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #344054 !important;
    padding: 14px 12px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
    margin-top: 1px !important;
    border-radius: 5px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button:not(.selectAllBtn):not(.suiteTemplateExpand) span {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand) {
    border-color: #aeb8ed !important;
    background: var(--suite-accent-soft) !important;
    color: #28377f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::before {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateRail button.selected:not(.selectAllBtn):not(.suiteTemplateExpand)::after {
    top: 19px !important;
    left: 17px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTemplateExpand {
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    justify-self: start !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--suite-accent) !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowStage[data-stage="input"] {
    display: block !important;
    min-height: 0 !important;
    padding: 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbench {
    display: grid !important;
    max-width: 960px !important;
    gap: 28px !important;
    margin: 0 auto !important;
    padding: 12px 0 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead h2 {
    margin: 5px 0 7px !important;
    color: var(--suite-ink) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputWorkbenchHead p {
    max-width: 600px !important;
    margin: 0 !important;
    color: var(--suite-muted) !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputState {
    flex: 0 0 auto !important;
    border: 1px solid #e4e7ec !important;
    border-radius: 999px !important;
    background: var(--suite-soft) !important;
    color: var(--suite-muted) !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputState.ready {
    border-color: #c8d0fb !important;
    background: var(--suite-accent-soft) !important;
    color: #35458f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputOverview {
    display: grid !important;
    grid-template-columns: 152px minmax(0, 1fr) !important;
    gap: 20px !important;
    border: 1px solid var(--suite-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    padding: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview {
    display: grid !important;
    width: 152px !important;
    height: 152px !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px dashed #cdd3dc !important;
    border-radius: 7px !important;
    background: var(--suite-soft) !important;
    color: #98a2b3 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview.hasImage {
    border-style: solid !important;
    background: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: center !important;
    gap: 20px 28px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails span {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputDetails strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--suite-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    border-top: 1px solid var(--suite-line) !important;
    border-bottom: 1px solid var(--suite-line) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article {
    display: grid !important;
    min-width: 0 !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 18px 18px 18px 0 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article + article {
    border-left: 1px solid var(--suite-line) !important;
    padding-left: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article > span {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article.current > span {
    border-color: #c8d0fb !important;
    background: var(--suite-accent-soft) !important;
    color: #35458f !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist article.complete > span {
    border-color: var(--suite-accent) !important;
    background: var(--suite-accent) !important;
    color: #fff !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist strong {
    display: block !important;
    color: var(--suite-ink) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputChecklist p {
    margin: 3px 0 0 !important;
    color: var(--suite-muted) !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputFoot {
    display: flex !important;
    justify-content: space-between !important;
    gap: 20px !important;
    color: var(--suite-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputFoot strong {
    color: var(--suite-ink) !important;
    font-weight: 650 !important;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  body:has(.productSuiteView) .productSuiteView {
    padding: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteWorkflowLayout {
    grid-template-columns: minmax(368px, 396px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteTaskBoardHeader {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputOverview {
    grid-template-columns: 124px minmax(0, 1fr) !important;
  }

  body:has(.productSuiteView) .productSuiteView .suiteInputPreview {
    width: 124px !important;
    height: 124px !important;
  }
}
@media (min-width: 901px) {
  body:has(.productSuiteView) #root .workspaceApp .productSuiteView .suiteDetailShowcase {
    align-content: start !important;
    min-height: 0 !important;
    padding: 28px 40px 16px !important;
  }
  body:has(.productSuiteView) #root .workspaceApp .productSuiteView .suiteDetailShowcaseFlow {
    margin-top: 30px !important;
  }
  body:has(.productSuiteView) #root .workspaceApp .productSuiteView .suiteDetailShowcasePages img {
    height: min(62vh, 480px) !important;
  }
}
@media (max-width: 900px) {
  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) #root .workspaceApp .productSuiteView .suiteFrontConfig {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) #root .workspaceApp .productSuiteView .suiteAdvancedOptions {
    display: grid !important;
    width: 100% !important;
    min-height: 48px !important;
  }

  body:has(.productSuiteView):has(.suiteWorkflowStage[data-stage="input"]) #root .workspaceApp .productSuiteView .suiteAdvancedToggle {
    display: grid !important;
    width: 100% !important;
    min-height: 48px !important;
  }
}
@media (max-width: 900px) {
  body:has(.productSuiteView) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body:has(.productSuiteView) .studioFrame,
  body:has(.productSuiteView) .workspaceApp {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }

  body:has(.productSuiteView) .mainPane {
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: touch;
  }

  body:has(.productSuiteView) .productSuiteView {
    min-height: calc(100dvh - 58px) !important;
    padding-bottom: calc(180px + env(safe-area-inset-bottom)) !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }
}