/* START_SECTION:llm-order-guide (INDEX:27) */
.llm-order-guide{background:#ede1d8;border-top:1px solid #40263818;scroll-margin-top:65px}.llm-guide-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:end;margin-bottom:28px}.llm-guide-heading>p{font-size:14px;max-width:40ch;margin:0 0 28px;color:#795968}.llm-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative}.llm-guide-steps article{min-height:42vh;display:grid;grid-template-columns:37px 1fr;gap:24px;align-content:center;align-items:start;border-bottom:1px solid #40263825;padding:40px 0;position:relative;opacity:.82;transition:opacity .4s}.llm-guide-steps article[data-active=true]{opacity:1}.llm-guide-steps article:before{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#785565;transform:scaleX(0);transform-origin:left;transition:transform .6s}.llm-guide-steps article[data-active=true]:before{transform:scaleX(1)}.llm-guide-number{align-self:flex-start;margin-top:8px;flex-shrink:0;font-size:11px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #b69aa2;border-radius:50%;color:#785565}.llm-guide-steps h3{font-size:clamp(33px,3.7vw,49px);margin:0 0 20px}.llm-guide-steps article p{font-size:14px;line-height:1.9;max-width:38ch;margin:0}.llm-guide-steps .llm-link{margin-top:24px}.llm-guide-stage{position:sticky;top:100px;align-self:start;padding:30px 0;min-width:0}.llm-guide-preview{border:1px solid #40263822;border-radius:12px;background:#f5eee5;box-shadow:0 18px 38px #40263812;overflow:hidden;transform:translate3d(0,var(--guide-depth,0px),0)}.llm-guide-windowbar{height:59px;border-bottom:1px solid #40263820;display:flex;align-items:center;gap:12px;padding:0 22px;font-size:12px;color:#402638}.llm-guide-windowmark{font-size:25px;color:#986273}.llm-guide-progress{display:flex;gap:5px;margin-left:auto}.llm-guide-progress i{width:17px;height:3px;background:#d9c5c8;border-radius:3px;transition:background .4s}.llm-guide-progress i:first-child,[data-step='2'] .llm-guide-progress i:nth-child(2),[data-step='3'] .llm-guide-progress i{background:#785565}.llm-guide-canvas{height:clamp(270px,28vw,380px);position:relative;margin:0 10px;perspective:800px}.llm-guide-upload-icon{position:absolute;width:43px;height:43px;top:12%;left:calc(50% - 21px);color:#986273;transition:opacity .4s,transform .5s}.llm-guide-upload-icon svg{width:100%;height:100%}.llm-guide-photo{position:absolute;width:29%;aspect-ratio:1;left:35.5%;top:43%;filter:drop-shadow(3px 5px 4px #40263828);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .5s}.llm-guide-photo-1{transform:translateX(-105%) rotate(-6deg)}.llm-guide-photo-2{transform:translateY(-12%) rotate(2deg)}.llm-guide-photo-3{transform:translateX(105%) rotate(7deg)}[data-step='2'] .llm-guide-photo-1{transform:translateY(-32%) scale(1.65);z-index:2}[data-step='2'] .llm-guide-photo-2{transform:translate(-100%,10%) scale(.8) rotate(-10deg);opacity:.15}[data-step='2'] .llm-guide-photo-3{transform:translate(110%,10%) scale(.8) rotate(10deg);opacity:.15}[data-step='2'] .llm-guide-upload-icon,[data-step='3'] .llm-guide-upload-icon{opacity:0;transform:translateY(-10px)}.llm-guide-crop-frame{position:absolute;left:24%;top:50%;width:52%;aspect-ratio:1;border:1px solid #78556565;opacity:0;transform:translateY(-50%) scale(.95);transition:opacity .5s,transform .6s;z-index:4}.llm-guide-crop-frame i{position:absolute;width:19px;height:19px;border-color:#402638;border-style:solid;border-width:0}.llm-guide-crop-frame i:nth-child(1){left:-3px;top:-3px;border-left-width:2px;border-top-width:2px}.llm-guide-crop-frame i:nth-child(2){right:-3px;top:-3px;border-right-width:2px;border-top-width:2px}.llm-guide-crop-frame i:nth-child(3){left:-3px;bottom:-3px;border-left-width:2px;border-bottom-width:2px}.llm-guide-crop-frame i:nth-child(4){right:-3px;bottom:-3px;border-right-width:2px;border-bottom-width:2px}.llm-guide-crop-frame span{position:absolute;inset:5%;border:1px dashed #f5eee5cc}[data-step='2']:not([data-flow='ready']) .llm-guide-crop-frame{opacity:1;transform:translateY(-50%) scale(1)}[data-step='3'] .llm-guide-photo-1{transform:translate(-80%,-30%) scale(.85) rotate(-3deg)}[data-step='3'] .llm-guide-photo-2{transform:translate(0,-30%) scale(.85) rotate(0)}[data-step='3'] .llm-guide-photo-3{transform:translate(80%,-30%) scale(.85) rotate(3deg)}.llm-guide-confirm{position:absolute;width:48px;height:48px;left:calc(50% - 24px);bottom:4%;color:#986273;opacity:0;transform:translateY(12px) scale(.9);transition:transform .5s,opacity .5s}.llm-guide-confirm svg{width:100%;height:100%}[data-step='3'] .llm-guide-confirm{opacity:1;transform:none}.llm-guide-demo-labels{position:relative;height:64px;border-top:1px solid #40263818;margin:0 22px;color:#785565}.llm-guide-demo-labels span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:12px;opacity:0;transition:opacity .3s}.llm-guide-demo-labels [data-demo-label='1'],[data-step='2'] [data-demo-label='2'],[data-step='3'] [data-demo-label='3']{opacity:1}[data-step='2'] [data-demo-label='1'],[data-step='3'] [data-demo-label='1']{opacity:0}.llm-guide-example{font-size:10px;text-align:center;color:#795968;margin:17px auto 0;max-width:42ch}.llm-guide-product-photo{position:absolute;inset:12% 20%;transition:transform .6s}.llm-guide-product-photo img{width:100%;height:100%;object-fit:contain}.llm-guide-puzzle-grid span{inset:0;border:0;background:linear-gradient(90deg,transparent 32.8%,#fff 33%,#fff 33.4%,transparent 33.6%,transparent 66.2%,#fff 66.4%,#fff 66.8%,transparent 67%),linear-gradient(transparent 32.8%,#fff 33%,#fff 33.4%,transparent 33.6%,transparent 66.2%,#fff 66.4%,#fff 66.8%,transparent 67%)}[data-flow='ready'][data-step='2'] .llm-guide-product-photo{transform:scale(1.07)}[data-step='3'] .llm-guide-product-photo{transform:translateY(-16px) scale(.88)}
@media(max-width:749px){.llm-guide-heading{grid-template-columns:1fr;gap:0;margin-bottom:0}.llm-guide-heading>p{font-size:13px;margin-bottom:20px}.llm-guide-grid{grid-template-columns:1fr;gap:0}.llm-guide-stage{position:sticky;top:35px;grid-row:1;padding:12px 0 20px;z-index:2;background:#ede1d8}.llm-guide-windowbar{height:39px;font-size:10px;padding:0 15px}.llm-guide-canvas{height:clamp(180px,48vw,230px)}.llm-guide-demo-labels{height:40px}.llm-guide-demo-labels span{font-size:10px}.llm-guide-example{font-size:9px;margin-top:10px}.llm-guide-steps article{min-height:45vh;grid-template-columns:30px 1fr;gap:15px;padding:28px 0;align-items:center}.llm-guide-number{width:30px;height:30px;font-size:10px}.llm-guide-steps h3{font-size:33px;margin-bottom:13px}.llm-guide-steps article p{font-size:13px}.llm-guide-upload-icon{width:31px;height:31px;left:calc(50% - 15px)}.llm-guide-confirm{width:32px;height:32px;left:calc(50% - 16px)}.llm-guide-photo{width:24%;left:38%}.llm-guide-crop-frame{left:27%;width:46%}.llm-guide-preview{transform:none}}
@media(prefers-reduced-motion:reduce){.llm-guide-stage{position:relative;top:0}.llm-guide-preview{transform:none}.llm-guide-steps article{min-height:0;opacity:1}.llm-guide-photo,.llm-guide-crop-frame,.llm-guide-confirm,.llm-guide-product-photo{transition:none}}
.llm-guide-example-photo{display:block;position:absolute;inset:0;overflow:hidden;border-radius:2px}.llm-guide-example-photo img{position:absolute;top:0;left:0;width:300%;max-width:none;height:100%;object-fit:fill}.llm-guide-photo-2 .llm-guide-example-photo img{left:-100%}.llm-guide-photo-3 .llm-guide-example-photo img{left:-200%}
/* END_SECTION:llm-order-guide */
