/* Scene mounting and look-picker placement; buttons belong to shared/design.ts. */
.subscription-fable-viewport { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.subscription-fable-scene { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.subscription-fable-scene[data-portrait="true"] { right: auto; left: 50%; transform: translate(-50%, -50%); }
[data-fable-fit="viewport"] .subscription-fable-scene { top: 0; right: 0; left: 0; transform: none; }
.subscription-fable-looks { position: absolute; z-index: 2; bottom: 8px; inset-inline-start: 16px; display: flex; align-items: center; gap: 0; pointer-events: auto; }
.subscription-premium-scene { padding-bottom: 72px; }
.payment-art-layer[data-family="fable"] .payment-art-copy { padding-bottom: max(76px, 3.6vw); }