.pg{--pg-batten:#d9c9a6;--pg-batten-edge:#a08f6e;--pg-skirt:#ede5d3;--pg-wall:#f1f2ef;--pg-hatch:#16191c47;--pg-blue:#8ea2ff}.pg-ans{background-color:var(--color-ink);color:#f6f7f4;background-image:linear-gradient(#8ea2ff14 1px,#0000 1px),linear-gradient(90deg,#8ea2ff14 1px,#0000 1px);background-size:16px 16px;border-radius:2px;position:relative}.pg-tk{pointer-events:none;border:0 solid #8ea2ff99;width:9px;height:9px;position:absolute}.pg-tk.tl{border-top-width:1.5px;border-left-width:1.5px;top:6px;left:6px}.pg-tk.tr{border-top-width:1.5px;border-right-width:1.5px;top:6px;right:6px}.pg-tk.bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:6px;left:6px}.pg-tk.br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:6px;right:6px}.pg-card{container-type:inline-size}.pg-wall{--pg-maxh:220px;--pg-w:min(calc(100cqw - 48px), calc(var(--pg-ratio) * var(--pg-maxh)));grid-template-columns:var(--pg-w) 40px;grid-template-areas:"svg dimh""dimw.";justify-content:center;column-gap:8px;display:grid}@media (min-width:1024px){.pg-wall{--pg-maxh:300px}}.pg-draw{grid-area:svg;position:relative}.pg-svg{width:100%;height:auto;display:block}.pg-svg rect,.pg-svg line{vector-effect:non-scaling-stroke}.pg-wallfill{fill:var(--pg-wall)}.pg-above{fill:url(#pg-fade)}.pg-bat{fill:var(--pg-batten);stroke:var(--pg-batten-edge);stroke-width:1px}.pg-skirt{fill:var(--pg-skirt);stroke:var(--pg-batten-edge);stroke-width:1px}.pg-join{stroke:var(--color-ink);stroke-width:1.5px}.pg-floor{stroke:var(--color-ink);stroke-width:2px}.pg-label{font-family:var(--font-mono);color:var(--color-accent);white-space:nowrap;pointer-events:none;background:#f1f2efe6;padding:1px 4px;font-size:11px;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.pg-dimw{grid-area:dimw;align-items:center;gap:6px;margin-top:8px;display:flex}.pg-dimh{flex-direction:column;grid-area:dimh;align-items:center;gap:4px;display:flex}.pg-dimw>span:not(.pg-num),.pg-dimh>span:not(.pg-num):not(.pg-sp){background:var(--color-accent)}.pg-dimw .pg-tick{width:1.5px;height:10px}.pg-dimw .pg-line{flex:1;height:1.5px}.pg-dimh .pg-sp{flex:none;margin-bottom:-4px}.pg-dimh .pg-tick{width:10px;height:1.5px}.pg-dimh .pg-line{flex:1;width:1.5px}.pg-num{font-family:var(--font-mono);color:var(--color-accent);white-space:nowrap;font-size:11px}.pg-len{background:repeating-linear-gradient(135deg, var(--pg-hatch) 0 1px, transparent 1px 5px);border:1px solid var(--pg-batten-edge);border-radius:1px;gap:0;height:14px;display:flex;overflow:hidden}.pg-cut{border-right:2px solid var(--color-mount);flex:none;height:100%}.pg-cut[data-kind=rail]{background:#c6b28a}.pg-cut[data-kind=upright]{background:var(--pg-batten)}.pf-wall{--pg-maxh:260px}@media (min-width:1024px){.pf-wall{--pg-maxh:380px}}.pf-mould{fill:var(--pg-batten);stroke:var(--pg-batten-edge);stroke-width:1px}.pf-inner{stroke:var(--pg-batten-edge);stroke-width:.75px}.pf-ceil{stroke:var(--color-line-strong);stroke-width:1.5px}