.pp-stage{background:radial-gradient(120% 90% at 50% 0%, var(--pp-glow,#eef1f7) 0%, #f6f3ee 70%);transition:background .4s}.pp-views{scrollbar-width:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:0 1px 2px #1111110f,0 0 0 1px #1111110f}.pp-views button{white-space:nowrap;color:var(--color-ink-soft);border-radius:999px;padding:.4rem .8rem;font-size:13px;font-weight:500}.pp-views button[aria-selected=true]{background:var(--color-ink);color:#fff}.pp-scene{perspective:2400px}.pp-scene[hidden],.pp-flat[hidden]{display:none}.pp-book{width:var(--pw,300px);aspect-ratio:5/7;transform-style:preserve-3d;transform:translateX(0) scale(var(--closed-scale,1));transition:transform 1s cubic-bezier(.22,.75,.2,1);position:relative}.pp-book.is-open{transform:translate(50%)scale(1)}.pp-base,.pp-face{border-radius:3px 12px 12px 3px;position:absolute;inset:0;overflow:hidden}.pp-base{box-shadow:0 2px 4px #1111111f,0 40px 70px -30px #1111118c}.pp-cover{transform-origin:0;transform-style:preserve-3d;z-index:2;transition:transform 1.15s cubic-bezier(.22,.75,.2,1);position:absolute;inset:0}.pp-book.is-open .pp-cover{transform:rotateY(-180deg)}.pp-face{backface-visibility:hidden}.pp-front{box-shadow:0 2px 4px #1111111f,0 40px 70px -30px #1111118c}.pp-front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff29 0%,#0000 30% 70%,#0000001a 100%);position:absolute;inset:0}.pp-back{border-radius:12px 3px 3px 12px;transform:rotateY(180deg)}.pp-front canvas{width:100%;height:100%;display:block}.pp-page{border-radius:2px;width:97.5%;position:absolute;top:1.8%;bottom:1.8%;overflow:hidden;box-shadow:0 0 0 1px #0000000d}.pp-right{border-radius:0 6px 6px 0;left:0}.pp-left{border-radius:6px 0 0 6px;right:0}.pp-page canvas{width:100%;height:100%;display:block}.pp-right:before,.pp-left:after{content:"";pointer-events:none;z-index:1;width:7%;position:absolute;top:0;bottom:0}.pp-right:before{background:linear-gradient(90deg,#00000024,#0000);left:0}.pp-left:after{background:linear-gradient(270deg,#00000024,#0000);right:0}.pp-flat canvas{border-radius:6px;max-width:100%;height:auto;transition:transform .4s;display:block;transform:rotate(-1.2deg);box-shadow:0 2px 4px #1111111a,0 40px 70px -30px #11111180}.pp-flat canvas:hover{transform:rotate(0)scale(1.01)}.pp-scene-wrap canvas{border-radius:18px;transform:none}.pp-scene-wrap canvas:hover{transform:none}.pp-open{background:var(--color-ink);color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-size:14px;font-weight:500;box-shadow:0 10px 24px -12px #1119}.pp-open[hidden]{display:none}.pp-label{color:var(--color-ink-soft);margin-bottom:.35rem;font-size:13px;font-weight:500;display:block}.pp-tabs{gap:2px;display:flex}.pp-tabs [role=tab]{white-space:nowrap;color:var(--color-ink-soft);border-radius:999px;flex:1;padding:.5rem .75rem;font-size:14px;font-weight:500}.pp-tabs [role=tab][aria-selected=true]{background:var(--color-ink);color:#fff}.pp-tabs [role=tab]:not([aria-selected=true]):hover{background:var(--color-cream);color:var(--color-ink)}.pp-seg{background:var(--color-cream);border-radius:14px;gap:4px;padding:4px;display:grid}.pp-seg>button{color:var(--color-ink-soft);border-radius:10px;justify-content:center;align-items:center;padding:.5rem .25rem;font-size:13.5px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex}.pp-seg>button:hover{color:var(--color-ink)}.pp-seg>button[aria-checked=true]{color:var(--color-ink);background:#fff;box-shadow:0 1px 2px #1111111a,0 0 0 1px #1111110f}.pp-swatch{border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:14px;flex-direction:column;align-items:center;gap:.35rem;padding:.55rem .15rem;transition:border-color .15s,box-shadow .15s;display:flex}.pp-swatch:hover{border-color:#bdb6aa}.pp-swatch[aria-checked=true]{border-color:var(--color-ink);color:var(--color-ink);box-shadow:0 0 0 3px #c5a8804d}.pp-swatch-book{border-radius:2px 5px 5px 2px;width:1.7rem;height:2.3rem;box-shadow:inset 2px 0 #0000001f,0 1px 2px #00000026}.pp-color{cursor:pointer;border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:12px;align-items:center;gap:.6rem;padding:.45rem .6rem;font-size:12.5px;display:flex}.pp-color input{cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;width:2rem;height:2rem;padding:0}.pp-color input::-webkit-color-swatch-wrapper{padding:0}.pp-color input::-webkit-color-swatch{border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #11111126}.pp-color input::-moz-color-swatch{border:0;border-radius:999px}.pp-color[data-custom]{border-color:var(--color-ink)}.pp-chip{border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:999px;padding:.3rem .75rem;font-size:13px}.pp-chip:hover,.pp-chip[aria-pressed=true]{border-color:var(--color-ink);color:var(--color-ink)}.pp-chip[aria-pressed=true]{background:var(--color-cream)}.pp-ghost{border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:12px;padding:0 .9rem;font-size:13.5px}.pp-ghost:hover{border-color:var(--color-ink);color:var(--color-ink)}.pp-more summary{cursor:pointer;font-size:13.5px;font-weight:500}.pp-switch{cursor:pointer;color:var(--color-ink);align-items:center;gap:.55rem;font-size:13.5px;font-weight:500;display:inline-flex}.pp-switch input{opacity:0;width:1px;height:1px;position:absolute}.pp-switch span{background:#d9d3c8;border-radius:999px;flex-shrink:0;width:2.2rem;height:1.3rem;transition:background .15s;position:relative}.pp-switch span:after{content:"";background:#fff;border-radius:999px;width:.9rem;height:.9rem;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.pp-switch input:checked+span{background:var(--color-ink)}.pp-switch input:checked+span:after{transform:translate(.9rem)}.pp-switch input:focus-visible+span{outline:2px solid var(--color-gold-deep);outline-offset:2px}.pp-results{z-index:30;border:1px solid var(--color-line);background:#fff;border-radius:14px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 20px 40px -20px #11111159}.pp-results li{cursor:pointer;padding:.55rem .85rem}.pp-results li b{font-size:14px;font-weight:500;display:block}.pp-results li small{color:var(--color-muted);font-size:12px;display:block}.pp-results li[aria-selected=true],.pp-results li:hover{background:var(--color-cream)}.pp-drop{cursor:pointer;text-align:center;color:var(--color-ink);border:1.5px dashed #cfc7b9;border-radius:20px;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem 1rem;transition:border-color .15s,background .15s;display:flex}.pp-drop:hover,.pp-drop.is-over{border-color:var(--color-ink);background:var(--color-cream)}.pp-paymark{border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:6px;padding:.15rem .45rem;font-size:11px;font-weight:600}.pp-dialog{border:1px solid var(--color-line);width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--color-ink);border-radius:28px;margin:auto;padding:0;box-shadow:0 40px 100px -30px #11111180}.pp-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11111173}@media (width>=1024px){.pp-buy{position:static}}@media (prefers-reduced-motion:reduce){.pp-book,.pp-cover,.pp-flat canvas{transition:none}}