@property --hole{syntax:"<percentage>";inherits:false;initial-value:0%}.preview-module__Kj_rYW__stage{color:#3d2630;background:#b99aa3;min-height:100svh;font-family:Arial,Noto Sans Thai,sans-serif;overflow:hidden}.preview-module__Kj_rYW__previewPage{overflow:auto}.preview-module__Kj_rYW__rotateNotice{display:none}.preview-module__Kj_rYW__rotateNoticeDismissed{display:none!important}.preview-module__Kj_rYW__rotateNotice>div{text-align:center;background:#fff9f3;border:1px solid #fff8;border-radius:22px;width:min(84vw,360px);padding:34px 28px;box-shadow:0 24px 70px #3e25395c}.preview-module__Kj_rYW__rotateNotice span{color:#9a6372;font-size:48px;line-height:1;display:block}.preview-module__Kj_rYW__rotateNotice h2{margin:14px 0 8px;font:italic 30px Georgia,serif}.preview-module__Kj_rYW__rotateNotice p{color:#756068;margin:0;font-size:13px;line-height:1.65}.preview-module__Kj_rYW__rotateNotice button{color:#fff;cursor:pointer;background:#704657;border:0;border-radius:999px;margin-top:20px;padding:11px 17px;font-weight:700}.preview-module__Kj_rYW__portraitBypass{overflow:auto}.preview-module__Kj_rYW__header{align-items:center;gap:18px;padding:18px clamp(18px,5vw,60px);display:flex}.preview-module__Kj_rYW__header p{letter-spacing:.2em;margin:0;font-size:10px}.preview-module__Kj_rYW__header h1{flex:1;margin:0;font:italic clamp(25px,4vw,46px) Georgia,serif}.preview-module__Kj_rYW__header button,.preview-module__Kj_rYW__editLink{color:inherit;cursor:pointer;background:#ffffff40;border:1px solid #fff8;border-radius:999px;padding:9px 15px;text-decoration:none}.preview-module__Kj_rYW__scene{border-radius:12px;margin:1vh auto 0;transition:width .3s,aspect-ratio .3s;position:relative;overflow:hidden;box-shadow:0 28px 70px #39222d55}.preview-module__Kj_rYW__wideScene{aspect-ratio:16/10;width:min(82vw,900px);min-height:380px}.preview-module__Kj_rYW__mobileScene{aspect-ratio:390/844;border-radius:28px;width:min(43vh,390px,92vw);min-height:0}.preview-module__Kj_rYW__layoutToggle{background:#ffffff40;border-radius:999px;padding:3px;display:flex}.preview-module__Kj_rYW__layoutToggle button{background:0 0!important;border:0!important;padding:6px 10px!important}.preview-module__Kj_rYW__layoutToggle button[aria-pressed=true]{color:#fff;background:#704657!important}.preview-module__Kj_rYW__mobileScene .preview-module__Kj_rYW__letter{text-align:center;grid-template-columns:1fr;gap:8px;height:92%;padding:9%;top:4%;left:7%;right:7%}.preview-module__Kj_rYW__mobileScene .preview-module__Kj_rYW__polaroid{justify-self:center;width:58%}.preview-module__Kj_rYW__mobileScene .preview-module__Kj_rYW__envelope{width:94%}.preview-module__Kj_rYW__envelope{--envelope:#f4eae1;z-index:5;aspect-ratio:3/2;filter:drop-shadow(0 20px 22px #462b3b55);cursor:pointer;background:0 0;border:0;width:84%;padding:0;transition:opacity .5s,transform .7s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-module__Kj_rYW__envelope img{object-fit:contain;width:100%;height:100%}.preview-module__Kj_rYW__envelope i{background:var(--envelope);mix-blend-mode:multiply;position:absolute;inset:0;-webkit-mask:url(/assets/someone-special/envelope-ivory-transparent-v1.png) 50%/contain no-repeat;mask:url(/assets/someone-special/envelope-ivory-transparent-v1.png) 50%/contain no-repeat}.preview-module__Kj_rYW__opened .preview-module__Kj_rYW__envelope{opacity:0;pointer-events:none;transform:translate(-50%,-38%)scale(1.04)}.preview-module__Kj_rYW__letter{--paper:#fff9ec;z-index:2;box-sizing:border-box;opacity:0;background:var(--paper);grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%;height:88%;padding:6%;display:grid;position:absolute;top:6%;left:6%;right:6%;transform:translateY(7%)scale(.96);box-shadow:0 14px 25px #4f374044}.preview-module__Kj_rYW__letterVisible .preview-module__Kj_rYW__letter{z-index:8;animation:.55s cubic-bezier(.16,1,.3,1) .45s both preview-module__Kj_rYW__arrive}.preview-module__Kj_rYW__polaroid{--x:0;--y:0;--zoom:1;--rotate:-5deg;transform:translate(calc(var(--x)*1%),calc(var(--y)*1%)) rotate(var(--rotate)) scale(var(--zoom));background:#fff;padding:8px;box-shadow:0 8px 17px #4a303844}.preview-module__Kj_rYW__polaroid img,.preview-module__Kj_rYW__photo{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.preview-module__Kj_rYW__polaroid[data-fit=contain] img{aspect-ratio:auto;object-fit:contain;height:auto;max-height:58vh}.preview-module__Kj_rYW__photo{color:#fff;letter-spacing:.12em;background:linear-gradient(145deg,#99737f,#dcaaa1);place-items:center;font-size:10px;display:grid}.preview-module__Kj_rYW__message{--x:0;--y:0;z-index:3;color:#4d343b;white-space:pre-line;transform:translate(calc(var(--x)*1%),calc(var(--y)*1%));margin:0;padding:8px;line-height:1.65;position:relative}.preview-module__Kj_rYW__message[data-font=serif]{font-family:Noto Serif Thai,Georgia,serif}.preview-module__Kj_rYW__message[data-font=sans]{font-family:Noto Sans Thai,Arial,sans-serif}.preview-module__Kj_rYW__message[data-font=hand]{font-family:Mali,cursive}.preview-module__Kj_rYW__message[data-font=script]{font-family:Charmonman,cursive}.preview-module__Kj_rYW__bloom{z-index:20;position:absolute;inset:0;overflow:hidden}.preview-module__Kj_rYW__bloomBackdrop{--hole:0%;z-index:0;-webkit-mask-image:radial-gradient(circle at center,transparent 0 var(--hole),#000 calc(var(--hole) + 2%));-webkit-mask-image:radial-gradient(circle at center,transparent 0 var(--hole),#000 calc(var(--hole) + 2%));mask-image:radial-gradient(circle at center,transparent 0 var(--hole),#000 calc(var(--hole) + 2%));background:radial-gradient(circle,#f8edf1,#dec5d0);animation:7s ease-in-out 2.5s forwards preview-module__Kj_rYW__recipientRevealWindow;position:absolute;inset:0}.preview-module__Kj_rYW__bloom>img{--delay:0s;--rotation:0deg;--exit-duration:4s;--exit-x:0vw;--exit-y:0vh;--end-opacity:0;max-width:none;height:auto;transform:translate(-50%,-50%) rotate(var(--rotation)) scale(1.08);filter:drop-shadow(0 4px 6px #4b2a392b);animation:preview-module__Kj_rYW__float 1.5s ease-in-out infinite alternate,preview-module__Kj_rYW__softBloomOut var(--exit-duration) cubic-bezier(.22,.75,.2,1) forwards;animation-delay:0s,calc(2.5s + var(--delay));will-change:transform,opacity;position:absolute}.preview-module__Kj_rYW__bloom button{z-index:4;color:#fff;cursor:pointer;background:#442d3aaa;border:1px solid #fffa;border-radius:999px;padding:8px 12px;position:absolute;bottom:12px;right:12px}.preview-module__Kj_rYW__hint{text-align:center;margin:12px 20px 5px;font-size:12px}.preview-module__Kj_rYW__editLink{width:max-content;margin:10px auto;font-size:11px;display:block}@keyframes preview-module__Kj_rYW__float{0%{transform:translate3d(-50%,-54%,0) rotate(calc(var(--rotation) - 12deg)) scale(1.02)}to{transform:translate3d(-50%,-46%,0) rotate(calc(var(--rotation) + 12deg)) scale(1.1)}}@keyframes preview-module__Kj_rYW__softBloomOut{65%{opacity:.68}to{opacity:var(--end-opacity);filter:blur(2px);transform:translate(calc(-50% + var(--exit-x)),calc(-50% + var(--exit-y))) rotate(calc(var(--rotation) + 65deg)) scale(.68)}}@keyframes preview-module__Kj_rYW__recipientRevealWindow{0%{--hole:0%}28%{--hole:18%}57%{--hole:43%}to{--hole:90%}}@keyframes preview-module__Kj_rYW__arrive{0%{opacity:0;transform:translateY(2%)scale(.96)}to{opacity:1;transform:translateY(-3%)scale(1)}}@media (max-width:620px){.preview-module__Kj_rYW__header{flex-wrap:wrap;gap:8px;padding:12px}.preview-module__Kj_rYW__header h1{min-width:45%}.preview-module__Kj_rYW__wideScene{width:96vw;min-height:0}.preview-module__Kj_rYW__message{margin:0}.preview-module__Kj_rYW__bloom>img{filter:none}}@media (max-width:900px) and (orientation:portrait){.preview-module__Kj_rYW__rotateNotice:not(.preview-module__Kj_rYW__rotateNoticeDismissed){z-index:100;background:linear-gradient(145deg,#b99aa3,#785565);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview-module__Kj_rYW__stage:not(.preview-module__Kj_rYW__portraitBypass)>.preview-module__Kj_rYW__header,.preview-module__Kj_rYW__stage:not(.preview-module__Kj_rYW__portraitBypass)>.preview-module__Kj_rYW__scene,.preview-module__Kj_rYW__stage:not(.preview-module__Kj_rYW__portraitBypass)>.preview-module__Kj_rYW__hint,.preview-module__Kj_rYW__stage:not(.preview-module__Kj_rYW__portraitBypass)>.preview-module__Kj_rYW__editLink{visibility:hidden}.preview-module__Kj_rYW__portraitBypass .preview-module__Kj_rYW__wideScene{width:96vw;min-height:0}.preview-module__Kj_rYW__portraitBypass .preview-module__Kj_rYW__letter{gap:5%;padding:5%}}@media (prefers-reduced-motion:reduce){.preview-module__Kj_rYW__bloom>img{opacity:0;animation:none}.preview-module__Kj_rYW__letterVisible .preview-module__Kj_rYW__letter{animation-duration:.01ms}}
