/* Gender-swap editorial layout. Runtime, pickers, task results and FAQ remain shared. */
[data-use-case-page="gender-swap-filter"] .gender-hero { padding-block: var(--sc-space-8) var(--sc-space-12); }
.gender-hero__grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); grid-template-areas:"intro editor" "visual editor"; gap:var(--sc-space-6) var(--sc-space-8); align-items:start; }
.gender-hero__intro { grid-area:intro; display:grid; gap:var(--sc-space-3); }
.gender-hero__eyebrow { margin:0; color:var(--sc-color-brand-700); font-size:var(--sc-font-size-sm); font-weight:700; }
.gender-hero__intro h1 { margin:0; font-size:clamp(2rem,4vw,3.5rem); line-height:1.05; letter-spacing:-.035em; }
.gender-hero__subtitle { margin:0; color:var(--sc-color-muted); line-height:1.55; max-width:48ch; }
.gender-hero__visual { grid-area:visual; margin:0; min-width:0; }
.gender-hero__visual img { display:block; width:100%; height:auto; border-radius:var(--sc-radius-lg); }
.gender-hero__visual figcaption { display:flex; justify-content:space-between; gap:var(--sc-space-3); padding-block:var(--sc-space-3); color:var(--sc-color-muted); font-size:var(--sc-font-size-sm); line-height:1.4; }
.gender-hero__visual figcaption span:first-child { color:var(--sc-color-text); }
.gender-hero__editor { grid-area:editor; min-width:0; padding-top:var(--sc-space-2); }
.gender-hero__note { margin:var(--sc-space-3) var(--sc-space-2) 0; color:var(--sc-color-muted); line-height:1.5; font-size:var(--sc-font-size-sm); }
.gender-hero .model-workspace.model-workspace--photo-effect { max-width:none; padding:var(--sc-space-5); border:1px solid var(--sc-color-border); background:var(--sc-color-surface); border-radius:var(--sc-radius-xl); gap:var(--sc-space-4); }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-input { padding:0; border:0; background:transparent; }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-input .model-workspace__references { padding:0; border:0; }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-reference-entry { min-height:12rem; padding:var(--sc-space-5); grid-template-columns:1fr; justify-items:center; text-align:center; gap:var(--sc-space-2); background:var(--sc-color-canvas); }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-reference-entry > span:first-child { grid-row:auto; }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-reference-entry__label { align-self:auto; font-size:var(--sc-font-size-md); }
.gender-hero .model-workspace.model-workspace--photo-effect .model-workspace__references:has(.model-workspace__reference-list:not(:empty)) .creative-reference-entry { min-height:var(--sc-control-height); padding:0; }
.gender-hero .creative-brief__details { border:0; border-radius:0; background:transparent; margin:0; }
.gender-hero .creative-brief__details > summary { padding:var(--sc-space-3) 0; color:var(--sc-color-muted); font-size:var(--sc-font-size-sm); }
.gender-hero .model-workspace__form { gap:var(--sc-space-3); }
.gender-hero .creative-brief__goal { gap:var(--sc-space-2); }
.gender-hero .model-workspace.model-workspace--photo-effect .creative-actions { display:flex; flex-direction:column; align-items:stretch; gap:var(--sc-space-2); }
.gender-hero .creative-actions .model-workspace__cost { font-size:var(--sc-font-size-sm); font-weight:400; }
.gender-hero .creative-actions .model-workspace__submit { width:100%; }
.gender-hero .creative-readiness { margin:0; font-size:var(--sc-font-size-sm); }
.gender-hero .model-workspace__results:has([data-workspace-result-list]:empty) { gap:var(--sc-space-2); padding-top:var(--sc-space-3); }
.gender-hero .model-workspace__results:has([data-workspace-result-list]:empty) > h3 { display:none; }
.gender-hero .model-workspace__empty { margin:0; font-size:var(--sc-font-size-sm); }
[data-use-case-page="gender-swap-filter"] .landing-sections--scenarios .landing-sections__media { aspect-ratio:auto; object-fit:contain; }
@media(max-width:800px) {
  [data-use-case-page="gender-swap-filter"] .gender-hero { padding-top:var(--sc-space-4); }
  .gender-hero__grid { grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "editor" "visual"; gap:var(--sc-space-4); }
  .gender-hero__intro { gap:var(--sc-space-2); }
  .gender-hero__intro h1 { font-size:clamp(1.7rem,7.5vw,2.5rem); line-height:1.12; }
  .gender-hero__eyebrow { display:none; }
  .gender-hero__subtitle { font-size:var(--sc-font-size-sm); line-height:1.45; }
  .gender-hero__editor { padding-top:0; }
  .gender-hero .model-workspace.model-workspace--photo-effect { padding:var(--sc-space-3); gap:var(--sc-space-2); }
  .gender-hero .model-workspace.model-workspace--photo-effect .creative-reference-entry { min-height:10rem; padding:var(--sc-space-3); }
  .gender-hero .model-workspace__form { gap:var(--sc-space-2); }
  .gender-hero__note { font-size:var(--sc-font-size-sm); margin-top:var(--sc-space-2); }
  .gender-hero__visual { margin-top:var(--sc-space-3); }
  .gender-hero__visual figcaption { flex-wrap:wrap; gap:var(--sc-space-1); }
}