.immersive-builder{background:radial-gradient(ellipse at 50% 43%,#fffaf3 0%,#f4eadd 60%,#eee0d0 100%);color:var(--wine);padding:26px 5% 0;min-height:calc(100svh - 143px)}.config-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.config-heading h1{font-size:32px;letter-spacing:-.03em;margin:0}.config-heading>span,.back-link{font-size:12px;letter-spacing:.03em}.config-steps{display:flex;justify-content:center;gap:35px;margin:25px auto 0}.config-steps button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;font-size:14px;color:#92777a}.config-steps button.active{border-color:var(--wine);color:var(--wine)}.config-steps button span{font-size:10px;margin-right:6px;opacity:.65}.cookie-stage{height:clamp(260px,38vh,440px);position:relative;display:flex;align-items:center;justify-content:center}.stage-caption{position:absolute;top:18px;text-align:center;z-index:2}.stage-caption .eyebrow{font-size:10px;letter-spacing:.2em}.cookie-art{position:relative;height:100%;aspect-ratio:1;max-width:75%;filter:drop-shadow(0 22px 22px #47231622);isolation:isolate}.cookie-layer{position:absolute;inset:0;background-repeat:no-repeat;background-position:var(--position) center;transition:opacity .25s;background-size:300% 100%;pointer-events:none}.dough-layer{background-image:url('/assets/dough-sprite.png');z-index:0}.filling-layer{background-image:url('/assets/filling-sprite.png');z-index:1}.topping-layer{background-image:url('/assets/topping-sprite.png');background-size:400% 100%;z-index:2}.cycle-arrow{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;background:transparent;border:1px solid #bba5a2;border-radius:50%;font-size:24px;color:var(--wine);transition:background .2s,transform .2s;z-index:3}.cycle-arrow:hover{background:var(--paper);transform:translateY(-50%) scale(1.05)}.cycle-arrow.previous{left:16%}.cycle-arrow.next{right:16%}.visual-note{position:absolute;bottom:0;font-size:10px;color:#8a7475;letter-spacing:.04em}.choice-info{text-align:center;min-height:118px;padding:16px 0 14px}.choice-info h2{font-size:34px;line-height:1.15;margin:0 0 8px}.choice-info p{font-size:13px;line-height:1.5;margin:0 0 10px;color:var(--muted)}.choice-count{font-size:11px;letter-spacing:.15em}.choice-count span{color:#a18b8a}.config-bottom{border-top:1px solid #cfbcb180;max-width:1050px;margin:auto;padding:0 0 20px}.recipe-strip{display:flex;gap:12px;justify-content:center;font-size:12px;padding:15px 0;color:#826569;flex-wrap:wrap}.recipe-strip span+span:before{content:'·';margin-right:12px}.config-purchase{display:flex;align-items:center;justify-content:space-between;gap:25px}.config-purchase strong{font-family:Georgia,serif;font-size:29px;display:block;font-weight:400}.config-actions{display:flex;align-items:center;gap:22px}.config-actions .button{min-width:205px}.config-actions .back{color:var(--wine)}@media(min-width:1100px){.cookie-art{height:115%}.cookie-stage{margin-top:16px}.stage-caption{top:0}}@media(max-width:580px){.immersive-builder{padding:20px 5% 0;min-height:auto}.config-heading h1{font-size:27px}.config-heading .back-link{display:none}.config-heading>span{font-size:11px}.config-steps{gap:0;justify-content:space-between;margin-top:18px}.config-steps button{font-size:12px;padding:12px 5px}.config-steps button span{display:none}.cookie-stage{height:310px}.cookie-art{height:300px;max-width:85%}.cycle-arrow{width:40px;height:40px;font-size:21px}.cycle-arrow.previous{left:0}.cycle-arrow.next{right:0}.stage-caption{top:16px}.choice-info{min-height:118px;padding:18px 0}.choice-info h2{font-size:29px}.choice-info p{font-size:12px;max-width:310px;margin:0 auto 10px}.recipe-strip{font-size:11px;gap:6px;padding:14px 0}.recipe-strip span+span:before{margin-right:6px}.config-purchase{gap:15px}.config-purchase strong{font-size:27px}.config-actions{gap:12px;flex-wrap:wrap;justify-content:end}.config-actions .button{min-width:0;font-size:12px;padding:15px 17px;gap:15px}.config-actions .back{font-size:12px}.config-purchase .micro{font-size:11px}.visual-note{font-size:9px}}
.filling-layer{inset:22%;}.topping-layer{left:12.5%;right:12.5%;}
.cookie-art{height:88%;}.filling-layer{inset:22%;}.topping-layer{left:12.5%;right:12.5%;}.stage-caption{top:4px}.visual-note{bottom:2px}@media(max-width:580px){.cookie-art{height:84%;}.stage-caption{top:12px}}