.pbl-root{--pbl-paper:#fbf8f0;--pbl-paper-soft:#f6efdf;--pbl-paper-deep:#efe7d4;--pbl-ink:#1d3b2e;--pbl-ink-soft:#415147;--pbl-ink-faint:#5d6f63;--pbl-forest:#2f5d46;--pbl-forest-deep:#234534;--pbl-apricot:#e8946a;--pbl-apricot-deep:#99512f;--pbl-rule:#1d3b2e29;--pbl-rule-strong:#1d3b2e61;--pbl-font-display:"Songti SC", "STSong", "Source Han Serif SC", "Noto Serif CJK SC", "SimSun", Georgia, serif;background:var(--pbl-paper);color:var(--pbl-ink);-webkit-font-smoothing:antialiased;margin-inline:-1rem;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.75}.pbl-root *{box-sizing:border-box}.pbl-root :focus-visible{outline:2px solid var(--pbl-apricot-deep);outline-offset:3px}.pbl-section{width:100%;max-width:46rem;margin-inline:auto;padding-inline:1.25rem}.pbl-display{font-family:var(--pbl-font-display);letter-spacing:-.01em;font-weight:600}.pbl-hero{border-bottom:1px solid var(--pbl-rule);background-image:repeating-linear-gradient(90deg,#2f5d460d 0 1px,#0000 1px 28px),repeating-linear-gradient(#2f5d460d 0 1px,#0000 1px 28px);padding-block:.75rem 1.75rem}.pbl-back-link{margin:.35rem 0 .75rem;font-size:.82rem}.pbl-back-link a{color:var(--pbl-forest);text-underline-offset:4px}.pbl-kicker{letter-spacing:.18em;color:var(--pbl-ink-soft);align-items:center;gap:.6rem;margin:0;font-size:.72rem;display:flex}.pbl-kicker:after{content:"";background:var(--pbl-rule);flex:1;height:1px}.pbl-kicker b{font-family:var(--pbl-font-display);letter-spacing:.14em;color:var(--pbl-apricot-deep);font-weight:600}.pbl-hero h1{font-family:var(--pbl-font-display);color:#234534;text-wrap:pretty;margin:.9rem 0 0;font-size:clamp(1.7rem,6.4vw,2.5rem);line-height:1.3}.pbl-sub{max-width:30rem;color:var(--pbl-ink-soft);margin:.7rem 0 0;font-size:.95rem;line-height:1.7}.pbl-hero-figure{border:1px solid var(--pbl-rule-strong);background:var(--pbl-paper-deep);margin:1.1rem 0 0;position:relative;box-shadow:0 16px 36px -30px #1d3b2ea6}.pbl-hero-figure img{width:100%;height:auto;display:block}.pbl-sample-chip{letter-spacing:.1em;color:var(--pbl-ink);background:#fbf8f0eb;border:1px solid #1d3b2e8c;padding:.15rem .55rem;font-size:.72rem;position:absolute;top:.6rem;left:.6rem}.pbl-hero-figure figcaption{border-top:1px solid var(--pbl-rule);color:var(--pbl-ink-faint);background:var(--pbl-paper-soft);padding:.5rem .75rem .6rem;font-size:.72rem;line-height:1.6}.pbl-redeem-wrap{margin-top:1.1rem}.pbl-trust{color:var(--pbl-ink-soft);align-items:baseline;gap:.45rem;margin:.65rem 0 0;font-size:.78rem;display:flex}.pbl-trust:before{content:"";background:var(--pbl-forest);width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--pbl-paper);border-radius:50%;flex:none;align-self:center}@media (min-width:900px){.pbl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:1.75rem;display:grid}.pbl-hero-copy{position:sticky;top:1rem}.pbl-hero-figure{margin-top:1.65rem}.pbl-redeem-wrap{margin-top:1.25rem}}.pbl-stats{color:#f3ecdd;background:#234534}.pbl-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:1.4rem;display:grid}.pbl-stat{border-left:1px solid #f3ecdd40;flex-direction:column;min-width:0;padding-inline:.9rem;display:flex}.pbl-stat:first-child{border-left:0;padding-left:0}.pbl-stat-dots{order:0;gap:4px;margin-bottom:.45rem;display:flex}.pbl-stat-dots i{border-radius:50%;width:9px;height:9px}.pbl-stat dt{letter-spacing:.06em;color:#f3ecddd1;order:2;margin-top:.2rem;font-size:.76rem}.pbl-stat dd{font-family:var(--pbl-font-display);color:#fbf8f0;order:1;margin:0;font-size:clamp(1.35rem,5vw,1.9rem);line-height:1.2}.pbl-steps{border-bottom:1px solid var(--pbl-rule);padding-block:2.25rem 2rem}.pbl-steps-head{align-items:baseline;gap:.8rem;display:flex}.pbl-steps-head h2{color:#234534;margin:0;font-size:clamp(1.25rem,4.4vw,1.55rem)}.pbl-steps-head p{color:var(--pbl-ink-faint);margin:0;font-size:.82rem}.pbl-steps-list{gap:1.1rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.pbl-step{border:1px solid var(--pbl-rule);background:var(--pbl-paper);gap:.65rem;padding:1rem 1rem 1.1rem;display:grid}.pbl-step-no{font-family:var(--pbl-font-display);letter-spacing:.14em;color:var(--pbl-apricot-deep);margin:0;font-size:.8rem}.pbl-step h3{color:#234534;margin:.1rem 0 0;font-size:1.05rem}.pbl-step p{color:var(--pbl-ink-soft);margin:.3rem 0 0;font-size:.86rem;line-height:1.65}.pbl-step-visual{border:1px solid var(--pbl-rule);background:var(--pbl-paper-soft);flex-direction:column;justify-content:center;gap:.7rem;min-height:118px;margin-top:.45rem;padding:.85rem;display:flex}.pbl-photo-mock{border:1px solid var(--pbl-rule-strong);background:linear-gradient(135deg, #febe7d8c, #e8946a80), var(--pbl-paper-soft);height:96px;position:relative}.pbl-photo-mock:before{content:"";border:1px dashed #1d3b2e99;position:absolute;inset:18px 14%}.pbl-photo-mock:after{content:"";background:linear-gradient(90deg,#0000 calc(33.3% - 1px),#1d3b2e47 calc(33.3% - 1px) 33.3%,#0000 33.3% calc(66.6% - 1px),#1d3b2e47 calc(66.6% - 1px) 66.6%,#0000 0),linear-gradient(#0000 calc(33.3% - 1px),#1d3b2e47 calc(33.3% - 1px) 33.3%,#0000 33.3% calc(66.6% - 1px),#1d3b2e47 calc(66.6% - 1px) 66.6%,#0000 0);position:absolute;inset:18px 14%}.pbl-photo-corner{border:2px solid var(--pbl-forest);width:12px;height:12px;position:absolute}.pbl-photo-corner.tl{border-bottom:0;border-right:0;top:10px;left:calc(14% - 8px)}.pbl-photo-corner.tr{border-bottom:0;border-left:0;top:10px;right:calc(14% - 8px)}.pbl-photo-corner.bl{border-top:0;border-right:0;bottom:10px;left:calc(14% - 8px)}.pbl-photo-corner.br{border-top:0;border-left:0;bottom:10px;right:calc(14% - 8px)}.pbl-swatches{flex-wrap:wrap;gap:6px;display:flex}.pbl-swatch{border:1px solid var(--pbl-rule-strong);border-radius:50%;width:22px;height:22px}.pbl-swatch.is-off{opacity:.3}.pbl-size-chips{flex-wrap:wrap;gap:6px;display:flex}.pbl-size-chip{border:1px solid var(--pbl-rule-strong);background:var(--pbl-paper);font-variant-numeric:tabular-nums;text-align:center;min-width:40px;color:var(--pbl-ink-soft);padding:.1rem .45rem;font-size:.78rem}.pbl-size-chip.is-on{background:var(--pbl-forest);border-color:var(--pbl-forest);color:#f6f0e4}.pbl-grid-art{background:var(--pbl-rule);border:1px solid var(--pbl-rule-strong);gap:1px;display:grid}.pbl-grid-art i{aspect-ratio:1;background:var(--pbl-paper);display:block}.pbl-step-visual .pbl-grid-art{max-width:168px}.pbl-output{background:var(--pbl-paper-soft);background-image:repeating-linear-gradient(90deg,#2f5d460a 0 1px,#0000 1px 28px),repeating-linear-gradient(#2f5d460a 0 1px,#0000 1px 28px);padding-block:2.25rem}.pbl-output h2{color:#234534;margin:0;font-size:clamp(1.25rem,4.4vw,1.55rem)}.pbl-output-lead{max-width:34rem;color:var(--pbl-ink-soft);margin:.5rem 0 0;font-size:.9rem}.pbl-output-grid{gap:1rem;margin-top:1.4rem;display:grid}.pbl-output-card{border:1px solid var(--pbl-rule-strong);background:var(--pbl-paper);gap:.6rem;padding:1rem;display:grid;box-shadow:0 14px 30px -30px #1d3b2e8c}.pbl-output-card h3{color:#234534;margin:0;font-size:.95rem}.pbl-output-card .pbl-note{color:var(--pbl-ink-faint);margin:0;font-size:.76rem;line-height:1.6}.pbl-bead-art{gap:2px;width:min(100%,264px);margin-inline:auto;display:grid}.pbl-bead-art i{aspect-ratio:1;background:0 0;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #1d3b2e14}.pbl-sheet-stage{width:min(100%,264px);margin-inline:auto;padding-top:1.1rem;padding-left:1.1rem;position:relative}.pbl-sheet-ruler-x,.pbl-sheet-ruler-y{color:var(--pbl-ink-faint);font-variant-numeric:tabular-nums;font-size:.58rem;line-height:1;position:absolute}.pbl-sheet-ruler-x{height:.6rem;top:.35rem;left:1.1rem;right:0}.pbl-sheet-ruler-y{width:.85rem;top:1.1rem;bottom:0;left:0}.pbl-sheet-ruler-x span{position:absolute;transform:translate(-50%)}.pbl-sheet-ruler-y span{position:absolute;transform:translateY(-50%)}.pbl-sheet-code{z-index:1;letter-spacing:.04em;color:#234534;white-space:nowrap;background:#fbf8f0;border:1px solid #234534;padding:.05rem .22rem;font-size:.6rem;line-height:1.4;position:absolute;transform:translate(-50%,-50%)}.pbl-legend{margin:0;padding:0;list-style:none}.pbl-legend li{border-bottom:1px solid var(--pbl-rule);color:var(--pbl-ink-soft);grid-template-columns:18px 3.6rem 1fr auto;align-items:center;gap:.55rem;padding-block:.28rem;font-size:.8rem;display:grid}.pbl-legend i{border:1px solid var(--pbl-rule-strong);border-radius:50%;width:14px;height:14px}.pbl-legend .pbl-legend-code,.pbl-legend .pbl-legend-count{font-variant-numeric:tabular-nums;color:var(--pbl-ink)}.pbl-legend-total{color:var(--pbl-ink-faint);flex-wrap:wrap;gap:.3rem 1rem;margin:.55rem 0 0;font-size:.76rem;display:flex}.pbl-legend-total b{color:var(--pbl-ink);font-weight:600}.pbl-sheets{height:132px;position:relative}.pbl-sheet-paper{border:1px solid var(--pbl-rule-strong);background:repeating-linear-gradient(90deg,#1d3b2e29 0 1px,#0000 1px 9px),repeating-linear-gradient(#1d3b2e29 0 1px,#0000 1px 9px),#fffdf7;width:62%;height:100%;position:absolute;box-shadow:0 10px 22px -18px #1d3b2e99}.pbl-sheet-paper:first-child{top:10%;left:4%;transform:rotate(-4deg)}.pbl-sheet-paper:nth-child(2){z-index:1;top:4%;left:22%;transform:rotate(1deg)}.pbl-sheet-paper:nth-child(3){z-index:2;top:0;left:38%;transform:rotate(5deg)}.pbl-sheet-tag{border:1px solid var(--pbl-rule-strong);background:var(--pbl-paper);letter-spacing:.08em;color:var(--pbl-ink-soft);padding:.08rem .4rem;font-size:.66rem;position:absolute;bottom:4%;right:6%}.pbl-notes{padding-block:1.5rem 2.25rem}.pbl-notes h2{color:var(--pbl-ink-soft);margin:0 0 .6rem;font-size:1rem}.pbl-notes ul{border-block:1px solid var(--pbl-rule);margin:0;padding:0;list-style:none}.pbl-notes li{color:var(--pbl-ink-faint);grid-template-columns:.9rem 1fr;gap:.5rem;padding-block:.5rem;font-size:.78rem;line-height:1.65;display:grid}.pbl-notes li+li{border-top:1px solid var(--pbl-rule)}.pbl-notes li:before{content:"";background:var(--pbl-apricot);border-radius:50%;width:6px;height:6px;margin-top:.55em}@media (min-width:760px){.pbl-output-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.pbl-steps-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (max-width:420px){.pbl-redeem-wrap :where(button[type=submit]){width:100%}.pbl-stat{padding-inline:.55rem}.pbl-stat dt{font-size:.7rem}}
