@font-face{font-family:'HarmonyOS Sans SC';src:url('./fonts/HarmonyOS-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'HarmonyOS Sans SC';src:url('./fonts/HarmonyOS-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:DIN;src:url('./fonts/DIN-Regular.otf') format('opentype');font-display:swap}
:root{font-family:'HarmonyOS Sans SC',sans-serif;color:#575257;background:#fffce5}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;min-height:100dvh;overflow-x:clip}#stage{position:relative;width:100%;container-type:inline-size}.page{--design-unit:calc(100vw / 1179);position:relative;width:100vw;max-width:100%;min-height:100dvh;overflow:clip;background:#fffce5}.page main{position:relative;display:flow-root}button,input,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation}button img{pointer-events:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:calc(6 * var(--design-unit)) solid #935fd2;outline-offset:calc(4 * var(--design-unit))}h1,h2,p{margin:0}header{position:absolute;inset:0;pointer-events:none;z-index:10}.nav{position:absolute;top:calc(57 * var(--design-unit));width:calc(251 * var(--design-unit));height:calc(115 * var(--design-unit));background:none;padding:0;pointer-events:auto}.nav img{width:100%;height:100%}.nav.back{left:calc(59 * var(--design-unit))}.nav.next{right:calc(59 * var(--design-unit))}.nav:disabled{opacity:.45}.nav.restart{right:calc(59 * var(--design-unit));font-size:calc(42 * var(--design-unit));background:#f68bdf;border:calc(5 * var(--design-unit)) solid white;border-radius:calc(40 * var(--design-unit))}
.step-0,.step-5{background:linear-gradient(90deg,#fffce5 0 calc(43 * var(--design-unit)),#dcf7fc calc(43 * var(--design-unit)) calc(205 * var(--design-unit)),#fffce5 calc(205 * var(--design-unit)) calc(357 * var(--design-unit)),#ffe9f6 calc(357 * var(--design-unit)) calc(518 * var(--design-unit)),#fffce5 calc(518 * var(--design-unit)) calc(670 * var(--design-unit)),#eee7fd calc(670 * var(--design-unit)) calc(831 * var(--design-unit)),#fffce5 calc(831 * var(--design-unit)) calc(984 * var(--design-unit)),#ddfce5 calc(984 * var(--design-unit)) calc(1145 * var(--design-unit)),#fffce5 calc(1145 * var(--design-unit)))}.awning{position:absolute;left:calc(-53 * var(--design-unit));top:calc(-99 * var(--design-unit));display:flex;width:calc(1304 * var(--design-unit));height:calc(257 * var(--design-unit))}.awning i{width:calc(163 * var(--design-unit));height:calc(257 * var(--design-unit));flex:none;border-radius:0 0 calc(85 * var(--design-unit)) calc(85 * var(--design-unit));background:#bc9ef7}.awning i:nth-child(even){background:#f688e2}.creator{position:absolute;left:calc(897 * var(--design-unit));top:calc(193 * var(--design-unit));width:calc(233 * var(--design-unit));height:calc(46 * var(--design-unit))}.logo{position:absolute;left:calc(71 * var(--design-unit));top:calc(152 * var(--design-unit));width:calc(1041 * var(--design-unit));height:calc(1009 * var(--design-unit))}.home-prompt{position:absolute;left:calc(141 * var(--design-unit));top:calc(1121 * var(--design-unit));width:calc(899 * var(--design-unit));height:calc(174 * var(--design-unit));object-fit:contain}.home-gift{position:absolute;left:calc(156 * var(--design-unit));top:calc(1130 * var(--design-unit));width:calc(875 * var(--design-unit));height:calc(970 * var(--design-unit));background:none;padding:0;animation:gift-invite 9s 3s infinite}.home-gift .home-box,.home-gift .home-rosette{position:absolute;left:0;top:0;width:calc(875 * var(--design-unit));height:calc(875 * var(--design-unit));object-fit:contain}.home-gift .home-box{z-index:2}.home-gift .home-rosette{z-index:3}.home-gift .tag{position:absolute;left:calc(569 * var(--design-unit));top:calc(681 * var(--design-unit));width:calc(383 * var(--design-unit));height:calc(225 * var(--design-unit));z-index:1}.home-gift.depart{animation:gift-leave .65s ease-in-out}.gallery-entry{position:absolute;left:0;top:calc(2143 * var(--design-unit));width:calc(1179 * var(--design-unit));height:calc(413 * var(--design-unit));background:#ffe2f7}.gallery-entry>button{position:absolute;left:0;top:0;width:calc(1179 * var(--design-unit));height:calc(119 * var(--design-unit));background:#ee83df;padding:0;text-align:left}.gallery-entry>button>img{position:absolute;left:calc(29 * var(--design-unit));top:calc(25 * var(--design-unit));width:calc(471 * var(--design-unit));height:calc(85 * var(--design-unit))}.made-count{position:absolute;left:calc(881 * var(--design-unit));top:calc(28 * var(--design-unit));width:calc(264 * var(--design-unit));height:calc(57 * var(--design-unit));background:#ffeda0;border-radius:calc(35 * var(--design-unit));font-size:calc(36 * var(--design-unit));line-height:calc(57 * var(--design-unit));text-align:center;color:#988763}.gallery-gifts{position:absolute;left:calc(31 * var(--design-unit));top:calc(107 * var(--design-unit));width:calc(1113 * var(--design-unit));height:calc(410 * var(--design-unit));object-fit:contain}
.step-1{background:repeating-linear-gradient(90deg,#e4f9dc 0 calc(58 * var(--design-unit)),#b8efab calc(58 * var(--design-unit)) calc(133 * var(--design-unit)))}.step-1 main:before{content:'';position:absolute;left:0;top:calc(1742 * var(--design-unit));width:calc(1179 * var(--design-unit));height:calc(814 * var(--design-unit));background-color:#e0f7fc;background-image:radial-gradient(ellipse calc(24 * var(--design-unit)) calc(24 * var(--design-unit)) at calc(24 * var(--design-unit)) calc(24 * var(--design-unit)),#fff 96%,transparent 100%),radial-gradient(ellipse calc(24 * var(--design-unit)) calc(24 * var(--design-unit)) at calc(24 * var(--design-unit)) calc(24 * var(--design-unit)),#fff 96%,transparent 100%);background-size:calc(203 * var(--design-unit)) calc(100 * var(--design-unit));background-position:calc(42 * var(--design-unit)) calc(25 * var(--design-unit)),calc(143 * var(--design-unit)) calc(75 * var(--design-unit))}.step-1 main:after{content:'';position:absolute;left:0;top:calc(1742 * var(--design-unit));width:calc(1179 * var(--design-unit));height:calc(68 * var(--design-unit));background:#ffd9f5;z-index:0}.gift-slots{position:absolute;inset:0;z-index:2}.slot{position:absolute;padding:0;background:none}.slot .container{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 calc(24 * var(--design-unit)) #fff) drop-shadow(0 0 calc(22 * var(--design-unit)) #bca7ff)}.slot-0{left:calc(151 * var(--design-unit));top:calc(276 * var(--design-unit));width:calc(439 * var(--design-unit));height:calc(513 * var(--design-unit))}.slot-1{left:calc(694 * var(--design-unit));top:calc(508 * var(--design-unit));width:calc(319 * var(--design-unit));height:calc(184 * var(--design-unit))}.slot-2{left:calc(590 * var(--design-unit));top:calc(765 * var(--design-unit));width:calc(379 * var(--design-unit));height:calc(240 * var(--design-unit))}.slot-0 .container{transform:rotate(-12deg)}.caption{position:absolute;width:calc(401 * var(--design-unit));height:calc(200 * var(--design-unit));object-fit:contain;pointer-events:none}.slot-0 .caption{left:calc(-27 * var(--design-unit));top:calc(380 * var(--design-unit))}.slot-1 .caption{left:calc(-4 * var(--design-unit));top:calc(-195 * var(--design-unit))}.slot-2 .caption{left:calc(-9 * var(--design-unit));top:calc(223 * var(--design-unit))}.gift-name{position:absolute;font-size:calc(64 * var(--design-unit));line-height:1.25;font-weight:400;text-align:center;overflow-wrap:anywhere;text-shadow:0 0 calc(12 * var(--design-unit)) white,0 0 calc(20 * var(--design-unit)) white,0 0 calc(35 * var(--design-unit)) white,0 0 calc(48 * var(--design-unit)) #f7ffd0;max-height:calc(240 * var(--design-unit));overflow:hidden;left:0;right:0;top:40%}.slot-0 .gift-name{color:#ff82ae}.slot-1 .gift-name{color:#ffbe6e}.slot-2 .gift-name{color:#bca0fb}.slot.has-name .container{opacity:.16}.slot:disabled{opacity:1}.pack{position:absolute;left:calc(243 * var(--design-unit));top:calc(845 * var(--design-unit));width:calc(271 * var(--design-unit));height:calc(239 * var(--design-unit));background:url('/assets/01/button/button_pack.png') center/contain no-repeat;font-size:0}.pack:disabled{opacity:.35}.inner-preview{position:absolute;left:calc(126 * var(--design-unit));top:calc(1147 * var(--design-unit));width:calc(927 * var(--design-unit));height:calc(1116 * var(--design-unit));z-index:1;pointer-events:none}.inner-preview canvas{display:block;width:100%;height:100%}.gift-prompt{position:absolute;top:calc(2371 * var(--design-unit));width:calc(1179 * var(--design-unit));text-align:center;font-size:calc(64 * var(--design-unit));color:#d4718e;z-index:3}.looks{position:absolute;left:calc(280 * var(--design-unit));top:calc(2323 * var(--design-unit));width:calc(622 * var(--design-unit));height:calc(170 * var(--design-unit));display:flex;align-items:center;justify-content:space-between;z-index:3}.looks button{background:none;padding:0;width:calc(121 * var(--design-unit));height:calc(170 * var(--design-unit))}.looks button.look-mid{width:calc(312 * var(--design-unit));height:calc(134 * var(--design-unit))}.looks img{width:100%;height:100%}
.step-2{background:repeating-linear-gradient(90deg,#ffe7f7 0 calc(72 * var(--design-unit)),#ffcfe9 calc(72 * var(--design-unit)) calc(146 * var(--design-unit)));font-family:DIN,'HarmonyOS Sans SC',sans-serif}.letter-label{position:absolute;font-size:calc(56 * var(--design-unit));line-height:1.25;color:#876b78;z-index:5;background:none;padding:0}.write-label{left:calc(229 * var(--design-unit));top:calc(237 * var(--design-unit))}.tuck-label{left:calc(211 * var(--design-unit));top:calc(2183 * var(--design-unit))}.seal-label{left:calc(779 * var(--design-unit));top:calc(2360 * var(--design-unit))}.letter-scene{position:absolute;inset:0}.letter-paper{position:absolute;left:calc(174 * var(--design-unit));top:calc(310 * var(--design-unit));width:calc(879 * var(--design-unit));height:calc(1151 * var(--design-unit));transform:rotate(3deg);transition:transform .4s,opacity .4s}.letter-paper>img{width:100%;height:100%}.letter-copy{position:absolute;left:14%;top:12%;width:72%;height:72%;font-size:calc(40 * var(--design-unit));line-height:1.5;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}.pen{position:absolute;left:calc(674 * var(--design-unit));top:calc(924 * var(--design-unit));width:calc(473 * var(--design-unit));height:calc(887 * var(--design-unit));padding:0;background:none;z-index:4}.pen img{width:100%;height:100%;object-fit:contain}.envelope{position:absolute;left:calc(-123 * var(--design-unit));top:calc(1161 * var(--design-unit));width:calc(1341 * var(--design-unit));height:calc(1010 * var(--design-unit));background:none;padding:0}.envelope img{width:100%;height:100%;object-fit:contain}.heart{position:absolute;left:calc(767 * var(--design-unit));top:calc(2087 * var(--design-unit));width:calc(263 * var(--design-unit));height:calc(235 * var(--design-unit));background:none;padding:0;z-index:4}.heart img{width:100%;height:100%;object-fit:contain}.heart:disabled,.envelope:disabled,.letter-label:disabled{opacity:1}.letter-scene.tucked .letter-paper,.letter-scene.sealed .letter-paper{opacity:0;transform:translateY(calc(700 * var(--design-unit))) scale(.5);visibility:hidden}.heart.attached{left:calc(470 * var(--design-unit));top:calc(1640 * var(--design-unit));width:calc(235 * var(--design-unit));height:calc(210 * var(--design-unit))}.unseal-zone{position:absolute;left:calc(320 * var(--design-unit));top:calc(1640 * var(--design-unit));width:calc(540 * var(--design-unit));height:calc(420 * var(--design-unit));background:transparent;z-index:6}.open-letter{position:absolute;left:calc(420 * var(--design-unit));top:calc(2160 * var(--design-unit));background:none;font-size:calc(42 * var(--design-unit));text-decoration:underline;z-index:7}
.step-3{background:#c9c9c9}.step-3 .nav.back{left:calc(398 * var(--design-unit))}.wrapping-workspace{position:absolute;left:0;top:0;width:calc(1179 * var(--design-unit));height:calc(2048 * var(--design-unit))}.categories{position:absolute;left:0;top:0;width:calc(331 * var(--design-unit));height:calc(2048 * var(--design-unit));background:#fff}.categories button{position:absolute;left:calc(38 * var(--design-unit));width:calc(253 * var(--design-unit));height:calc(367 * var(--design-unit));padding:calc(24 * var(--design-unit)) calc(18 * var(--design-unit));background:#efb3ed;border-radius:calc(36 * var(--design-unit));box-shadow:0 calc(10 * var(--design-unit)) calc(22 * var(--design-unit)) #0002}.categories button:nth-child(1){top:calc(103 * var(--design-unit))}.categories button:nth-child(2){top:calc(606 * var(--design-unit))}.categories button:nth-child(3){top:calc(1109 * var(--design-unit))}.categories button:nth-child(4){top:calc(1612 * var(--design-unit))}.categories button[aria-pressed=true]{box-shadow:0 0 calc(25 * var(--design-unit)) #6bedd5,0 0 0 calc(5 * var(--design-unit)) #d0fff5}.categories img{width:100%;height:calc(255 * var(--design-unit));object-fit:contain}.categories span{display:block;font-size:calc(48 * var(--design-unit));line-height:1.2;white-space:nowrap}.chat{position:absolute;left:calc(331 * var(--design-unit));top:0;width:calc(848 * var(--design-unit));height:calc(2048 * var(--design-unit))}.bubble{position:absolute;background:linear-gradient(#fff,#f3f3f3);border-radius:calc(70 * var(--design-unit));box-shadow:0 calc(14 * var(--design-unit)) calc(18 * var(--design-unit)) #0002;font-size:calc(52 * var(--design-unit));line-height:1.2;display:flex;align-items:center;justify-content:center}.bubble:after{content:'';position:absolute;right:calc(20 * var(--design-unit));bottom:calc(-15 * var(--design-unit));width:calc(75 * var(--design-unit));height:calc(55 * var(--design-unit));background:#f3f3f3;clip-path:polygon(0 0,80% 0,100% 100%)}.bubble.small{left:calc(386 * var(--design-unit));top:calc(310 * var(--design-unit));width:calc(429 * var(--design-unit));height:calc(195 * var(--design-unit));font-size:calc(44 * var(--design-unit))}.bubble:not(.small):not(.preview):not(.mint){left:calc(196 * var(--design-unit));top:calc(565 * var(--design-unit));width:calc(620 * var(--design-unit));height:calc(176 * var(--design-unit));font-size:calc(50 * var(--design-unit));white-space:nowrap}.bubble.preview{left:calc(42 * var(--design-unit));top:calc(847 * var(--design-unit));width:calc(773 * var(--design-unit));height:calc(673 * var(--design-unit))}.bubble.preview canvas{position:absolute;left:0;top:calc(-112 * var(--design-unit));width:calc(773 * var(--design-unit));height:calc(925 * var(--design-unit));object-fit:contain}.bubble.mint{left:calc(44 * var(--design-unit));top:calc(1613 * var(--design-unit));width:calc(618 * var(--design-unit));height:calc(198 * var(--design-unit));background:#b6f4ee;font-size:calc(48 * var(--design-unit))}.bubble.mint:after{left:calc(15 * var(--design-unit));right:auto;background:#b6f4ee;transform:scaleX(-1)}.picker{position:absolute;left:0;top:calc(2048 * var(--design-unit));width:calc(1179 * var(--design-unit));height:calc(508 * var(--design-unit));background:#fff;z-index:8;border-top:calc(4 * var(--design-unit)) solid #c9c9c9}.picker h2{text-align:center;font-size:calc(52 * var(--design-unit));font-weight:400;height:calc(94 * var(--design-unit));line-height:calc(94 * var(--design-unit));position:relative}.picker h2:before,.picker h2:after{content:'';position:absolute;top:calc(49 * var(--design-unit));height:calc(3 * var(--design-unit));width:calc(270 * var(--design-unit));background:#e3e3e3;left:calc(65 * var(--design-unit))}.picker h2:after{left:auto;right:calc(65 * var(--design-unit))}.picker h2 small{position:absolute;right:calc(33 * var(--design-unit));bottom:calc(2 * var(--design-unit));font-size:calc(24 * var(--design-unit));line-height:1.2;color:#9a8694}.carousel{height:calc(410 * var(--design-unit));overflow:hidden;touch-action:pan-y}.track{display:flex;gap:calc(28 * var(--design-unit));justify-content:center;align-items:center;height:calc(375 * var(--design-unit));width:calc(1179 * var(--design-unit))}.material{width:calc(300 * var(--design-unit));height:calc(300 * var(--design-unit));flex:none;padding:calc(12 * var(--design-unit));background:#fff;border:calc(4 * var(--design-unit)) solid #f4f4f4;box-shadow:0 calc(7 * var(--design-unit)) calc(17 * var(--design-unit)) #0002;border-radius:calc(42 * var(--design-unit));position:relative;overflow:hidden}.material img{width:100%;height:100%;object-fit:contain}.material.selected{width:calc(334 * var(--design-unit));height:calc(334 * var(--design-unit));border:calc(7 * var(--design-unit)) solid #ee8ddb;box-shadow:0 0 0 calc(6 * var(--design-unit)) #fff,0 calc(10 * var(--design-unit)) calc(16 * var(--design-unit)) #0002}.material span{position:absolute;right:calc(12 * var(--design-unit));bottom:calc(8 * var(--design-unit));background:#fffc;font-size:calc(26 * var(--design-unit));border-radius:calc(20 * var(--design-unit));padding:calc(3 * var(--design-unit)) calc(9 * var(--design-unit))}.material.empty{opacity:0;pointer-events:none}.picker .hint{position:absolute;bottom:calc(5 * var(--design-unit));width:100%;text-align:center;font-size:calc(25 * var(--design-unit))}.demo .track{animation:swipe-demo 1.2s .2s ease-in-out}
.step-4{background:#fff}.rosette-work{position:absolute;inset:0;height:calc(2048 * var(--design-unit));overflow:hidden}.rosette-work #rosette-background{position:absolute;left:calc(-700 * var(--design-unit));top:calc(-500 * var(--design-unit));width:calc(3510 * var(--design-unit));height:calc(4198 * var(--design-unit));object-fit:contain;transform:rotate(-8deg)}.rosette-work #rosette-preview{position:absolute;left:calc(227 * var(--design-unit));top:calc(-177 * var(--design-unit));width:calc(1100 * var(--design-unit));height:calc(1650 * var(--design-unit));object-fit:contain;z-index:2}.bloom-parts{position:absolute;left:0;top:calc(1350 * var(--design-unit));width:calc(1179 * var(--design-unit));height:calc(698 * var(--design-unit));background:#fff;border-radius:0 calc(550 * var(--design-unit)) 0 0;z-index:4}.bloom-parts h2{position:absolute;left:calc(103 * var(--design-unit));top:calc(106 * var(--design-unit));font-size:calc(58 * var(--design-unit));font-weight:400;color:#858085}.part-buttons button{position:absolute;width:calc(213 * var(--design-unit));height:calc(213 * var(--design-unit));background:#e5e5e5;border:calc(6 * var(--design-unit)) solid white;border-radius:calc(32 * var(--design-unit));box-shadow:0 calc(7 * var(--design-unit)) calc(15 * var(--design-unit)) #0003;padding:calc(10 * var(--design-unit))}.part-buttons [data-category=badge]{left:calc(78 * var(--design-unit));top:calc(201 * var(--design-unit))}.part-buttons [data-category=ribbon1]{left:calc(78 * var(--design-unit));top:calc(430 * var(--design-unit))}.part-buttons [data-category=ribbon2]{left:calc(306 * var(--design-unit));top:calc(430 * var(--design-unit))}.part-buttons [data-category=ribbon3]{left:calc(534 * var(--design-unit));top:calc(430 * var(--design-unit))}.part-buttons img{width:100%;height:100%;object-fit:contain}.part-buttons span{position:absolute;left:0;bottom:0;width:100%;font-size:calc(25 * var(--design-unit));background:#fffc;border-radius:calc(10 * var(--design-unit))}.part-buttons button[aria-pressed=true]{border-color:#ec9cdb;box-shadow:0 0 calc(20 * var(--design-unit)) #ef9ddc}.bloom-parts p{position:absolute;left:calc(787 * var(--design-unit));top:calc(566 * var(--design-unit));width:calc(346 * var(--design-unit));font-size:calc(40 * var(--design-unit));line-height:1.2}.step-5 h1{position:absolute;top:calc(260 * var(--design-unit));width:100%;text-align:center;font-size:calc(64 * var(--design-unit));color:#864b62}.step-5 #finished{position:absolute;left:calc(88 * var(--design-unit));top:calc(370 * var(--design-unit));width:calc(1003 * var(--design-unit));height:calc(1200 * var(--design-unit));object-fit:contain}.dedication{position:absolute;left:calc(80 * var(--design-unit));top:calc(1570 * var(--design-unit));width:calc(1019 * var(--design-unit));text-align:center;display:flex;flex-direction:column;gap:calc(28 * var(--design-unit))}.dedication strong{font-size:calc(70 * var(--design-unit))}.dedication span{font-size:calc(52 * var(--design-unit));overflow-wrap:anywhere}.dedication small{font-size:calc(36 * var(--design-unit))}.finish-actions{position:absolute;left:calc(90 * var(--design-unit));top:calc(1930 * var(--design-unit));display:flex;gap:calc(36 * var(--design-unit));width:calc(999 * var(--design-unit));justify-content:center;font-size:calc(44 * var(--design-unit))}.finish-actions button{padding:calc(30 * var(--design-unit)) calc(44 * var(--design-unit));border:calc(5 * var(--design-unit)) solid white;border-radius:calc(40 * var(--design-unit));background:#f3a8df}.gallery-page{width:min(100vw,calc(700 * var(--design-unit)));min-height:100dvh;background:#ffe8f8;padding:calc(28 * var(--design-unit));font-size:calc(18 * var(--design-unit))}.gallery-page header{position:static;pointer-events:auto;margin-bottom:calc(32 * var(--design-unit))}.gallery-page h1{font-size:calc(32 * var(--design-unit));margin-bottom:calc(20 * var(--design-unit))}
.crop-editor{width:min(260px,100%);margin:auto}.crop-editor canvas{width:100%;display:block;touch-action:none;cursor:grab}.crop-editor canvas:active{cursor:grabbing}dialog input[type=range]{padding:0!important;accent-color:#e984cc}#toast{font-family:'HarmonyOS Sans SC',sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.asset-error{position:absolute;font-size:38px;background:#ffe7f5;padding:30px}.warning{position:absolute;top:190px;left:30px;right:30px;background:#fff0d9;font-size:35px;z-index:20;padding:20px}
@keyframes gift-invite{0%,80%,100%{transform:rotate(0)}84%,92%{transform:rotate(-1.2deg)}88%,96%{transform:rotate(1.2deg)}}@keyframes gift-leave{50%{transform:rotate(-4deg) translateX(-16px)}}@keyframes swipe-demo{0%,100%{transform:translateX(0)}40%{transform:translateX(-60px)}70%{transform:translateX(25px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

dialog{border:2px solid #e7b4d8;border-radius:22px;background:#fff9fe;color:#574750;width:min(440px,calc(100% - 30px));padding:24px;max-height:88dvh;overflow-y:auto;box-shadow:0 14px 70px #59345544}dialog::backdrop{background:#46364c88;backdrop-filter:blur(4px)}dialog h2{color:#92526e;margin:0 0 16px}dialog p{line-height:1.65;margin-bottom:16px}dialog label{display:block;font-size:14px;margin:14px 0 8px}dialog input:not([type=checkbox]),dialog textarea{display:block;width:100%;margin-top:8px;border:1px solid #caabc3;border-radius:10px;padding:12px;background:white;color:#4c4050;font-size:16px}dialog textarea{resize:vertical;line-height:1.6}.upload-label{background:#efdaff;border-radius:12px;padding:12px}.draft-photo{max-width:100%;max-height:190px;display:block;margin:12px auto;object-fit:contain}.draft-photo[hidden]{display:none}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.dialog-actions button:not(.primary){padding:10px;border-radius:10px;background:#efe4ed}.form-error{color:#a83c65;font-size:14px;min-height:21px;margin-top:10px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-options label{border:1px solid #dfbad4;padding:14px 6px;border-radius:12px;margin:0}.export-options input{width:20px;height:20px;vertical-align:middle;accent-color:#d45dab}.export-result{margin-top:24px}.export-result h3{font-size:16px}.export-result>canvas{max-width:100%;max-height:280px;display:block;margin:auto;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/16px 16px;object-fit:contain}.export-result>div{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border-radius:14px;background:#623b60;color:white;box-shadow:0 5px 15px #0003;opacity:0;pointer-events:none;z-index:10;font-size:14px;transition:opacity .2s}#toast.show{opacity:1}

.nav span{position:absolute;left:calc(7 * var(--design-unit));top:calc(7 * var(--design-unit));width:calc(237 * var(--design-unit));height:calc(100 * var(--design-unit));border:calc(5 * var(--design-unit)) solid white;border-radius:calc(35 * var(--design-unit));background:#ad8cef;box-shadow:0 0 0 calc(4 * var(--design-unit)) #ad8cef,inset 0 0 0 calc(4 * var(--design-unit)) #c7aff9;color:white;font-size:calc(58 * var(--design-unit));line-height:calc(82 * var(--design-unit));letter-spacing:calc(2 * var(--design-unit));font-weight:700;text-align:center}.nav.next span{background:#ec88dd;box-shadow:0 0 0 calc(4 * var(--design-unit)) #ec88dd,inset 0 0 0 calc(4 * var(--design-unit)) #f6b7e9}.step-2 .nav{font-family:DIN}.step-2 .nav span{font-weight:400}
.letter-label{display:flex;align-items:center;gap:calc(30 * var(--design-unit));font-size:calc(50 * var(--design-unit));height:calc(64 * var(--design-unit));white-space:nowrap}.number-circle{width:calc(64 * var(--design-unit));height:calc(64 * var(--design-unit));line-height:calc(58 * var(--design-unit));text-align:center;border:calc(3 * var(--design-unit)) solid currentColor;border-radius:50%;font-size:calc(50 * var(--design-unit));flex:none}.write-label{left:calc(160 * var(--design-unit));top:calc(272 * var(--design-unit))}.tuck-label{left:calc(220 * var(--design-unit));top:calc(2176 * var(--design-unit))}.seal-label{left:calc(714 * var(--design-unit));top:calc(2361 * var(--design-unit))}
.categories span,.picker h2{font-size:calc(50 * var(--design-unit))}.bubble.small,.bubble:not(.small):not(.preview):not(.mint),.bubble.mint{font-size:calc(45.83333 * var(--design-unit))}.bloom-parts h2{font-size:calc(58.33333 * var(--design-unit))}.bloom-parts p{font-size:calc(37.5 * var(--design-unit))}
.step-1 main:before{background-color:#b1cbff}.step-1 main:after{background:#ffc1fc}
.step-0,.step-5{background:linear-gradient(90deg,#fffee4 calc(0 * var(--design-unit)) calc(45 * var(--design-unit)),#dbf4ff calc(45 * var(--design-unit)) calc(203 * var(--design-unit)),#fffee4 calc(203 * var(--design-unit)) calc(359 * var(--design-unit)),#ffecf6 calc(359 * var(--design-unit)) calc(517 * var(--design-unit)),#fffee4 calc(517 * var(--design-unit)) calc(672 * var(--design-unit)),#ececff calc(672 * var(--design-unit)) calc(830 * var(--design-unit)),#fffee4 calc(830 * var(--design-unit)) calc(986 * var(--design-unit)),#e1ffe6 calc(986 * var(--design-unit)) calc(1144 * var(--design-unit)),#fffee4 calc(1144 * var(--design-unit)) calc(1179 * var(--design-unit)))}
.step-1{background:linear-gradient(90deg,#eefac4 calc(0 * var(--design-unit)) calc(55 * var(--design-unit)),#dbf58a calc(55 * var(--design-unit)) calc(127 * var(--design-unit)),#eefac4 calc(127 * var(--design-unit)) calc(188 * var(--design-unit)),#dbf58a calc(188 * var(--design-unit)) calc(260 * var(--design-unit)),#eefac4 calc(260 * var(--design-unit)) calc(322 * var(--design-unit)),#dbf58a calc(322 * var(--design-unit)) calc(394 * var(--design-unit)),#eefac4 calc(394 * var(--design-unit)) calc(455 * var(--design-unit)),#dbf58a calc(455 * var(--design-unit)) calc(527 * var(--design-unit)),#eefac4 calc(527 * var(--design-unit)) calc(588 * var(--design-unit)),#dbf58a calc(588 * var(--design-unit)) calc(660 * var(--design-unit)),#eefac4 calc(660 * var(--design-unit)) calc(721 * var(--design-unit)),#dbf58a calc(721 * var(--design-unit)) calc(793 * var(--design-unit)),#eefac4 calc(793 * var(--design-unit)) calc(855 * var(--design-unit)),#dbf58a calc(855 * var(--design-unit)) calc(927 * var(--design-unit)),#eefac4 calc(927 * var(--design-unit)) calc(988 * var(--design-unit)),#dbf58a calc(988 * var(--design-unit)) calc(1060 * var(--design-unit)),#eefac4 calc(1060 * var(--design-unit)) calc(1121 * var(--design-unit)),#dbf58a calc(1121 * var(--design-unit)) calc(1179 * var(--design-unit)))}
.step-2{background:linear-gradient(90deg,#fdeef8 calc(0 * var(--design-unit)) calc(19 * var(--design-unit)),#fee0f1 calc(19 * var(--design-unit)) calc(44 * var(--design-unit)),#fdeef8 calc(44 * var(--design-unit)) calc(67 * var(--design-unit)),#fee0f1 calc(67 * var(--design-unit)) calc(92 * var(--design-unit)),#fdeef8 calc(92 * var(--design-unit)) calc(116 * var(--design-unit)),#fee0f1 calc(116 * var(--design-unit)) calc(141 * var(--design-unit)),#fdeef8 calc(141 * var(--design-unit)) calc(164 * var(--design-unit)),#fee0f1 calc(164 * var(--design-unit)) calc(189 * var(--design-unit)),#fdeef8 calc(189 * var(--design-unit)) calc(213 * var(--design-unit)),#fee0f1 calc(213 * var(--design-unit)) calc(238 * var(--design-unit)),#fdeef8 calc(238 * var(--design-unit)) calc(261 * var(--design-unit)),#fee0f1 calc(261 * var(--design-unit)) calc(286 * var(--design-unit)),#fdeef8 calc(286 * var(--design-unit)) calc(310 * var(--design-unit)),#fee0f1 calc(310 * var(--design-unit)) calc(335 * var(--design-unit)),#fdeef8 calc(335 * var(--design-unit)) calc(358 * var(--design-unit)),#fee0f1 calc(358 * var(--design-unit)) calc(383 * var(--design-unit)),#fdeef8 calc(383 * var(--design-unit)) calc(406 * var(--design-unit)),#fee0f1 calc(406 * var(--design-unit)) calc(431 * var(--design-unit)),#fdeef8 calc(431 * var(--design-unit)) calc(455 * var(--design-unit)),#fee0f1 calc(455 * var(--design-unit)) calc(480 * var(--design-unit)),#fdeef8 calc(480 * var(--design-unit)) calc(503 * var(--design-unit)),#fee0f1 calc(503 * var(--design-unit)) calc(528 * var(--design-unit)),#fdeef8 calc(528 * var(--design-unit)) calc(552 * var(--design-unit)),#fee0f1 calc(552 * var(--design-unit)) calc(577 * var(--design-unit)),#fdeef8 calc(577 * var(--design-unit)) calc(600 * var(--design-unit)),#fee0f1 calc(600 * var(--design-unit)) calc(625 * var(--design-unit)),#fdeef8 calc(625 * var(--design-unit)) calc(649 * var(--design-unit)),#fee0f1 calc(649 * var(--design-unit)) calc(674 * var(--design-unit)),#fdeef8 calc(674 * var(--design-unit)) calc(697 * var(--design-unit)),#fee0f1 calc(697 * var(--design-unit)) calc(722 * var(--design-unit)),#fdeef8 calc(722 * var(--design-unit)) calc(746 * var(--design-unit)),#fee0f1 calc(746 * var(--design-unit)) calc(771 * var(--design-unit)),#fdeef8 calc(771 * var(--design-unit)) calc(794 * var(--design-unit)),#fee0f1 calc(794 * var(--design-unit)) calc(819 * var(--design-unit)),#fdeef8 calc(819 * var(--design-unit)) calc(842 * var(--design-unit)),#fee0f1 calc(842 * var(--design-unit)) calc(867 * var(--design-unit)),#fdeef8 calc(867 * var(--design-unit)) calc(891 * var(--design-unit)),#fee0f1 calc(891 * var(--design-unit)) calc(916 * var(--design-unit)),#fdeef8 calc(916 * var(--design-unit)) calc(939 * var(--design-unit)),#fee0f1 calc(939 * var(--design-unit)) calc(940 * var(--design-unit)),#fee1f1 calc(940 * var(--design-unit)) calc(964 * var(--design-unit)),#fdeef8 calc(964 * var(--design-unit)) calc(988 * var(--design-unit)),#fee1f1 calc(988 * var(--design-unit)) calc(1013 * var(--design-unit)),#fdeef8 calc(1013 * var(--design-unit)) calc(1036 * var(--design-unit)),#fee1f1 calc(1036 * var(--design-unit)) calc(1061 * var(--design-unit)),#fdeef8 calc(1061 * var(--design-unit)) calc(1085 * var(--design-unit)),#fee1f1 calc(1085 * var(--design-unit)) calc(1110 * var(--design-unit)),#fdeff8 calc(1110 * var(--design-unit)) calc(1133 * var(--design-unit)),#fee1f1 calc(1133 * var(--design-unit)) calc(1158 * var(--design-unit)),#fdeff8 calc(1158 * var(--design-unit)) calc(1179 * var(--design-unit)))}

/* Flow anchors preserve artwork coordinates while allowing vertical document scrolling. */
.gallery-entry{position:relative;top:auto;left:0;width:100%;height:auto;display:flow-root}
.step-0 .gallery-entry{margin-top:calc(2143 * var(--design-unit))}
.gallery-entry>button{position:relative;top:auto;left:0;width:100%;display:block}
.gallery-gifts{position:relative;top:auto;left:0;display:block;margin:calc(-12 * var(--design-unit)) calc(33 * var(--design-unit)) 0;height:auto}
.step-1 .inner-preview{position:relative;top:auto;left:0;margin:calc(1147 * var(--design-unit)) auto 0;height:auto}
.inner-preview canvas{height:auto}
.gift-prompt{position:relative;top:auto;width:100%;margin-top:calc(108 * var(--design-unit));padding-bottom:calc(85 * var(--design-unit));line-height:1.25}
.looks{position:relative;top:auto;left:0;margin:calc(60 * var(--design-unit)) auto 0;margin-bottom:calc(63 * var(--design-unit))}
.step-1 main:before,.step-1 main:after{width:100%}
.step-1 main:before{height:calc(100% - calc(1742 * var(--design-unit)))}
.letter-scene{position:relative;inset:auto;display:flow-root}
.envelope{position:relative;top:auto;display:block;margin-top:calc(1161 * var(--design-unit))}
.seal-label{position:relative;top:auto;margin-top:calc(190 * var(--design-unit));margin-bottom:calc(131 * var(--design-unit))}
.wrapping-workspace{position:relative;width:100%}
.rosette-work{position:relative;inset:auto;width:100%}
.picker{position:relative;top:auto;width:100%;height:auto;display:flow-root}
.track{width:100%}
.finish-actions{position:relative;top:auto;left:0;margin:calc(1930 * var(--design-unit)) auto 0}
.step-5 .gallery-entry{margin-top:calc(91 * var(--design-unit))}
.gallery-page{width:100%;min-height:100dvh}
.gallery-page{padding:28px;font-size:18px}.gallery-page header{margin-bottom:32px}.gallery-page h1{font-size:32px;margin-bottom:20px}
.step-5 #finished{position:relative;top:auto;left:0;display:block;margin:calc(370 * var(--design-unit)) auto 0;height:auto}
.dedication{position:relative;top:auto;left:0;margin:0 auto;line-height:1.2}
.finish-actions{margin-top:calc(114 * var(--design-unit))}

@supports(width:1cqw){.page{--design-unit:calc(100cqw / 1179)}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}