:root{color-scheme:light;--wall:#ece0d3;--paper:#f8f2ea;--card:#fffbf5;--stone:#dccbb8;--ink:#3d2e23;--brown:#5b4636;--muted:#86705e;--line:#dfd0bf;--line-strong:#c9b49e;--wood:#d6b58a;--peach:#e7b68d;--navy:#4b5a70;--ok:#6f7d4f;--warn:#a9602a;--err:#9b3b2b;--display:"Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Jost", "Avenir Next", "Segoe UI", system-ui, sans-serif;--hand:"Caveat", "Noto Sans Thaana", "Bradley Hand", cursive;--classic:"Cormorant Garamond", "Noto Sans Thaana", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}.wrap{max-width:1180px;margin:0 auto;padding-inline:20px}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.mark{font-family:var(--display);letter-spacing:.01em;color:var(--brown);font-size:34px;font-weight:500;line-height:1;text-decoration:none}.top nav{color:var(--muted);gap:20px;font-size:14px;display:flex}.top nav a{text-decoration:none}.top nav a:hover{color:var(--ink)}.hero{text-align:center;gap:10px;padding-block:44px 28px;display:grid}.hero h1{font-family:var(--display);color:var(--brown);letter-spacing:-.005em;font-size:clamp(40px,6.4vw,72px);font-weight:600;line-height:1}.hero .sub{color:var(--brown);font-size:clamp(19px,2.4vw,26px);font-weight:400}.hero .deliv{color:var(--muted);font-size:14px}.builder{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto;padding-block:12px 64px;display:grid}.preview{gap:10px;display:grid}.preview .tabs,.preview #pane-card,.preview #flipBtn{display:none!important}.preview .stage:not(.mini){width:100%;min-width:0}@media (width<=880px){.builder{grid-template-columns:minmax(0,1fr);gap:28px}.preview{position:static}}.tabs{background:#efe5d9;border-radius:999px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500}.tabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #3d2e2326}.stage{aspect-ratio:1/1.02;background:var(--wall);isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:4px;width:min(100%,100vh - 190px);min-width:min(100%,340px);max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.stage:before{content:"";z-index:-1;filter:blur(14px);background:linear-gradient(118deg,#0000 30%,#fffaf08c 34% 44%,#0000 48%),linear-gradient(118deg,#0000 52%,#fffaf073 55% 63%,#0000 66%),radial-gradient(60% 50% at 80% 10%,#a0826438,#0000 70%),radial-gradient(70% 60% at 10% 90%,#ffffff59,#0000 70%);position:absolute;inset:-20%}.stage:after{content:"";z-index:-1;background:linear-gradient(#e2d3c2,#d8c6b2);height:17%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #ffffff80}.stage canvas.puzzle{width:calc(var(--pz,.8) * 100%);aspect-ratio:1;filter:drop-shadow(0 18px 18px #50372347)drop-shadow(0 3px 4px #50372340);cursor:grab;height:auto;transition:width .45s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.stage canvas.puzzle:active{cursor:grabbing}.stage .dim{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:12px;position:absolute;bottom:3.4%;left:50%;transform:translate(-50%)}.stage .badge{color:var(--brown);backdrop-filter:blur(4px);background:#fffbf5d9;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:14px;left:14px}.stage .hint{color:var(--muted);background:#fffbf5b3;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:14px;right:14px}.card-stage{perspective:1300px;cursor:grab;place-items:center;display:grid}.card-stage:active{cursor:grabbing}.card3d{aspect-ratio:78/110;width:min(262px,56%);transform-style:preserve-3d;will-change:transform;position:relative;container-type:inline-size}.face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff9,0 0 0 1px #785a3c1f}.face:after{content:"";pointer-events:none;background:linear-gradient(calc(110deg + var(--sheen,0) * 1deg), transparent 35%, #ffffff47 50%, transparent 65%);background-size:260% 100%;background-position:calc(50% + var(--sheen,0) * 1%) 0;mix-blend-mode:soft-light;position:absolute;inset:0}.front{background:#fbf8f3;flex-direction:column;padding:7% 7% 0;display:flex}.front canvas{aspect-ratio:1;background:#ddd;width:100%;display:block;box-shadow:inset 0 0 0 1px #0000000f}.front .foot{font-family:var(--display);color:#b9a590;letter-spacing:.02em;flex:1;justify-content:center;align-items:center;font-size:6.28cqw;font-weight:500;display:flex}.back{color:#4a3526;background:radial-gradient(120% 90% at 30% 20%,#ffffff2e,#0000 60%),linear-gradient(160deg,#ebbd95,#e2ae83);padding:12%;display:flex;transform:rotateY(180deg)}.back .notebox{text-align:center;unicode-bidi:plaintext;flex-direction:column;flex:1;justify-content:center;gap:.6em;display:flex;overflow:hidden}.back .note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.18}.back .from{opacity:.85}.back.classic .note,.back.classic .from{font-family:var(--classic);font-style:italic;font-weight:500}.back.hand .note,.back.hand .from{font-family:var(--hand);font-weight:500}.card-shadow{pointer-events:none;background:radial-gradient(closest-side,#50372347,#0000);border-radius:50%;width:44%;height:18px;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.note-step{container-type:inline-size}.note-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.note-fields{gap:14px;min-width:0;display:grid}.mini-wrap{order:-1;gap:6px;display:grid}.stage.mini{aspect-ratio:auto;border-radius:6px;width:100%;min-width:0;height:300px}.stage.mini .card3d{width:min(172px,50%)}.mini-cap{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.mini-cap button{color:var(--brown);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;text-decoration:underline}@container (width>=720px){.note-grid{grid-template-columns:minmax(0,1fr) 250px}.mini-wrap{top:calc(env(safe-area-inset-top,0px) + 16px);order:0;position:sticky}.stage.mini{height:330px}.stage.mini .card3d{width:min(172px,66%)}}.card-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}form{gap:14px;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:6px;gap:14px;padding:22px 22px 24px;display:grid}.step-h{align-items:baseline;gap:12px;display:flex}.step-h .n{font-family:var(--display);color:var(--peach);min-width:1.1em;font-size:22px;font-weight:600}.step-h h2{font-family:var(--display);color:var(--brown);font-size:26px;font-weight:600;line-height:1.1}.step-h .opt{color:var(--muted);margin-left:auto;font-size:12px}.sizes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.size{border:1px solid var(--line);cursor:pointer;background:var(--paper);border-radius:6px;gap:4px;padding:14px 14px 14px 16px;display:grid;position:relative}.size input{opacity:0;pointer-events:none;position:absolute}.size .t{font-size:16px;font-weight:600}.size .d{color:var(--muted);font-size:13px;line-height:1.35}.size .p{font-variant-numeric:tabular-nums;color:var(--brown);margin-top:4px;font-size:15px}.size .pimg{cursor:pointer;background:var(--stone);aspect-ratio:4/3;border:0;border-radius:4px;margin:-4px -4px 6px -6px;padding:0;display:block;position:relative;overflow:hidden}.size .pimg img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:transform .4s;display:block}.size .pimg:hover img{transform:scale(1.04)}.size .pcount{color:#fbf5ec;background:#2f241cb8;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500;position:absolute;bottom:6px;right:6px}.size .ring{border:3px solid var(--wood);border-radius:50%;position:absolute;top:auto;bottom:14px;right:14px}.size:has(input:checked){border-color:var(--brown);box-shadow:0 0 0 1px var(--brown);background:#fff}.size:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:2px}@media (width<=420px){.sizes{grid-template-columns:1fr}}.drop{border:1.5px dashed var(--line-strong);cursor:pointer;background:var(--paper);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;transition:border-color .2s,background .2s;display:grid}.drop.over{border-color:var(--brown);background:#fff}.drop .thumb{background:var(--stone) center/cover no-repeat;border:3px solid var(--wood);border-radius:50%;width:52px;height:52px}.drop .l1{font-weight:500}.drop .l2{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.drop .go{background:var(--brown);color:#fbf5ec;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500}.drop input{opacity:0;width:1px;height:1px;position:absolute}.ctrl{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}input[type=range]{width:100%;accent-color:var(--brown)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.chip i{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.chip.great{color:var(--ok);border-color:#c9cfb6}.chip.ok{color:var(--navy);border-color:#c5ccd6}.chip.low{color:var(--warn);border-color:#e3c4a8}.btn-ghost{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px}.btn-ghost:hover{background:var(--paper)}.switch{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.switch input{accent-color:var(--brown);width:16px;height:16px}label.f,div.f[role=radiogroup]{align-content:start;gap:6px;font-size:14px;font-weight:500;display:grid}div.f[role=radiogroup] .seg{justify-self:start}.in[type=date]{padding-block:10px}label.f small{color:var(--muted);font-size:12.5px;font-weight:400}.in{border:1px solid var(--line-strong);background:#fff;border-radius:5px;width:100%;padding:11px 12px;font-size:16px;font-weight:400}textarea.in{resize:vertical;unicode-bidi:plaintext;min-height:108px;line-height:1.45}.in:focus{border-color:var(--brown);outline:none;box-shadow:0 0 0 3px #5b463624}.in[aria-invalid=true]{border-color:var(--err)}.count{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px;font-weight:400}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.grid2{grid-template-columns:1fr}}.phone{grid-template-columns:auto 1fr;display:grid}.phone span{border:1px solid var(--line-strong);background:var(--paper);color:var(--muted);border-right:0;border-radius:5px 0 0 5px;place-items:center;padding-inline:12px;font-size:15px;font-weight:400;display:grid}.phone .in{border-radius:0 5px 5px 0}.seg{border:1px solid var(--line-strong);border-radius:999px;display:inline-flex;overflow:hidden}.seg label{cursor:pointer;padding:7px 16px;font-size:14px;position:relative}.seg input{opacity:0;position:absolute}.seg label:has(input:checked){background:var(--brown);color:#fbf5ec}.seg label:has(input:focus-visible){outline:2px solid var(--navy);outline-offset:-2px}.seg .hand-s{font-family:var(--hand);font-size:18px;line-height:1}.seg .cls-s{font-family:var(--classic);font-size:17px;font-style:italic;line-height:1}.err{color:var(--err);font-size:13px;font-weight:400}.sum{font-variant-numeric:tabular-nums;gap:8px;font-size:15px;display:grid}.sum .li{justify-content:space-between;gap:12px;display:flex}.sum .li span:last-child{text-align:right}.sum .tot{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:18px;font-weight:600}.qty{border:1px solid var(--line-strong);border-radius:999px;align-items:center;display:inline-flex}.qty button{cursor:pointer;background:0 0;border:0;width:34px;height:32px;font-size:18px;line-height:1}.qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:24px}.cta{background:var(--brown);color:#fbf5ec;letter-spacing:.02em;cursor:pointer;border:0;border-radius:6px;width:100%;padding:15px 18px;font-size:16px;font-weight:500;transition:background .2s}.cta:hover{background:var(--ink)}.cta[disabled]{opacity:.6;cursor:progress}.fine{color:var(--muted);margin:0;font-size:13px}.done{text-align:left;gap:14px;display:grid}.done .ref{font-family:var(--display);color:var(--brown);font-size:34px;font-weight:600;line-height:1}.set{border-top:1px solid var(--line);gap:26px;padding-block:48px 56px;display:grid}.set h2{font-family:var(--display);color:var(--brown);font-size:clamp(28px,3.6vw,38px);font-weight:600}.items{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.item{align-content:start;gap:8px;display:grid}.item svg{width:44px;height:44px;color:var(--brown)}.item b{font-size:15px;font-weight:600}.item p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}@media (width<=900px){.items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:26px 34px;font-size:13px;display:flex}footer .mark{font-size:24px}.uip-dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}:root[data-ui=label] .chip{letter-spacing:.09em;text-transform:uppercase;background:color-mix(in srgb, currentColor 10%, var(--card));border:0;border-radius:3px;padding:6px 10px;font-size:11px;font-weight:600}:root[data-ui=label] .chip i{border-radius:1px;width:6px;height:6px}:root[data-ui=label] :is(.btn-ghost,.pack-skip),:root[data-ui=label] .mini-cap button{border:1px solid var(--brown);letter-spacing:.12em;text-transform:uppercase;color:var(--brown);background:0 0;border-radius:3px;padding:8px 14px;font-size:11px;font-weight:600;text-decoration:none}:root[data-ui=label] :is(.btn-ghost,.pack-skip):hover,:root[data-ui=label] .mini-cap button:hover{background:var(--brown);color:#fbf5ec}:root[data-ui=label] .mini-cap button{padding:5px 10px}:root[data-ui=label] .tabs{border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:22px;padding:0}:root[data-ui=label] .tabs button{letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 0;font-size:11.5px;font-weight:600}:root[data-ui=label] .tabs button[aria-selected=true]{box-shadow:none;border-bottom-color:var(--brown);color:var(--brown);background:0 0}:root[data-ui=label] .seg,:root[data-ui=label] .qty,:root[data-ui=label] .drop .go{border-radius:3px}:root[data-ui=label] .stage :is(.badge,.hint){letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:4px 8px;font-size:10.5px;font-weight:600}:root[data-ui=line] .chip{font-size:13px;font-style:italic;font-family:var(--display);background:0 0;border:0;padding:2px 0;font-size:16px}:root[data-ui=line] :is(.btn-ghost,.pack-skip),:root[data-ui=line] .mini-cap button{font-family:var(--display);color:var(--brown);text-underline-offset:5px;background:0 0;border:0;border-radius:0;padding:4px 0;font-size:17px;font-style:italic;text-decoration:underline 1px}:root[data-ui=line] :is(.btn-ghost,.pack-skip):hover,:root[data-ui=line] .mini-cap button:hover{text-decoration-thickness:2px}:root[data-ui=line] .mini-cap button{font-size:15px}:root[data-ui=line] .pack-skip{background:0 0}:root[data-ui=line] .tabs{background:0 0;border-radius:0;gap:24px;padding:0}:root[data-ui=line] .tabs button{font-family:var(--display);color:var(--muted);border-radius:0;padding:4px 0;font-size:19px;font-weight:500}:root[data-ui=line] .tabs button[aria-selected=true]{box-shadow:none;color:var(--brown);text-underline-offset:7px;background:0 0;text-decoration:underline 1px}:root[data-ui=line] .seg{border:0;border-radius:0;gap:18px}:root[data-ui=line] .seg label{opacity:.55;border-bottom:1px solid #0000;padding:6px 0}:root[data-ui=line] .seg label:has(input:checked){color:var(--brown);opacity:1;border-bottom-color:var(--brown);background:0 0}:root[data-ui=line] .qty{border:0;border-bottom:1px solid var(--line-strong);border-radius:0}:root[data-ui=line] .drop .go{color:var(--brown);font-family:var(--display);text-underline-offset:5px;background:0 0;border-radius:0;padding:4px 0;font-size:17px;font-style:italic;text-decoration:underline}:root[data-ui=line] .stage :is(.badge,.hint){backdrop-filter:none;font-family:var(--display);color:var(--brown);background:0 0;border-radius:0;padding:0;font-size:15px;font-style:italic}:root[data-ui=stamp] .chip{border:3px double color-mix(in srgb, currentColor 55%, transparent);background:var(--card);font-family:var(--display);border-radius:0;padding:4px 10px;font-size:16px;font-style:italic}:root[data-ui=stamp] .chip i{display:none}:root[data-ui=stamp] :is(.btn-ghost,.pack-skip),:root[data-ui=stamp] .mini-cap button{border:3px double var(--brown);background:var(--card);font-family:var(--display);color:var(--brown);border-radius:0;padding:5px 14px;font-size:17px;font-style:italic;text-decoration:none}:root[data-ui=stamp] :is(.btn-ghost,.pack-skip):hover,:root[data-ui=stamp] .mini-cap button:hover{background:#f3e9dc}:root[data-ui=stamp] .mini-cap button{padding:3px 10px;font-size:15px}:root[data-ui=stamp] .tabs{border:1px solid var(--brown);background:0 0;border-radius:0;gap:0;padding:0}:root[data-ui=stamp] .tabs button{font-family:var(--display);color:var(--brown);border-radius:0;padding:7px 18px;font-size:18px;font-style:italic}:root[data-ui=stamp] .tabs button[aria-selected=true]{background:var(--brown);color:#fbf5ec;box-shadow:none}:root[data-ui=stamp] .seg{border:1px solid var(--brown);border-radius:0}:root[data-ui=stamp] .qty{border:3px double var(--line-strong);border-radius:0}:root[data-ui=stamp] .drop .go{box-shadow:inset 0 0 0 2px var(--brown), inset 0 0 0 3px #fbf5ec;font-family:var(--display);border-radius:0;font-size:16px;font-style:italic;font-weight:500}:root[data-ui=stamp] .stage :is(.badge,.hint){font-family:var(--display);border:1px solid #5b463659;border-radius:0;font-size:14px;font-style:italic}:root[data-ui=block] .chip{background:color-mix(in srgb, currentColor 13%, var(--card));border:0;border-radius:6px;padding:7px 12px;font-weight:500}:root[data-ui=block] :is(.btn-ghost,.pack-skip),:root[data-ui=block] .mini-cap button{color:var(--brown);background:#eadfd1;border:0;border-radius:6px;padding:9px 16px;font-size:13.5px;font-weight:500;text-decoration:none}:root[data-ui=block] :is(.btn-ghost,.pack-skip):hover,:root[data-ui=block] .mini-cap button:hover{background:#e0d2c1}:root[data-ui=block] .mini-cap button{padding:6px 12px;font-size:12.5px}:root[data-ui=block] .tabs{background:#eadfd1;border-radius:8px}:root[data-ui=block] .tabs button{border-radius:6px}:root[data-ui=block] .tabs button[aria-selected=true]{background:var(--brown);color:#fbf5ec;box-shadow:none}:root[data-ui=block] .seg{background:#eadfd1;border:0;border-radius:8px;gap:3px;padding:3px}:root[data-ui=block] .seg label{border-radius:6px}:root[data-ui=block] .qty{background:#eadfd1;border:0;border-radius:8px}:root[data-ui=block] .drop .go,:root[data-ui=block] .stage :is(.badge,.hint){border-radius:6px}.uip{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;color:#f6ede2;width:min(300px,100vw - 32px);font-family:var(--sans);background:#2f241c;border-radius:10px;gap:9px;padding:12px;display:grid;position:fixed;box-shadow:0 12px 32px #28190f4d}.uip-h{letter-spacing:.1em;text-transform:uppercase;color:#cdb9a3;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.uip-h button{color:#cdb9a3;cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.uip-opts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.uip-opts button{color:#f6ede2;text-align:left;cursor:pointer;background:0 0;border:1px solid #5a4739;border-radius:6px;gap:1px;padding:8px;display:grid}.uip-opts button b{font-size:13px;font-weight:600}.uip-opts button span{color:#b8a38e;font-size:11px}.uip-opts button[aria-pressed=true]{color:#2f241c;background:#f6ede2;border-color:#f6ede2}.uip-opts button[aria-pressed=true] span{color:#6d5a4b}.uip-foot{color:#b8a38e;margin:0;font-size:11px}.uip-min{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;color:#f6ede2;cursor:pointer;background:#2f241c;border:0;border-radius:8px;padding:8px 12px;font-size:12.5px;position:fixed;box-shadow:0 8px 20px #28190f4d}.engr-view{background:linear-gradient(118deg,#0000 35%,#fffaf080 40% 50%,#0000 55%),linear-gradient(#ece0d3,#e2d3c2);border-radius:6px;position:relative;overflow:hidden}.engr-view canvas{aspect-ratio:4/3;width:100%;display:block}.engr-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.engr-add{flex-wrap:wrap;gap:6px;display:flex;position:relative}.engr-add .btn-ghost{font-size:12.5px}.emoji-pop{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(6,40px);gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #3c281429}.emoji-pop button{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;font-family:"Source Serif 4",Georgia,serif;font-size:22px;line-height:1}.emoji-pop button:hover,.emoji-pop button:focus-visible{background:#eadfd1}.engr-row .count{justify-self:auto}.pview{color:#fbf5ec;background:#241b15;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.pview:not([open]){display:none}.pview::backdrop{background:#1e1610eb}@media (width>=48rem){.pview{border-radius:12px;width:min(92vw,60rem);height:min(88vh,54rem);margin:auto;box-shadow:0 30px 80px #00000073}.pview::backdrop{background:#1e1610b8}}.pview-in{flex-direction:column;height:100%;display:flex}.pview-h,.pview-f{border-color:#fbf5ec1f;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.pview-h{padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid #fbf5ec1f;justify-content:space-between}.pview-f{padding-bottom:max(10px, env(safe-area-inset-bottom));border-top:1px solid #fbf5ec1f;justify-content:center}.pview-f[hidden]{display:none}.pview-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.pview-name b{font-family:var(--display);font-size:22px;font-weight:600}.pview-name span{color:#d9c8b6;margin-left:10px;font-size:14px}.pview-x,.pview-step{color:#fbf5ec;cursor:pointer;background:0 0;border:1px solid #fbf5ec47;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.pview-x:hover,.pview-step:hover:not(:disabled){border-color:#fbf5ec99}.pview-step:disabled{opacity:.3;cursor:default}.pview-x:focus-visible,.pview-step:focus-visible,.pview-dot:focus-visible{outline-offset:2px;outline:2px solid #fbf5ec}.pview-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow-x:auto}.pview-track::-webkit-scrollbar{display:none}.pview-slide{box-sizing:border-box;scroll-snap-align:center;flex:0 0 100%;height:100%;padding:12px}.pview-slide img{object-fit:contain;width:100%;height:100%;display:block}.pview-dots{gap:6px;display:flex}.pview-dot{cursor:pointer;background:#fbf5ec59;border:0;border-radius:999px;width:8px;height:8px;padding:0}.pview-dot[aria-current=true]{background:#fbf5ec}.pack{z-index:100;background:linear-gradient(118deg,#0000 30%,#fffaf080 36% 44%,#0000 50%),linear-gradient(118deg,#0000 54%,#fffaf059 58% 64%,#0000 68%),linear-gradient(#eadfd1 0%,#e6d8c7 70%,#dccbb7 100%);flex-direction:column;display:none;position:fixed;inset:0;overflow-y:auto}.pack.on{animation:.35s ease-out packIn;display:flex}@keyframes packIn{0%{opacity:0}to{opacity:1}}.pack-stage{flex-direction:column;flex:1 0 62vh;min-height:0;transition:flex-basis .9s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}.pack-stage canvas{flex:1;width:100%;min-height:0;display:block}.pack.done .pack-stage{flex-basis:36vh}.pack-cap{margin:0 0 calc(26px + env(safe-area-inset-bottom,0px));text-align:center;font-family:var(--display);color:var(--brown);min-height:1.3em;font-size:clamp(20px,3vw,28px);font-weight:500}.pack.done .pack-cap{display:none}.pack-skip{top:calc(env(safe-area-inset-top,0px) + 14px);color:var(--brown);cursor:pointer;background:#fffbf599;border:1px solid #5b46364d;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;right:16px}.pack-details{width:min(520px,100% - 32px);margin:0 auto calc(32px + env(safe-area-inset-bottom,0px));background:var(--card);border:1px solid var(--line);border-radius:8px;gap:14px;padding:24px 24px 22px;animation:.7s cubic-bezier(.2,.7,.2,1) both pkRise;display:grid;box-shadow:0 20px 50px #5037232e}@keyframes pkRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.pk-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.pack-details h2{font-family:var(--display);color:var(--brown);font-size:32px;font-weight:600;line-height:1.05}.pk-ref{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--ink);font-size:15px;font-weight:600}.pk-ref span{color:var(--muted);letter-spacing:0;margin-right:6px;font-weight:400}.pack-details p{color:var(--ink);margin:0;font-size:15px}.pk-sum{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;gap:8px;padding-top:12px;font-size:15px;display:grid}.pk-sum div{justify-content:space-between;gap:14px;display:flex}.pk-sum div span:first-child{color:var(--muted)}.pk-sum div span:last-child{text-align:right;overflow-wrap:anywhere}.pk-sum .tot{border-top:1px solid var(--line);padding-top:8px;font-size:17px;font-weight:600}.pk-sum .tot span:first-child{color:var(--ink)}.pk-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.pk-actions .cta{flex:180px;width:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sizes .note{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;font-size:14px;display:flex}.sizes .note.bad{color:var(--err)}.turnstile{min-height:0}.turnstile:empty{display:none}.notfound{text-align:center;justify-items:center;gap:14px;padding-block:96px 120px;display:grid}.notfound h1{font-family:var(--display);color:var(--brown);font-size:clamp(40px,6.4vw,72px);font-weight:600;line-height:1}.notfound p{color:var(--muted);margin:0}.notfound .cta{width:auto;text-decoration:none;display:inline-block}.pay{gap:10px;font-size:14px;display:grid}.accts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.acct{border:1px solid var(--line-strong);color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.acct b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:500;display:block}.acct small{color:var(--muted);font-size:12.5px}.acct .cp{color:var(--brown);font-size:13px;font-weight:500}.slip-ic{background:var(--stone) center/cover no-repeat;width:52px;height:52px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.slip-ic.has{color:#0000}.drop[aria-invalid=true]{border-color:var(--err)}.acct[hidden]{display:none}.sum .seg label{padding:4px 14px}.seg label:has(input:disabled){opacity:.45;cursor:not-allowed}.size .pview-open{width:28px;height:28px;color:var(--brown);cursor:zoom-in;background:#fffbf5e0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 1px 4px #2f241c2e}.size .pview-open:hover{background:#fffbf5}.size .pview-open:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.size .pview-open:before{content:"";position:absolute;inset:-8px}html{-webkit-tap-highlight-color:transparent}.size{transition:transform .12s,border-color .2s}.size:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){.size{transition:none}.size:active{transform:none}}
