.pcs{--pcs-coral:#ff4c3c;--pcs-cream:#fffaf4;--pcs-paper:#f6ece0;gap:14px;display:grid}.pcs-stage{justify-content:center;padding:8px 0 18px;display:flex;position:relative}.pcs-frame{aspect-ratio:var(--pcs-ratio,1 / 1);background:var(--pcs-paper);border-radius:12px;max-width:100%;height:min(300px,46vh);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 18px 30px -18px #5c341259}.pcs-reference,.pcs-output{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pcs-reference{opacity:.55;filter:saturate(.6)}.pcs-output{object-fit:contain;background:var(--pcs-paper)}.pcs-sheet{background:linear-gradient(135deg, #fffdf8 0%, var(--pcs-cream) 55%, #f8eadb 100%);opacity:.74;transform-origin:0 100%;position:absolute;inset:0;overflow:hidden}.pcs-grain{opacity:.5;background:url(/images/picunfold/selected-cream/paper-grain.svg);position:absolute;inset:0}.pcs-sheet:after{content:"";background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:45%;animation:2.8s ease-in-out infinite pcs-sweep;position:absolute;inset:-20% auto -20% -60%;transform:translate(0)skew(-12deg)}.pcs-corner{aspect-ratio:1;transform-origin:100% 0;background:linear-gradient(225deg,#0000 50%,#f1d9c4 50%,#fff3e6 72%,#e8c3a4 100%);width:34%;animation:2.4s cubic-bezier(.45,0,.3,1) infinite pcs-lift;position:absolute;top:0;right:0;box-shadow:-6px 8px 14px -6px #5c34124d}.pcs-friend{pointer-events:none;width:88px;position:absolute;bottom:0;left:calc(50% - min(150px,23vh) - 70px)}.pcs-friend img{transform-origin:50% 100%;filter:drop-shadow(0 6px 6px #a334212e);width:64px;height:64px;margin-left:4px;animation:1.2s cubic-bezier(.3,0,.3,1) infinite pcs-hop;display:block;position:relative}.pcs-shadow{background:#5c341229;border-radius:50%;width:44px;height:7px;margin:2px 0 0 14px;animation:1.2s cubic-bezier(.3,0,.3,1) infinite pcs-shadow;display:block}.pcs-thread{width:140px;height:92px;position:absolute;bottom:40px;left:46px;overflow:visible}.pcs-thread path{fill:none;stroke:var(--pcs-coral);stroke-width:2px;stroke-linecap:round;stroke-dasharray:4 7;animation:.9s linear infinite pcs-thread}@media (width<=520px){.pcs-friend{left:0}.pcs-thread{display:none}}.pcs-caption{text-align:center;gap:6px;display:grid}.pcs-line{color:#1a1412;font-size:15px;font-weight:600;animation:.42s cubic-bezier(.2,.7,.2,1) both pcs-line-in}.pcs-meta{color:#7a6d63;font-size:12.5px}.pcs-meta span{font-variant-numeric:tabular-nums;color:#b0402f;margin-right:8px}.pcs-progress{background:#f0e2d4;border-radius:3px;width:min(260px,80%);height:3px;margin:6px auto 0;display:block;position:relative;overflow:hidden}.pcs-progress i{background:var(--pcs-coral);width:35%;animation:2.4s ease-in-out infinite pcs-progress-loop;position:absolute;inset:0 auto 0 0;transform:translate(-110%)}.pcs[data-phase=saving] .pcs-progress i{animation-duration:1.4s}.pcs[data-revealed] .pcs-sheet{animation:.9s cubic-bezier(.5,0,.2,1) forwards pcs-peel}.pcs[data-revealed] .pcs-sheet:after,.pcs[data-revealed] .pcs-corner{animation:none}@keyframes pcs-sweep{to{transform:translate(420%)skew(-12deg)}}@keyframes pcs-lift{0%,to{transform:scale(.55)}55%{transform:scale(1)}}@keyframes pcs-hop{0%,to{transform:translateY(0)scale(1.04,.94)rotate(-2deg)}15%{transform:translateY(0)scale(.96,1.05)rotate(0)}45%{transform:translateY(-14px)scale(1)rotate(4deg)}75%{transform:translateY(0)scale(1.05,.93)rotate(-1deg)}}@keyframes pcs-shadow{0%,to,75%{opacity:1;transform:scaleX(1)}45%{opacity:.5;transform:scaleX(.6)}}@keyframes pcs-thread{to{stroke-dashoffset:-11px}}@keyframes pcs-line-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pcs-progress-loop{to{transform:translate(390%)}}@keyframes pcs-peel{to{opacity:0;transform:translate(70%,-70%)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.pcs *,.pcs :after{animation:none!important}.pcs[data-revealed] .pcs-sheet{opacity:0}.pcs-progress i{opacity:.5;transform:none}}