/* Scoped customer-widget styles; do NOT include admin packaging.css in storefront. */
.flex-real-preview{background:#f7f3ee;border:1px solid #e1d8d1;border-radius:20px;padding:18px;color:#25232a;max-width:100%;min-width:0}
.flex-real-preview h3{font:400 25px/1.25 Georgia,serif;margin:0 0 15px}
.flex-real-preview .photo-view-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.flex-real-preview button{font:600 14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:46px;padding:10px 15px;border:1px solid #ceb9bd;border-radius:9px;background:white;color:#6f3348;cursor:pointer;touch-action:manipulation}
.flex-real-preview button[aria-pressed=true],.flex-real-preview button[data-load]{background:#6f3348;color:#fff;border-color:#6f3348}
.flex-real-preview img{max-width:100%;width:100%;height:auto;display:block;border-radius:14px;object-fit:contain}
.flex-real-preview .preview-picture{min-height:230px;background:linear-gradient(135deg,#f3ece5,#fdfaf7);border-radius:14px;display:grid;place-items:center;padding:12px}
.flex-real-preview .photo-only-note,.flex-real-preview [role=status]{font-size:13px;line-height:1.55;color:#625862;margin:14px 0 0}
.flex-real-preview :focus-visible{outline:3px solid #6f3348;outline-offset:4px}
@media(max-width:600px){.flex-real-preview{padding:14px}.flex-real-preview .photo-view-buttons button{flex:1}.flex-real-preview .preview-picture{min-height:290px}}