.generatives-page body,.generatives-page{background:#f4f7fb}.generatives-main{width:min(1480px,calc(100% - 36px));margin:0 auto;padding:26px 0 58px}.generatives-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid #dce5ef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f7fbff 62%,#eaf7ff 100%);box-shadow:0 18px 48px rgba(15,23,42,.06)}.generatives-hero__copy{max-width:760px}.generatives-eyebrow,.generatives-section__head>div>span{display:block;margin-bottom:7px;color:#0789cf;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.generatives-hero h1{margin:0;color:#0f172a;font-size:clamp(34px,5vw,58px);line-height:1}.generatives-hero p{margin:15px 0 0;color:#526174;font-size:17px;line-height:1.55}.generatives-hero__flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:500px}.generatives-hero__flow span{padding:10px 13px;border-radius:999px;background:#fff;border:1px solid #dbe6ef;color:#263448;font-size:13px;font-weight:700;white-space:nowrap}.generatives-hero__flow i{font-style:normal;color:#8fa0b4}.generatives-toolbar{position:sticky;top:70px;z-index:20;display:flex;align-items:center;gap:14px;margin:18px 0 24px;padding:12px;border:1px solid #dae4ee;border-radius:18px;background:rgba(244,247,251,.92);backdrop-filter:blur(12px)}.generatives-search{display:flex;align-items:center;gap:8px;min-width:280px;flex:1;padding:0 14px;border:1px solid #cedae6;border-radius:12px;background:#fff}.generatives-search span{color:#6b7a8c;font-size:20px}.generatives-search input{width:100%;height:43px;border:0;outline:0;background:transparent;color:#172234;font:600 14px/1.2 inherit}.generatives-categories{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.generatives-categories::-webkit-scrollbar{display:none}.generatives-chip{flex:0 0 auto;height:42px;padding:0 15px;border:1px solid #d4dfea;border-radius:11px;background:#fff;color:#425167;font:700 13px/1 inherit;cursor:pointer;transition:.18s ease}.generatives-chip:hover,.generatives-chip.is-active{border-color:#129fe7;background:#eaf7ff;color:#057dbd}.generatives-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.generatives-section__head h2{margin:0;color:#172234;font-size:23px}.generatives-section__head strong{display:grid;place-items:center;min-width:48px;height:34px;border-radius:999px;background:#e7eef6;color:#40516a}.generatives-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.generative-card{min-width:0;overflow:hidden;border:1px solid #dce5ee;border-radius:19px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 10px 32px rgba(15,23,42,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.generative-card:hover{transform:translateY(-3px);border-color:#9dd6f3;box-shadow:0 18px 42px rgba(15,23,42,.10)}.generative-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef4f8}.generative-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}.generative-card:hover .generative-card__media img{transform:scale(1.025)}.generative-card__badges{position:absolute;left:11px;right:11px;top:11px;display:flex;gap:6px;flex-wrap:wrap}.generative-card__badges span{padding:6px 9px;border-radius:999px;background:rgba(12,25,43,.78);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:800}.generative-card__body{display:flex;flex-direction:column;min-height:215px;padding:16px}.generative-card h3{margin:0;color:#122033;font-size:17px;line-height:1.25}.generative-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:9px 0 13px;color:#66758a;font-size:13px;line-height:1.45}.generative-card__meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.generative-card__meta span{padding:5px 7px;border-radius:8px;background:#f1f5f9;color:#58697d;font-size:10px;font-weight:700}.generative-card__action{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf1f5;color:#0788cd;font-size:13px;font-weight:800}.generative-card__action b{font-size:18px}.generatives-empty{padding:50px 20px;text-align:center;border:1px dashed #c7d4e2;border-radius:18px;color:#59697d;background:#fff}.generatives-empty strong,.generatives-empty span{display:block}.generatives-empty strong{margin-bottom:6px;color:#233247;font-size:18px}.generatives-note{display:flex;gap:16px;align-items:flex-start;margin-top:28px;padding:22px 24px;border-radius:18px;background:#0f172a;color:#dbe8f4}.generatives-note__icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#153b58;font-size:22px}.generatives-note h2{margin:1px 0 6px;color:#fff;font-size:18px}.generatives-note p{margin:0;max-width:950px;color:#aebdcd;font-size:13px;line-height:1.55}.hidden{display:none!important}@media(max-width:1180px){.generatives-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.generatives-hero{align-items:flex-start;flex-direction:column}.generatives-hero__flow{justify-content:flex-start}}@media(max-width:860px){.generatives-main{width:min(100% - 22px,1480px);padding-top:15px}.generatives-toolbar{top:58px;align-items:stretch;flex-direction:column}.generatives-search{min-width:0}.generatives-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.generatives-hero{padding:23px 20px}.generatives-hero__flow i{display:none}}@media(max-width:560px){.generatives-grid{grid-template-columns:1fr}.generatives-hero h1{font-size:38px}.generatives-hero p{font-size:15px}.generatives-hero__flow{display:grid;grid-template-columns:1fr;width:100%;max-width:none}.generatives-hero__flow span{text-align:center}.generatives-section__head h2{font-size:19px}.generative-card__media{aspect-ratio:16/10}}

/* V601: Generatives is a catalogue page, not the fixed-height builder.
   base.html assigns user-mode to public pages too, while the builder's
   desktop rule locks body scrolling. Explicitly restore document scrolling
   only for the Generatives catalogue. */
html.generatives-page {
  height: auto !important;
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

body.generatives-page.user-mode,
body.generatives-page {
  height: auto !important;
  min-height: 100vh;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto;
}

body.generatives-page .generatives-main {
  min-height: calc(100vh - 90px);
}

/* Dark theme: this page originally shipped with a light-only catalogue skin. */
html[data-theme="dark"].generatives-page,
html[data-theme="dark"] body.generatives-page,
body.generatives-page[data-theme="dark"] {
  background: #0b1018;
  color: #e7eef7;
  color-scheme: dark;
}

html[data-theme="dark"] .generatives-hero,
body.generatives-page[data-theme="dark"] .generatives-hero {
  border-color: #273446;
  background: linear-gradient(135deg, #141c28 0%, #111923 66%, #10252a 100%);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .generatives-hero h1,
html[data-theme="dark"] .generatives-section__head h2,
html[data-theme="dark"] .generative-card h3,
html[data-theme="dark"] .generatives-empty strong,
body.generatives-page[data-theme="dark"] .generatives-hero h1,
body.generatives-page[data-theme="dark"] .generatives-section__head h2,
body.generatives-page[data-theme="dark"] .generative-card h3,
body.generatives-page[data-theme="dark"] .generatives-empty strong {
  color: #f4f8fc;
}

html[data-theme="dark"] .generatives-hero p,
html[data-theme="dark"] .generative-card p,
body.generatives-page[data-theme="dark"] .generatives-hero p,
body.generatives-page[data-theme="dark"] .generative-card p {
  color: #a7b5c7;
}

html[data-theme="dark"] .generatives-eyebrow,
html[data-theme="dark"] .generatives-section__head > div > span,
html[data-theme="dark"] .generative-card__action,
body.generatives-page[data-theme="dark"] .generatives-eyebrow,
body.generatives-page[data-theme="dark"] .generatives-section__head > div > span,
body.generatives-page[data-theme="dark"] .generative-card__action {
  color: #36d1bc;
}

html[data-theme="dark"] .generatives-hero__flow span,
body.generatives-page[data-theme="dark"] .generatives-hero__flow span {
  border-color: #324156;
  background: #192332;
  color: #dce7f3;
}

html[data-theme="dark"] .generatives-hero__flow i,
body.generatives-page[data-theme="dark"] .generatives-hero__flow i {
  color: #6f8198;
}

html[data-theme="dark"] .generatives-toolbar,
body.generatives-page[data-theme="dark"] .generatives-toolbar {
  border-color: #263447;
  background: rgba(11, 16, 24, .92);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .generatives-search,
body.generatives-page[data-theme="dark"] .generatives-search {
  border-color: #334257;
  background: #151e2a;
}

html[data-theme="dark"] .generatives-search span,
body.generatives-page[data-theme="dark"] .generatives-search span {
  color: #8fa1b8;
}

html[data-theme="dark"] .generatives-search input,
body.generatives-page[data-theme="dark"] .generatives-search input {
  color: #edf4fb;
}

html[data-theme="dark"] .generatives-search input::placeholder,
body.generatives-page[data-theme="dark"] .generatives-search input::placeholder {
  color: #788aa0;
  opacity: 1;
}

html[data-theme="dark"] .generatives-chip,
body.generatives-page[data-theme="dark"] .generatives-chip {
  border-color: #314056;
  background: #182230;
  color: #b9c7d8;
}

html[data-theme="dark"] .generatives-chip:hover,
html[data-theme="dark"] .generatives-chip.is-active,
body.generatives-page[data-theme="dark"] .generatives-chip:hover,
body.generatives-page[data-theme="dark"] .generatives-chip.is-active {
  border-color: #2ac7b1;
  background: rgba(24, 183, 160, .16);
  color: #70ead8;
}

html[data-theme="dark"] .generatives-section__head strong,
body.generatives-page[data-theme="dark"] .generatives-section__head strong {
  background: #1b2635;
  color: #c9d5e3;
}

html[data-theme="dark"] .generative-card,
body.generatives-page[data-theme="dark"] .generative-card {
  border-color: #263448;
  background: #121a25;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] .generative-card:hover,
body.generatives-page[data-theme="dark"] .generative-card:hover {
  border-color: #2c9e91;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .32);
}

html[data-theme="dark"] .generative-card__media,
body.generatives-page[data-theme="dark"] .generative-card__media {
  background: #172230;
}

html[data-theme="dark"] .generative-card__meta span,
body.generatives-page[data-theme="dark"] .generative-card__meta span {
  background: #1d2938;
  color: #aebdd0;
}

html[data-theme="dark"] .generative-card__action,
body.generatives-page[data-theme="dark"] .generative-card__action {
  border-top-color: #263447;
}

html[data-theme="dark"] .generatives-empty,
body.generatives-page[data-theme="dark"] .generatives-empty {
  border-color: #34445a;
  background: #121a25;
  color: #93a4b9;
}

html[data-theme="dark"] .generatives-note,
body.generatives-page[data-theme="dark"] .generatives-note {
  border: 1px solid #26374a;
  background: #101a27;
}

html[data-theme="dark"] .generatives-note__icon,
body.generatives-page[data-theme="dark"] .generatives-note__icon {
  background: rgba(24, 183, 160, .16);
  color: #70ead8;
}