.frame-render-preview{position:relative;display:block;width:100%;aspect-ratio:3/4;padding:0!important;overflow:hidden;border-radius:12px;background:#f1efea;isolation:isolate;line-height:0}.frame-render-preview canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.frame-render-preview[data-frame=strip]{background:#ebe9e0}.frame-render-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#f7f7f7;color:#555;font-size:12px;line-height:1.5;text-align:center;padding:12px}.frame-render-error small{font-size:10px;color:#999;font-weight:400}.frame-card>.frame-render-preview{box-shadow:0 2px 8px #0000000b;transition:transform .2s,box-shadow .2s}.frame-card:hover>.frame-render-preview{transform:translateY(-3px);box-shadow:0 6px 18px #00000012}.booth-frame-choice .frame-render-preview{height:auto!important;aspect-ratio:3/4;border:2px solid transparent;border-radius:10px;box-shadow:0 2px 5px #00000008}.booth-frame-choice.active .frame-render-preview{border-color:#ff385c;box-shadow:0 0 0 1px #ff385c}@media(prefers-reduced-motion:reduce){.frame-render-preview{transition:none!important}}.frame-render-preview[data-frame$=-polaroid]{aspect-ratio:4/5}.frame-render-preview[data-frame$=-story]{aspect-ratio:9/16}