/* A white, stationary portrait with a brief crossfade; no zoom or layout shift. */
.cast-look-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-12px 0 24px}
.cast-look-hint{font-size:11px;line-height:1.5;color:var(--muted)}
.cast-touch-hint{display:none}
.cast-look-toggle{min-height:44px;flex-shrink:0;padding:10px 0;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line)}
.cast-look-toggle:hover,.cast-look-toggle[aria-pressed="true"]{text-decoration-color:currentColor}
.cast-look-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.cast-card .cast-portrait>svg{transition:opacity .18s ease;pointer-events:none}
.cast-card .cast-portrait>.cast-portrait-alternate{inset:0;width:100%;height:100%;transform:none;opacity:0;background:#fff}
.cast-card.cast-look-ready:focus-visible .cast-portrait-original,.show-alternate-looks .cast-card.cast-look-ready .cast-portrait-original{opacity:0}
.cast-card.cast-look-ready:focus-visible .cast-portrait-alternate,.show-alternate-looks .cast-card.cast-look-ready .cast-portrait-alternate{opacity:1}
@media(hover:hover) and (pointer:fine){
 .cast-card.cast-look-ready:hover .cast-portrait-original{opacity:0}
 .cast-card.cast-look-ready:hover .cast-portrait-alternate{opacity:1}
}
@media(hover:none){.cast-hover-hint{display:none}.cast-touch-hint{display:inline}}
@media(max-width:760px){.cast-look-tools{margin:-12px 0 18px;gap:12px}.cast-look-hint,.cast-look-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cast-card .cast-portrait>svg{transition:none}}