/* Storefront previews reuse the actual demo heart and cinema poster assets. */
.example-story.story-demo-preview{background:radial-gradient(ellipse at 50% 80%,#e5d9ec 0,#f5e8e2 72%);padding:52px 18px 20px;display:flex;flex-direction:column;gap:11px;isolation:isolate}
.story-demo-preview .example-number{color:#8d687e}
.story-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1;min-height:0}
.story-preview-panel{position:relative;min-width:0;overflow:hidden;border-radius:12px;border:4px solid #fffaf5;box-shadow:0 8px 20px #66495b1b;background:#21142e}
.story-preview-universe{background:radial-gradient(ellipse at 50% 57%,#6c3374 0,#2e194b 43%,#100c20 87%)}
.story-preview-universe:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 12% 24%,#f5d8ff 0 1px,transparent 1.5px),radial-gradient(circle at 77% 18%,#ffe7d0 0 1px,transparent 1.5px),radial-gradient(circle at 89% 58%,#c1c5ff 0 1px,transparent 1.5px),radial-gradient(circle at 23% 75%,#d3b9ff 0 1px,transparent 1.5px);background-size:91px 113px;opacity:.8}
.story-preview-universe .preview-demo-eyebrow{color:#e9c6e8}
.preview-demo-eyebrow{position:absolute;top:10px;left:5px;right:5px;font:6px/1.5 Arial,sans-serif;letter-spacing:.14em;text-align:center;z-index:2;color:#f4d5a7}
.story-preview-heart{position:absolute;width:75px;height:74px;object-fit:contain;left:calc(50% - 37.5px);top:38px;filter:drop-shadow(0 0 13px #d88ddd99);z-index:2}
.story-preview-ring{position:absolute;width:104px;height:43px;left:calc(50% - 52px);top:65px;border:1px solid #e9bce89c;border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 16px #dc98e940}
.story-preview-ring.ring-two{transform:rotate(22deg);border-color:#cbbaff8c;top:72px}
.story-preview-star{position:absolute;font:15px Georgia;color:#f8d3ef;left:17%;top:34px;text-shadow:0 0 9px #ecadf1}
.story-preview-star.star-two{left:auto;right:14%;top:105px;font-size:10px}
.story-preview-cinema{background:#261c1b}
.story-preview-cinema .preview-cinema-screen{position:absolute;inset:25px 9px 25px;overflow:hidden;border:1px solid #caa87c;border-radius:3px;background:#100d0d}
.story-preview-cinema img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%;opacity:.92}
.story-preview-cinema .preview-cinema-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2110199e,transparent 56%)}
.preview-cinema-title{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#ffeddb;font:italic 15px/1.2 Georgia,serif;z-index:1;text-shadow:0 1px 7px #1d1019}
.preview-cinema-ticket{position:absolute;bottom:8px;left:calc(50% - 38px);padding:4px 7px;width:76px;border:1px dashed #bc986d;background:#f8e8d2;transform:rotate(-5deg);text-align:center;font:5px/1 Arial,sans-serif;letter-spacing:.13em;color:#714b48;z-index:3}
.story-preview-captions{display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:center;color:#765b72;font-size:9px;line-height:1.5;font-weight:500}
@media(min-width:761px) and (max-width:1000px){.example-story.story-demo-preview{padding-inline:10px}.story-preview-pair,.story-preview-captions{gap:5px}.story-preview-panel{border-width:3px}.story-preview-heart{width:64px;height:64px;left:calc(50% - 32px);top:43px}.story-preview-ring{width:85px;left:calc(50% - 42.5px)}.preview-demo-eyebrow{font-size:5px}.story-preview-captions{font-size:8px}}
@media(max-width:760px){.example-story.story-demo-preview{padding:52px 25px 20px}.story-preview-heart{top:39px;width:84px;height:84px;left:calc(50% - 42px)}.story-preview-ring{top:77px}.story-preview-ring.ring-two{top:85px}.preview-cinema-title{font-size:17px}.story-preview-captions{font-size:10px}}