.option-guide{position:relative;display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.5fr);align-items:center;gap:12px;margin-top:12px;padding:14px 14px 42px;border:1px solid #c9a66355;border-radius:12px;background:#181713;color:#eee6d8}.option-guide svg{width:100%;max-width:280px}.option-guide text{fill:#c9a663;font:bold 13px sans-serif;letter-spacing:2px}.option-guide .sheet{fill:#29261f;stroke:#c9a663;stroke-width:2}.option-guide .ink{stroke:#c9a66380;stroke-width:3}.option-guide strong{font-size:14px;color:#e8c88b}.option-guide p{font-size:13px;line-height:1.65;margin:5px 0}.option-guide small{font-size:11px;color:#b8afa0}.option-guide .mark,.option-guide .shape,.option-guide .holes,.option-guide .ropes,.option-guide .poles,.option-guide .layer,.option-guide .head,.option-guide .check{display:none;fill:none;stroke:#eccb8a;stroke-width:2}.option-guide[data-kind=cut] .mark,.option-guide[data-kind=stitch] .mark,.option-guide[data-kind=shape] .shape{display:block;stroke-dasharray:6 5;animation:guideTrace 3s linear infinite}.option-guide[data-kind=eyelet] .holes,.option-guide[data-kind=hole] .holes,.option-guide[data-kind=rope] .holes{display:block;animation:guideReveal 3s ease infinite}.option-guide[data-kind=rope] .ropes{display:block;stroke-dasharray:50;animation:guideDraw 3s ease infinite}.option-guide[data-kind=pole] .poles{display:block;stroke-width:7;animation:guideReveal 3s ease infinite}.option-guide[data-kind=layer] .layer{display:block;fill:#f9e2b522;animation:guideLayer 3s ease infinite}.option-guide[data-kind=print] .head{display:block;stroke-width:7;animation:guidePrint 3s ease infinite}.option-guide[data-kind=design] .check{display:block;stroke-width:5;animation:guideReveal 3s ease infinite}.option-guide>button{position:absolute;right:12px;bottom:8px;padding:3px 8px!important;background:transparent!important;border:1px solid #b8a17a!important;color:#d9c59f!important;font-size:11px!important}.option-guide.paused svg *{animation-play-state:paused!important}@keyframes guideTrace{to{stroke-dashoffset:-44}}@keyframes guideReveal{0%,15%{opacity:.2}60%,100%{opacity:1}}@keyframes guideDraw{0%,15%{stroke-dashoffset:50}65%,100%{stroke-dashoffset:0}}@keyframes guideLayer{0%,15%{transform:translateY(-14px);opacity:.2}65%,100%{transform:translateY(0);opacity:1}}@keyframes guidePrint{0%,10%{transform:translateX(0)}80%,100%{transform:translateX(185px)}}@media(max-width:480px){.option-guide{grid-template-columns:1fr}.option-guide svg{max-width:210px;margin:auto}.cart-row{flex-wrap:wrap}.option-buttons label{max-width:100%}}@media(prefers-reduced-motion:reduce){.option-guide svg *{animation:none!important}.option-guide>button{display:none}}
.option-guide .fold-panels,.option-guide .crease-lines{display:none}
.option-guide[data-kind=crease] .crease-lines,.option-guide[data-kind=fold] .crease-lines{display:block;fill:none;stroke:#ffe1a1;stroke-width:2;stroke-dasharray:5 4;animation:guideTrace 3s linear infinite}
.option-guide[data-kind=fold] .fold-panels{display:block;transform-origin:140px 65px;animation:guideFold 4s ease-in-out infinite}
.option-guide[data-kind=fold] .sheet,.option-guide[data-kind=fold] .ink,.option-guide[data-kind=fold] text{opacity:.15}
.option-guide[data-kind=fold] .crease-lines{animation:guideFold 4s ease-in-out infinite;transform-origin:140px 65px}
@keyframes guideFold{0%,20%,100%{transform:scaleX(1)}60%,75%{transform:scaleX(.45)}}