/* Fashion previews are analytical color boards, not illustrations. */
:is(.outfit-preview,.accessory-preview,.jewelry-preview){position:relative!important;overflow:hidden!important;min-height:440px!important;border:1px solid #d8dde5!important;border-radius:8px!important;background:#f7f8fa!important;box-shadow:none!important}
:is(.outfit-preview,.accessory-preview,.jewelry-preview):before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.025) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
:is(.outfit-preview,.accessory-preview,.jewelry-preview):after{display:none!important}
:is(.outfit-person,.accessory-person,.jewelry-person){position:absolute!important;inset:28px 28px 78px!important;width:auto!important;height:auto!important;transform:none!important;filter:none!important;display:grid!important;gap:12px!important;z-index:1!important}
:is(.outfit-caption,.accessory-caption,.jewelry-caption){position:absolute!important;left:16px!important;right:16px!important;top:auto!important;bottom:14px!important;z-index:5!important;margin:0!important;border:1px solid #d8dde5!important;border-radius:5px!important;padding:10px 12px!important;background:#fff!important;color:#344054!important;box-shadow:none!important;font-size:.68rem!important;line-height:1.45!important}

/* Shared swatch-card treatment. */
:is(.outfit-outerwear,.outfit-top,.outfit-bottom,.outfit-shoe,.outfit-accessory,.accessory-outer,.accessory-body,.accessory-bottom,.accessory-shoe,.accessory-object,.jewelry-shoulders,.jewelry-neck,.jewelry-chain,.jewelry-stone){position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;transform:none!important;clip-path:none!important;opacity:1!important;border:1px solid rgba(17,24,39,.13)!important;border-radius:6px!important;box-shadow:none!important;overflow:hidden!important;filter:none!important}
:is(.outfit-outerwear,.outfit-top,.outfit-bottom,.outfit-shoe,.outfit-accessory,.accessory-outer,.accessory-body,.accessory-bottom,.accessory-shoe,.accessory-object,.jewelry-shoulders,.jewelry-neck,.jewelry-chain,.jewelry-stone):before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 5px),linear-gradient(135deg,rgba(255,255,255,.18),transparent 48%,rgba(0,0,0,.08));pointer-events:none}
:is(.outfit-outerwear,.outfit-top,.outfit-bottom,.outfit-shoe,.outfit-accessory,.accessory-outer,.accessory-body,.accessory-bottom,.accessory-shoe,.accessory-object,.jewelry-shoulders,.jewelry-neck,.jewelry-chain,.jewelry-stone):after{position:absolute;left:10px;bottom:9px;padding:4px 6px;border-radius:3px;background:rgba(255,255,255,.9);color:#111827;font:800 .62rem Inter,system-ui,sans-serif;letter-spacing:.02em;box-shadow:none}

/* Outfit Palette: five weighted role swatches. */
.outfit-person{grid-template-columns:1.2fr 1fr .78fr!important;grid-template-rows:1fr 1fr!important}
.outfit-outerwear{grid-column:1;grid-row:1 / 3;background:var(--outfit-outerwear,#4b5563)!important}.outfit-outerwear:after{content:"Outerwear"}
.outfit-top{grid-column:2;grid-row:1;background:var(--outfit-top,#1b8e2d)!important}.outfit-top:after{content:"Top"}
.outfit-bottom{grid-column:2;grid-row:2;background:var(--outfit-bottom,#20262f)!important}.outfit-bottom:after{content:"Bottom"}
.outfit-accessory{grid-column:3;grid-row:1;background:var(--outfit-accessory,#b85f45)!important}.outfit-accessory:after{content:"Accessory"}
.outfit-shoe.left{grid-column:3;grid-row:2;background:var(--outfit-footwear,#20262f)!important}.outfit-shoe.left:after{content:"Footwear"}
.outfit-shoe.right{display:none!important}

/* Accessory Colors: supporting outfit swatches and one focal material swatch. */
.accessory-person{grid-template-columns:.85fr 1.55fr!important;grid-template-rows:repeat(4,1fr)!important}
.accessory-outer{grid-column:1;grid-row:1;background:var(--outer,#667085)!important}.accessory-outer:after{content:"Outerwear"}
.accessory-body{grid-column:1;grid-row:2;background:var(--top,#1b8e2d)!important}.accessory-body:after{content:"Top"}
.accessory-bottom{grid-column:1;grid-row:3;background:var(--bottom,#20262f)!important}.accessory-bottom:after{content:"Bottom"}
.accessory-shoe.left{grid-column:1;grid-row:4;background:var(--shoe,#20262f)!important}.accessory-shoe.left:after{content:"Footwear"}
.accessory-shoe.right{display:none!important}
.accessory-object{grid-column:2!important;grid-row:1 / 5!important;background:var(--accessory,#b65f48)!important}
.accessory-object.bag:after{content:"Bag"}.accessory-object.belt:after{content:"Belt"}.accessory-object.footwear:after{content:"Footwear"}.accessory-object.scarf:after{content:"Scarf"}.accessory-object.tie:after{content:"Tie"}.accessory-object.hat:after{content:"Hat"}.accessory-object.eyewear:after{content:"Eyewear"}
.accessory-object.bag:before,.accessory-object.belt:before,.accessory-object.footwear:before,.accessory-object.scarf:before,.accessory-object.tie:before,.accessory-object.hat:before,.accessory-object.eyewear:before{content:"";position:absolute;inset:0;border:0!important;border-radius:0!important;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 7px),linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,rgba(0,0,0,.09))!important}

/* Jewelry Match: four material/reference swatches, no bust or body. */
.jewelry-person{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important}
.jewelry-shoulders{grid-column:1;grid-row:1;background:var(--outfit-a,#1b8e2d)!important}.jewelry-shoulders:after{content:"Outfit primary"}
.jewelry-neck{grid-column:1;grid-row:2;background:var(--outfit-b,#20262f)!important}.jewelry-neck:after{content:"Outfit secondary"}
.jewelry-chain{grid-column:2;grid-row:1;border:1px solid rgba(17,24,39,.13)!important;background:var(--metal,#d4af37)!important}.jewelry-chain:after{content:"Metal"}
.jewelry-stone{grid-column:2;grid-row:2;background:var(--stone,#287665)!important}.jewelry-stone:after{content:"Stone / pearl"}
.jewelry-chain,.jewelry-stone{filter:var(--metal-filter,none)!important}

@media(max-width:620px){
  :is(.outfit-preview,.accessory-preview,.jewelry-preview){min-height:390px!important}
  :is(.outfit-person,.accessory-person,.jewelry-person){inset:18px 18px 80px!important;gap:8px!important}
  .outfit-person{grid-template-columns:1fr 1fr!important;grid-template-rows:1.25fr 1fr 1fr!important}
  .outfit-outerwear{grid-column:1;grid-row:1 / 3}.outfit-top{grid-column:2;grid-row:1}.outfit-bottom{grid-column:2;grid-row:2}.outfit-accessory{grid-column:1;grid-row:3}.outfit-shoe.left{grid-column:2;grid-row:3}
}