/* Shape controls belong below the photograph; no Day/Night labels are introduced. */
.family-card .blade-preview{position:relative;aspect-ratio:1;isolation:isolate;background:#132b42}
.family-card .blade-preview-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .48s ease;pointer-events:none}
.family-card .blade-preview-photo.is-current{opacity:1;z-index:1}
.family-card .blade-preview-photo[hidden]{display:none!important}
.blade-preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;padding:5px 7px;border-bottom:1px solid #dce3ec;background:#f3f5f8;color:#193959}
.blade-preview-shapes{display:flex;flex-wrap:wrap;gap:2px}
.blade-preview-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#193959;font:inherit;font-size:.68rem;line-height:1.2;cursor:pointer}
.blade-preview-shapes button[aria-pressed=true]{background:#fff0df;border-color:#e6a558;color:#74410b}
.blade-preview-controls .blade-preview-play{margin-left:auto;color:#2659a2;font-weight:700}
.blade-preview-controls button:focus-visible{outline:3px solid #ff8b10;outline-offset:1px}
.blade-preview-controls button:disabled{cursor:default;opacity:.5}
@media(max-width:760px){.blade-preview-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px 5px;gap:0}.blade-preview-shapes{display:contents}.blade-preview-controls button{font-size:.65rem;padding-inline:4px}.blade-preview-controls .blade-preview-play{margin-left:0}}
@media(prefers-reduced-motion:reduce){.family-card .blade-preview-photo{transition:none!important}}