.gp{gap:28px;margin-top:clamp(32px,4vw,48px);display:grid}.gp-head{gap:8px;display:grid}.gp-title{margin:0;font-size:clamp(26px,3.4vw,34px)}.gp-sub{max-width:60ch;color:var(--text-soft);margin:0;font-size:17px;line-height:1.5}.gp-empty{background:var(--ok-cream-deep);color:var(--text-soft);border-radius:12px;margin:0;padding:24px}.gp-options,.gp-swatches{border:0;flex-wrap:wrap;gap:10px;min-width:0;margin:0;padding:0;display:flex}.gp-swatches legend{width:100%;margin-bottom:6px;font-size:14px;font-weight:700}.gp-chip{border:1.5px solid var(--ok-line);background:var(--ok-white);cursor:pointer;font:inherit;color:var(--ok-ink);text-align:left;border-radius:12px;gap:2px;padding:10px 16px;display:inline-grid;position:relative}.gp-chip input,.gp-swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.gp-chip b{font-size:16px}.gp-chip small{color:var(--ok-muted);font-size:14px}.gp-chip.is-on,.gp-swatch.is-on{border-color:var(--ok-inkblue);box-shadow:0 0 0 2px var(--ok-inkblue) inset}.gp-chip:focus-within,.gp-swatch:focus-within,.gp-tile:focus-visible,.gp-drag:focus-visible{outline:3px solid var(--ok-inkblue);outline-offset:3px}.gp-chip-sm{padding:8px 14px;font-size:15px;font-weight:700}.gp-swatch{border:1.5px solid var(--ok-line);background:var(--ok-white);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.gp-dot{border:1px solid #1f1b184d;border-radius:50%;width:18px;height:18px}.gp-stage-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.gp-stage{background:radial-gradient(circle at 40% 30%,#f8f4ec,#e6ddcf);border-radius:18px;flex:3 420px;justify-content:center;min-width:0;padding:36px 24px;display:flex}.gp-side{flex:240px;align-content:start;gap:14px;min-width:0;display:grid}.gp-picked{color:var(--text-soft);gap:4px;margin:0;font-size:16px;line-height:1.45;display:grid}.gp-picked b{color:var(--ok-ink);font-size:18px}.gp-turn{gap:8px;display:flex}.gp-warn{color:#7a3412;background:#fbeee2;border-radius:10px;margin:0;padding:10px 14px;font-size:15px}.gp-ok{color:var(--ok-sage-text);margin:0;font-size:15px;font-weight:700}.gp-save{justify-self:start}.gp-mock{width:100%;display:block;position:relative}.gp-win{background:#ddd;width:100%;display:block;position:relative;overflow:hidden}.gp-cut{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute}.gp-drag{z-index:3;cursor:grab;touch-action:none;position:absolute;inset:0}.gp-drag:active{cursor:grabbing}.gp-tin{background:linear-gradient(135deg,#fbfcfb 0%,#eef0ef 45%,#d9dcda 100%);border:1px solid #aeb3b1;border-radius:9%/11%;padding:6%;box-shadow:inset 0 0 0 2px #ffffffd9,0 5px #c3c7c5,0 7px #b3b7b5,0 14px 22px #1f1b1838}.gp-tin .gp-win{border-radius:6%/8%}.gp-tin.is-big{max-width:560px}.gp-sheet{padding-top:10px;transform:rotate(-1deg)}.gp-sheet .gp-win{box-shadow:0 2px 3px #1f1b181f,0 14px 24px #1f1b182e}.gp-tape{z-index:2;background:#fbf6eaeb;border:1px solid #c9bfa880;width:18%;height:18px;position:absolute;top:0}.gp-tape-l{left:6%;transform:rotate(-8deg)}.gp-tape-r{right:6%;transform:rotate(7deg)}.gp-sheet.is-big{max-width:520px}.gp-frame{background:var(--frame,#1e1e1f);display:flow-root;box-shadow:inset 1px 1px #ffffff2e,0 2px 4px #1f1b182e,0 18px 30px #1f1b183d}.gp-frame>.gp-win{width:auto;margin:5.5%}.gp-frame-white{box-shadow:inset 0 0 0 1px #1f1b181f,0 2px 4px #1f1b1824,0 18px 30px #1f1b1833}.gp-frame-oak{--oak:#b07a4a;background-color:var(--oak);background-image:linear-gradient(#fff0d70d,#5a3a200d 40%,#fff0d70a 75%,#5a3a200f),linear-gradient(90deg,#0000 0 7%,#6e472821 8.5%,#0000 10% 17%,#d9ae7e1c 18.5%,#0000 20% 28%,#6e472814 31%,#0000 34% 40%,#6e472829 41.5%,#0000 43% 53%,#d9ae7e14 55.5%,#0000 58% 65%,#6e47281c 67%,#0000 69% 77%,#6e472812 80%,#0000 84% 89%,#6e472824 90.5%,#0000 92%),linear-gradient(270deg,#0000 0 7%,#6e472821 8.5%,#0000 10% 17%,#d9ae7e1c 18.5%,#0000 20% 28%,#6e472814 31%,#0000 34% 40%,#6e472829 41.5%,#0000 43% 53%,#d9ae7e14 55.5%,#0000 58% 65%,#6e47281c 67%,#0000 69% 77%,#6e472812 80%,#0000 84% 89%,#6e472824 90.5%,#0000 92%);background-position:0 0,0 0,100% 0;background-repeat:no-repeat;background-size:100% 100%,5.5% 100%,5.5% 100%}.gp-frame-oak:before,.gp-frame-oak:after{content:"";z-index:1;pointer-events:none;background-color:var(--oak);background-image:linear-gradient(90deg,#fff0d70d,#5a3a200d 35%,#fff0d70a 70%,#5a3a200d),linear-gradient(#0000 0 4%,#d9ae7e1a 5.5%,#0000 7% 13%,#6e472826 14.5%,#0000 16% 24%,#6e472812 27%,#0000 30% 36%,#d9ae7e17 37.5%,#0000 39% 47%,#6e47281f 49%,#0000 51% 61%,#6e472829 62.5%,#0000 64% 72%,#d9ae7e14 74%,#0000 76% 83%,#6e47281a 86%,#0000 89% 94%,#6e472821 95.5%,#0000 97%);height:0;padding-top:5.5%;position:absolute;left:0;right:0}.gp-frame-oak:after{background-image:linear-gradient(90deg,#5a3a200d,#fff0d70a 45%,#5a3a200f),linear-gradient(0deg,#0000 0 4%,#d9ae7e1a 5.5%,#0000 7% 13%,#6e472826 14.5%,#0000 16% 24%,#6e472812 27%,#0000 30% 36%,#d9ae7e17 37.5%,#0000 39% 47%,#6e47281f 49%,#0000 51% 61%,#6e472829 62.5%,#0000 64% 72%,#d9ae7e14 74%,#0000 76% 83%,#6e47281a 86%,#0000 89% 94%,#6e472821 95.5%,#0000 97%)}.gp-frame-oak:before{clip-path:polygon(0 0,100% 0,94.5% 100%,5.5% 100%);top:0;box-shadow:inset 0 1px #ffffff2e}.gp-frame-oak:after{clip-path:polygon(5.5% 0,94.5% 0,100% 100%,0 100%);bottom:0}.gp-frame .gp-win{box-shadow:inset 0 0 0 1px #0000004d}.gp-glare{z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff3 38%,#ffffff0a 46%,#0000 52%);position:absolute;inset:0}.gp-frame.is-big{max-width:520px}.gp-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.gp-tile{border:1.5px solid var(--ok-line);cursor:pointer;width:100%;font:inherit;color:var(--ok-ink);background:#f4efe6;border-radius:14px;gap:10px;padding:16px 14px 12px;display:grid}.gp-tile.is-on{border-color:var(--ok-inkblue);box-shadow:0 0 0 2px var(--ok-inkblue) inset;background:#efe8db}.gp-tile:disabled{cursor:default;opacity:.6}.gp-tile-label{text-align:center;font-size:14px;font-weight:600}.gp-tile-none{color:var(--ok-muted);padding:24px 8px;font-size:14px;display:block}@media (max-width:560px){.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gp-stage{padding:24px 14px}.gp-tile{padding:12px 10px 10px}}.pick-help{background:var(--ok-cream-deep);border-radius:12px;justify-items:start;gap:10px;max-width:720px;margin:20px 0 8px;padding:16px 18px;display:grid}.pick-help p{margin:0;line-height:1.5}.pick-help .notice,.pick-help .form-error{margin:0}.gc{display:block}.gp-tin-lid{display:inline}