.studio .gift-preview{background:radial-gradient(ellipse at center,#fff9ef,#f0d8d4);padding:24px 20px;text-align:center;overflow-wrap:anywhere}.studio[data-theme=plain] .gift-preview{background:#f8f3ea}.studio[data-theme=hearts] .gift-preview{background:#f8e9e5 url(/reference/demo/hearts.svg) 50%/150px}.gift-cover h2{line-height:1.4}.gift-kicker{font-family:var(--serif);font-style:italic}.studio .gift-envelope{border:0;background:transparent;padding:0;width:min(100%,310px);margin:32px auto 12px;display:block}.gift-envelope-art{display:block;position:relative;height:202px;perspective:900px;isolation:isolate}.gift-back,.gift-flap,.gift-fold,.gift-insert,.gift-pocket,.gift-seal{position:absolute;display:block}.gift-back{inset:0;background:#b9654f;border-radius:6px;box-shadow:0 18px 30px #49352f22}.gift-insert{inset:18px 16px 13px;background:#fffcf7;padding:25px 10px;font:17px var(--serif);transition:transform .5s}.gift-pocket{inset:0;clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);background:#d28d7e;border-radius:6px}.gift-fold{inset:0;background:#c57d6e;clip-path:polygon(0 100%,50% 43%,100% 100%)}.gift-flap{inset:0;background:#e1a392;clip-path:polygon(0 0,100% 0,50% 55%);transform-origin:top;transition:transform .5s}.gift-seal{width:46px;height:46px;left:calc(50% - 23px);top:calc(50% - 15px);background:#794044;color:#fff2e7;border-radius:50%;font-size:28px;transition:opacity .2s}.gift-action{display:block;margin-top:18px;text-decoration:underline;font-weight:700}.gift-envelope[aria-expanded=true] .gift-flap{transform:rotateX(180deg)}.gift-envelope[aria-expanded=true] .gift-insert{transform:translateY(-50px)}.gift-envelope[aria-expanded=true] .gift-seal{opacity:0}.studio .studio-paper{text-align:left;background:#fffaf0 url(/reference/demo/paper-grain.svg) 50%/180px;border-top:3px solid #bd8171;margin-top:24px;line-height:1.95;padding:36px 24px}.studio-paper:after{content:"";display:block;width:110px;height:65px;background:url(/reference/demo/letter-sprig.svg) 50%/contain no-repeat;margin:30px auto 0}.studio[data-theme=plain] .studio-paper:after{display:none}.studio .studio-theme{flex-direction:column;display:inline-flex;width:calc(33.33% - 12px);vertical-align:top;padding:10px;border:1px solid #947468;border-radius:8px;margin:6px}.studio-theme:has(:checked){background:#fbefea;outline:2px solid #794044}.studio-swatch{width:100%;height:100px;background:#f8f3ea;border-radius:45px 45px 3px 3px}.studio-swatch.flowers{background:#f5e6e1 url(/reference/demo/letter-sprig.svg) 50%/90% no-repeat}.studio-swatch.hearts{background:#f5e6e1 url(/reference/demo/hearts.svg) 50%/100px}.studio-live{display:none}.gift-cover{position:relative;isolation:isolate;padding:20px 0}.gift-botanical{position:absolute;left:-20px;top:10px;width:120px;height:220px;color:#ad6c60;opacity:.55;z-index:-1;pointer-events:none}.studio[data-theme=hearts] .gift-botanical,.studio[data-theme=plain] .gift-botanical{display:none}.gift-preview[data-phase=opening] .gift-cover{animation:gift-away .18s .48s both}.gift-preview[data-phase=letter] .studio-paper{animation:gift-arrive .44s ease-out both}.studio .gift-envelope:disabled{cursor:wait;opacity:1}@keyframes gift-away{to{opacity:0;transform:translateY(-10px)}}@keyframes gift-arrive{0%{opacity:0;transform:translateY(38px) rotate(.8deg)}to{opacity:1;transform:none}}@media(min-width:1000px){.studio main:has(.studio-live){max-width:1400px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:60px;padding:36px 40px}.studio main:has(.studio-live)>:not(.studio-live){grid-column:1}.studio .studio-live{display:block;grid-column:2;grid-row:1/span 5;position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;padding:20px;background:#eee8df}.studio-live .gift-preview{max-width:390px;margin:auto}}@media(prefers-reduced-motion:reduce){.studio *,.studio :after,.studio :before{transition:none!important;animation:none!important}}