:root{--paper:#f3f1ed;--plaster:#e9e4da;--osb:#b89b72;--ink:#000;--muted:#6b665e;--line:#d6d0c4;--blue:#2f6fb0;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-variation-settings:"wdth" 100;color:var(--ink);background:var(--paper);font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--paper);margin:0}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.page{max-width:1360px;margin:0 auto;padding:28px 32px 40px}.masthead{flex-wrap:wrap;align-items:flex-end;gap:28px;margin-bottom:20px;display:flex}.wordmark{font-variation-settings:"wdth" 62;letter-spacing:-.005em;margin:0;font-size:clamp(64px,9vw,120px);font-weight:860;font-stretch:62%;line-height:.8}.tagline{max-width:36ch;color:var(--muted);margin:0 0 4px;font-size:17px;line-height:1.4}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.stage{min-width:0}.canvas-wrap{background:var(--plaster);touch-action:none;border-radius:20px;height:min(64vh,600px);min-height:380px;overflow:hidden}.pieces{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:9px 18px;font-size:16px}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.hint{color:var(--muted);margin:10px 0 0;font-size:14px}.card{background:#fff;border-radius:20px;padding:28px 26px 22px;position:sticky;top:20px}.piece-name{font-variation-settings:"wdth" 75;margin:0;font-size:30px;font-weight:700;font-stretch:75%;line-height:1.05}.story{color:var(--muted);margin:10px 0 22px;line-height:1.5}fieldset{border:0;margin:0 0 22px;padding:0}legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:600}.size-row{grid-template-columns:1fr auto;row-gap:4px;margin-bottom:12px;display:grid}.size-row label{font-size:15px}.size-row output{font-variant-numeric:tabular-nums;color:var(--blue);font-weight:600}.size-row input{width:100%;accent-color:var(--blue);grid-column:1/-1;margin:0}.finish-row{flex-wrap:wrap;gap:8px;display:flex}.finish{border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:15px;display:inline-flex}.finish input{opacity:0;pointer-events:none;position:absolute}.finish:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.finish:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.swatch{border:1px solid #00000026;border-radius:50%;width:18px;height:18px}.price{align-items:baseline;gap:10px;margin:4px 0 16px;display:flex}.amount{font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.cta{border-radius:var(--radius-pill);background:var(--ink);width:100%;color:var(--paper);cursor:pointer;border:0;padding:18px 24px;font-size:18px;font-weight:600}.cta:hover{background:#2a2926}.fine{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.price .fine{margin:0}.hotspot{cursor:pointer;background:radial-gradient(circle, var(--ink) 0 4px, var(--paper) 5px 9px, var(--ink) 10px 11px, #f3f1edbf 12px);border:0;border-radius:50%;width:30px;height:30px;padding:0}.dim-label{background:var(--blue);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600}@media (width<=900px){.page{padding:20px 16px 32px}.layout{grid-template-columns:1fr}.canvas-wrap{aspect-ratio:3/2;height:auto;min-height:0}.card{position:static}}