/* Catalog-only layout. Existing media, animation and navigation remain unchanged. */
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open:not(.welcome-open):not(.cv-language-chat-open) #cvAllModelsHub {
  margin: 0 0 15px !important;
}
html.cv-catalog-refined body.cv-all-models-open:not(.cv-language-chat-open) #cvAllModelsShowcase {
  margin: 0 0 20px;
  padding: 8px 2px 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html.cv-catalog-refined body.cv-all-models-open:not(.cv-language-chat-open) #cvAllModelsShowcase::after,
html.cv-catalog-refined body.cv-all-models-open:not(.cv-language-chat-open) #cvAllModelsShowcase > h2,
html.cv-catalog-refined body.cv-all-models-open:not(.cv-language-chat-open) #cvAllModelsShowcase > p {
  display: none;
}
html.cv-catalog-refined #cvAllModelsShowcase .cv-all-models-showcase-brand {
  gap: 12px;
}
html.cv-catalog-refined #cvAllModelsShowcase .cv-all-models-showcase-brand > i {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  border-radius: 14px;
  font-size: 15px;
  box-shadow: inset 0 1px 0 #fff4, 0 6px 18px #d2b15e10;
}
html.cv-catalog-refined #cvAllModelsShowcaseKicker {
  font-size: 9.5px;
  font-weight: 650;
  letter-spacing: .12em;
}
html.cv-catalog-refined #cvAllModelsShowcaseLabel {
  margin-top: 3px;
  font-size: 23px;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: -.04em;
  color: #f5f1e7;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskScreen > .task-head {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 2px 12px !important;
  padding: 0 !important;
}
html.cv-catalog-refined body.cv-all-models-open #taskScreen > .task-head::before,
html.cv-catalog-refined body.cv-all-models-open #taskScreen > .task-head::after {
  display: none !important;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskScreenSubtitle {
  margin: 0;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: -.02em !important;
}
.cv-catalog-ideas-link {
  display: none;
}
html.cv-catalog-refined body.cv-all-models-open .cv-catalog-ideas-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  color: #dfcb88;
  font-family: inherit;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.3;
  text-decoration: none;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-card {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  min-height: 0 !important;
  padding: 0 !important;
  border: 1px solid #e7dfc71a !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #20221b, #141610 82%) !important;
  box-shadow: inset 0 1px 0 #ffffff04 !important;
  isolation: isolate;
  transition: border-color .2s ease, transform .2s ease;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card > .cv-tool-card-media {
  position: relative;
  inset: auto;
  width: 100%;
  height: 154px;
  flex: 0 0 154px;
  overflow: hidden;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card-media::after {
  background: linear-gradient(180deg, #0609070d, transparent 60%, #15171065) !important;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card-copy {
  position: relative;
  inset: auto;
  padding: 14px 13px 15px;
  height: auto;
  min-height: 104px;
  justify-content: flex-start;
  border-top: 1px solid #e4dbb50b;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card h3 {
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.02em;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card p {
  margin-top: 6px;
  font-size: 11px;
  font-weight: 450;
  line-height: 1.45;
  color: #a8ac9e;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card-arrow {
  top: 11px;
  right: 11px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #10140fdb;
  color: #ead694;
  border-color: #eee4c532;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: transform .2s ease, background-color .2s ease;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-featured {
  grid-column: 1 / -1;
  display: block !important;
  aspect-ratio: auto !important;
  min-height: 305px !important;
  border-radius: 25px !important;
  border-color: #dec37948 !important;
  background: #111812 !important;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured > .cv-tool-card-media {
  position: absolute;
  inset: 0;
  height: 100%;
  aspect-ratio: auto;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured .cv-tool-card-copy {
  min-height: 305px;
  padding: 90px 20px 20px;
  justify-content: flex-end;
  border: 0;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured h2 {
  font-family: inherit;
  max-width: 290px;
  font-size: clamp(26px, 7.4vw, 30px);
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -.045em;
  text-wrap: balance;
  text-shadow: 0 2px 18px #0004;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskGrid .cv-tool-card[data-task-id="photo_vector"] {
  grid-column: 1 / -1;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid .cv-tool-card[data-task-id="photo_vector"] > .cv-tool-card-media {
  width: 100%;
  height: 144px;
  flex: 0 0 144px;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid .cv-tool-card[data-task-id="photo_vector"] .cv-tool-card-copy {
  min-width: 0;
  min-height: 0;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid .cv-tool-card[data-task-id="photo_vector"] .cv-vtp-vector-inner {
  inset: 12px;
}
html.cv-catalog-refined body.cv-all-models-open #taskGrid > .cv-prompts-channel-flourish {
  display: none !important;
}
html.cv-catalog-refined body.cv-all-models-open #cvMobileInspiration {
  margin: 34px 0 26px;
  padding: 26px 0 0;
  border-top: 1px solid #ddc77d30;
  border-bottom: 0;
  scroll-margin-top: 16px;
}
html.cv-catalog-refined #cvMobileInspiration h2 {
  font-size: 27px;
  letter-spacing: -.045em;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-head > div > span {
  margin-bottom: 7px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-tabs button {
  min-height: 40px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-footer button,
html.cv-catalog-refined #cvMobileInspiration .cv-mi-all {
  min-width: 44px;
  min-height: 44px;
}
@media (max-width: 370px) {
  html.cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card > .cv-tool-card-media {
    height: 136px;
    flex-basis: 136px;
  }
  html.cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured > .cv-tool-card-media {
    height: 100%;
  }
  html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-card-copy {
    padding: 11px;
  }
  html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured h2 {
    font-size: 26px;
  }
}

/* Full-bleed showcase; source assets and transition timing belong to app-core. */
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured .cv-tool-card-media::after {
  background: linear-gradient(180deg, #070b0970 0%, transparent 28%, #080d0a75 48%, #080d0af2 100%) !important;
}
html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open #taskGrid.cv-visual-tool-grid .cv-tool-featured p {
  max-width: 280px;
  margin-top: 9px;
  color: #e3e6da;
  font-size: 11.5px;
  line-height: 1.5;
}
html.cv-catalog-refined #taskGrid .cv-tool-featured .cv-tool-card-arrow {
  display: none;
}
.cv-catalog-feature-action, .cv-catalog-feature-label {
  display: none;
}
html.cv-catalog-refined body.cv-all-models-open .cv-catalog-feature-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  gap: 25px;
  min-height: 39px;
  margin-top: 16px;
  padding: 9px 14px;
  border: 1px solid #ead59082;
  border-radius: 11px;
  background: linear-gradient(120deg, #efdfa4, #d9bc70);
  color: #242317;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
  box-shadow: inset 0 1px 0 #fff4;
}
html.cv-catalog-refined body.cv-all-models-open .cv-catalog-feature-action::after {
  content: '\2197';
  font-size: 16px;
  line-height: 1;
}
html.cv-catalog-refined body.cv-all-models-open .cv-catalog-feature-label {
  position: absolute;
  z-index: 8;
  top: 15px;
  left: 17px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 1px solid #f0e4b92b;
  border-radius: 7px;
  color: #f2e5ba;
  background: #09120cd6;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.2;
}
html.cv-catalog-refined #taskGrid.cv-visual-tool-grid .cv-tool-showcase-dots {
  inset: 23px 17px auto auto;
  gap: 3px;
}
html.cv-catalog-refined #taskGrid.cv-visual-tool-grid .cv-tool-showcase-dots i {
  width: 4px;
  height: 4px;
  background: #ffffff50;
}
html.cv-catalog-refined #taskGrid.cv-visual-tool-grid .cv-tool-showcase-dots i.active {
  width: 16px;
  background: #f0dfa4;
  box-shadow: none;
}
html.cv-catalog-refined #taskGrid.cv-visual-tool-grid .cv-tool-demo-badge,
html.cv-catalog-refined #taskGrid.cv-visual-tool-grid .cv-tool-before-pair-label {
  padding: 5px 7px;
  background: #10170ee0;
  color: #f1e7cb;
  font-size: 9px;
  font-weight: 550;
  letter-spacing: 0;
  text-transform: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* A proper gallery: the existing category rail, video players and swipe stay intact. */
html.cv-catalog-refined #cvMobileInspiration .cv-mi-note {
  margin: 11px 0 16px;
  font-size: 12px;
  color: #a7ac9c;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-tabs {
  gap: 7px;
  padding-bottom: 14px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-tabs button {
  background: #141810;
  color: #aaaf9f;
  border-radius: 11px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-tabs button[aria-pressed="true"] {
  background: #e2cb88;
  border-color: #e2cb88;
  color: #242719;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-rail {
  gap: 12px;
  padding-bottom: 8px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-card {
  position: relative;
  flex-basis: clamp(164px, 48vw, 204px);
  width: clamp(164px, 48vw, 204px);
  border-radius: 20px;
  border-color: #e2cb8838;
  background: #11170e;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-media {
  aspect-ratio: 3 / 4.4;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-media::after {
  inset: 0;
  background: linear-gradient(180deg, #050b0825, transparent 30%, #050b0830 52%, #050b08f2);
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-badge {
  top: 12px;
  left: 12px;
  padding: 6px 8px;
  background: #0b1209d9;
  border: 1px solid #f0e0b324;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-copy {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 16px 37px 15px 14px;
  pointer-events: none;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-copy b {
  min-height: 0;
  font-size: 16px;
  line-height: 1.18;
  letter-spacing: -.035em;
  color: #f8f5e9;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-copy small {
  margin-top: 2px;
  color: #e0c986;
  font-size: 10px;
}
html.cv-catalog-refined #cvMobileInspiration .cv-mi-media i {
  right: 12px;
  bottom: 16px;
  border-color: #e1cc8845;
  color: #eed99a;
  background: #1d261a;
}
html.cv-catalog-refined #taskGrid .cv-tool-card:focus-visible {
  outline: 2px solid #e3cd8a;
  outline-offset: 3px;
}
/* Both galleries share the compact translucent gold surface. */
html.cv-catalog-refined body.cv-all-models-open #cvMobileInspiration.cv-mi-feature {
  --mi-feature-card: clamp(164px, 48vw, 210px);
  position: relative;
  margin: 0 0 23px;
  padding: 15px 16px 10px;
  overflow: hidden;
  border: 1px solid #e8c97057;
  border-radius: 25px;
  background: radial-gradient(ellipse at 100% 0, #e6be551a, transparent 65%), linear-gradient(135deg, #d6af4524, #b68a2710 70%);
  box-shadow: inset 0 1px #f9e4a426;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-head {
  align-items: flex-start;
  gap: 8px;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-head > div > span {
  margin: 0 0 6px;
  color: #e4c67c;
  font-size: 8px;
  letter-spacing: .18em;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature h2 {
  color: #f2dda2;
  font-size: clamp(25px, 6.9vw, 30px);
  font-weight: 650;
  letter-spacing: -.05em;
  line-height: 1.14;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-all {
  justify-content: center;
  gap: 8px;
  margin-top: 5px;
  padding: 9px 11px;
  min-width: 58px;
  min-height: 44px;
  border: 1px solid #e8c97066;
  border-radius: 12px;
  background: #e8cb8030;
  color: #f3dfa9;
  font-size: 11px;
  font-weight: 650;
  box-shadow: inset 0 1px #ffedbc20;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-note {
  margin: 9px 0 12px;
  max-width: 28em;
  color: #c2bca7;
  font-size: 11px;
  line-height: 1.6;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-tabs {
  margin-inline: -16px;
  padding: 0 16px 10px;
  gap: 6px;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-tabs button {
  min-height: 40px;
  padding: 9px 12px;
  border-radius: 10px;
  border-color: #dfbd6833;
  background: #dac2780a;
  color: #c9c0a4;
  font-size: 10px;
  transition: background-color 150ms ease, color 150ms ease;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-tabs button[aria-pressed="true"] {
  border-color: #e9cf8866;
  background: #e2bd6330;
  color: #f4e0ac;
  box-shadow: inset 0 -2px #e6cd88;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-rail {
  gap: 10px;
  margin-inline: -16px;
  padding: 2px 16px 10px;
  scroll-padding-inline: 16px;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-card,
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-skeleton {
  flex-basis: var(--mi-feature-card);
  width: var(--mi-feature-card);
  border-radius: 17px;
  border: 1px solid #ead08c45;
  background: #c5a04c12;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-skeleton {
  height: auto;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-media,
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-skeleton { aspect-ratio: 3 / 3.4; }
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-media::after {
  background: linear-gradient(180deg, #20170320, transparent 30%, #17100312 48%, #171308ed 100%);
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-badge {
  left: 10px;
  top: 10px;
  padding: 6px 7px;
  border-radius: 6px;
  border-color: #efda9b45;
  color: #f4e4b5;
  background: #302615cc;
  font-size: 8px;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-copy { padding: 15px 40px 15px 12px; }
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-copy b {
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -.04em;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-copy small {
  margin-top: 4px;
  color: #ecda9e;
  font-size: 9px;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-media i {
  width: 29px;
  height: 29px;
  right: 10px;
  bottom: 15px;
  border-color: #f1dba05e;
  background: #e8cc87;
  color: #312912;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-footer {
  border-top: 1px solid #e0c3792b;
  margin-top: 0;
  padding-top: 7px;
  gap: 10px;
  justify-content: flex-end;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-footer > span {
  display: none;
}
html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-footer button {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #dfbd6514;
  border-color: #dec17d45;
  color: #ecd494;
}
@media (max-width: 370px) {
  html.cv-catalog-refined body.cv-all-models-open #cvMobileInspiration.cv-mi-feature {
    padding-top: 14px;
    border-radius: 21px;
  }
  html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature h2 { font-size: 24px; }
  html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-all { min-width: 50px; padding-inline: 8px; }
}
@media (hover: hover) and (pointer: fine) {
  html.cv-mobile-editorial:not(.cv-desktop-mode).cv-catalog-refined body.cv-all-models-open.cv-task-screen-open:not(.welcome-open) #taskGrid.cv-visual-tool-grid .cv-tool-card:hover {
    border-color: #ddc6807a !important;
    transform: translateY(-2px);
  }
  html.cv-catalog-refined #taskGrid .cv-tool-card:hover .cv-tool-card-arrow {
    background: #303a24;
    transform: translate(1px, -1px);
  }
  html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-card:hover { border-color: #efdaa580; }
}
@media (prefers-reduced-motion: reduce) {
  html.cv-catalog-refined #taskGrid .cv-tool-card,
  html.cv-catalog-refined #taskGrid .cv-tool-card-arrow,
  html.cv-catalog-refined #cvMobileInspiration.cv-mi-feature .cv-mi-tabs button {
    transition: none;
  }
}
