.wood-plan{margin:0}.wood-plan svg{width:100%;height:auto;font-family:var(--c-font);display:block;overflow:visible}.wood-plan line,.wood-plan rect{vector-effect:non-scaling-stroke}.wood-plan .roof{fill:none;stroke:var(--c-muted);stroke-width:1.2px;stroke-dasharray:5 4;opacity:.7}.wood-plan .floor{fill:var(--c-soft);stroke:var(--c-line);stroke-width:1px}.wood-plan .shed{fill:color-mix(in srgb, var(--c-ink) 10%, transparent);stroke:var(--c-line);stroke-width:1px}.wood-plan .house{fill:#b56b4c;opacity:.85}.wood-plan .post{fill:#b8794e}.wood-plan .glass line{stroke:#4f8fa6;stroke-width:5px}.wood-plan .glass line.inner{stroke:#fff;stroke-width:1.6px}.wood-plan .wall line{stroke:var(--c-ink);stroke-width:8px}.wood-plan .planken-zwart line{stroke:#1f1f1f;stroke-width:7px}.wood-plan .planken-naturel line{stroke:#c68a5f;stroke-width:7px}.wood-plan .open line{stroke:var(--c-muted);stroke-width:1.4px;stroke-dasharray:3 4}.wood-plan .door line{stroke:var(--c-accent);stroke-width:3px}.wood-plan .dim line,.wood-plan .tick line{stroke:var(--c-ink);stroke-width:1.1px}.wood-plan text{fill:var(--c-muted);font-size:.3px}.wood-plan text.dim{fill:var(--c-ink);font-size:.32px;font-weight:700}.wood-plan text.side{font-size:.29px}.wood-plan .hit{fill:#0000;stroke:#0000;cursor:pointer}.wood-plan .hit:hover,.wood-plan .hit:focus-visible{fill:color-mix(in srgb, var(--c-accent) 14%, transparent);stroke:var(--c-accent);stroke-width:1.5px;outline:none}.wood-choice-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wood-swatch{border-radius:var(--c-radius-sm);width:100%;height:26px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.cx-choice.row .wood-swatch{border-radius:50%;flex:none;width:28px;height:28px}.cx-seg button:disabled{opacity:.4;cursor:not-allowed}.wood-dim-label span{background:var(--c-ink,#171414);color:#fff;font:700 12.5px/1.3 var(--c-font,Arial, sans-serif);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 8px;display:inline-block}.wood-dim-label span.night{color:#171414;background:#f7f2ed}.wood-tool{border-radius:var(--c-radius);background:color-mix(in srgb, var(--c-bg,#fff) 90%, transparent);width:116px;min-height:36px;color:var(--c-ink);font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.wood-tool.icon-only{width:36px;padding:0}.wood-tool.on{background:var(--c-accent);color:var(--c-on-accent,#fff)}.wood-tool:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.cx-viewer.night .wood-tool:not(.on){color:#f2f4f6;background:#141820b8}@media (max-width:480px){.wood-tool{width:40px;min-height:40px;padding:0}.wood-tool span{display:none}}@media (pointer:coarse){.wood-tool{min-height:44px}.wood-tool.icon-only{width:44px}}@media (pointer:coarse) and (max-width:480px){.wood-tool{width:44px}}.cx-viewer:has(.wood-tools){container-type:size}.cx-viewer:has(.wood-tools)>.cx-poster{aspect-ratio:1800/1248;object-fit:fill;width:calc(1.7*min(100cqw,140cqh));max-width:none;height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.wood-confirm{bottom:calc(71px + env(safe-area-inset-bottom));z-index:3;background:var(--c-bg);border-top:1px solid var(--c-line);margin:auto -16px -16px;padding:6px 16px 8px;position:sticky}.wood-confirm .cx-toggle{min-height:48px}.wood-confirm .cx-toggle small{font-size:12.5px}@media (min-width:1024px){.wood-confirm{margin:auto -20px -16px;padding:6px 20px 8px;bottom:0}}:is(.cx,.cx-inbox) .btn.wood-failed{border-color:var(--c-error-ink);color:var(--c-error-ink);background:var(--c-error-bg)}.wood-shot-wait{aspect-ratio:4/3;background:linear-gradient(100deg,#f2f4f6 30%,#e8ebee 50%,#f2f4f6 70%) 0 0/300% 100%;border-radius:8px;width:100%;animation:1.4s linear infinite wood-wait;display:block}@keyframes wood-wait{to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.wood-shot-wait{animation:none}}.wood-shell{min-width:0;position:relative}.wood-shell:not(.has-inbox){height:100%}.wood-shell.has-inbox{overflow:clip}.wood-shell>.cx.wood-parked{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0}.wood-overview{border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-field);grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;padding:10px 12px;display:grid}.wood-plan-mini{width:132px;height:96px}.wood-plan-mini svg{width:100%;height:100%}.wood-plan-mini text{display:none}.wood-overview-text{color:var(--c-muted);flex-direction:column;gap:2px;min-width:0;font-size:13.5px;display:flex}.wood-overview-text b{font-family:var(--c-display);font-weight:var(--c-display-weight);color:var(--c-ink);font-size:20px;line-height:1.2}.wood-spec{border:1px solid var(--c-line);border-radius:var(--c-radius);background:var(--c-field)}.wood-spec summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.wood-spec summary::-webkit-details-marker{display:none}.wood-spec summary svg{color:var(--c-accent);flex:none;transition:transform .2s}.wood-spec[open] summary svg{transform:rotate(180deg)}.wood-spec .cx-summary{border-top:1px solid var(--c-line);padding:0 12px 4px}@media (prefers-reduced-motion:reduce){.wood-spec summary svg{transition:none}}.wood-render{min-width:0;display:block;position:relative}.wood-render>img{display:block}.wood-render>.wood-render-next{opacity:0;pointer-events:none;position:absolute;inset:0}.shed-plan .canopy{fill:color-mix(in srgb, var(--c-ink) 5%, transparent);stroke:var(--c-line);stroke-width:1px;stroke-dasharray:3 3}.shed-plan .leaf line{stroke:var(--c-ink);stroke-width:2px}.shed-plan .swing line{stroke:var(--c-muted);stroke-width:1px;stroke-dasharray:2 2}.shed-plan .sel .wall line,.shed-plan .sel .glass line{stroke:var(--c-accent)}.shed-plan text.label{font-size:.26px}.shed-plan .hit.on{fill:color-mix(in srgb, var(--c-accent) 10%, transparent);stroke:var(--c-accent);stroke-width:1.5px}.shed-wall{margin:0}.shed-wall svg{width:100%;height:100%;font-family:var(--c-font);touch-action:pan-y;display:block;overflow:visible}.shed-wall line,.shed-wall rect,.shed-wall polygon{vector-effect:non-scaling-stroke}.shed-wall .cladding{fill:var(--shed-wall,#e8e1d6);stroke:var(--c-ink);stroke-width:1.2px}.shed-wall .plankline line{stroke:var(--shed-line,#0000002e);stroke-width:1px}.shed-wall .roofband{fill:#3a3c3f;stroke:#1f2022;stroke-width:1px}.shed-wall .ground line{stroke:var(--c-muted);stroke-width:1.5px}.shed-wall .frame,.shed-wall .leaf{fill:var(--shed-frame,#fff);stroke:color-mix(in srgb, var(--c-ink) 55%, transparent);stroke-width:1px}.shed-wall .pane{fill:#2c3438;stroke:none}.shed-wall .bar line{stroke:var(--shed-frame,#fff);stroke-width:2.4px}.shed-wall .post{fill:#2a2a2a}.shed-wall .shed-hit{fill:#0000;stroke:#0000;cursor:grab;touch-action:none;outline:none}.shed-wall .shed-hit:hover{stroke:color-mix(in srgb, var(--c-accent) 70%, transparent);stroke-width:2px}.shed-wall .shed-hit.on{stroke:var(--c-accent);stroke-width:3px}.shed-wall .shed-hit:focus-visible{stroke:var(--c-focus,var(--c-accent));stroke-width:3px;stroke-dasharray:6 4}.shed-wall .shed-hit:active{cursor:grabbing}.shed-wall .shed-dims line{stroke:var(--c-accent);stroke-width:1.2px}.shed-wall .shed-dims text{fill:var(--c-accent);font-variant-numeric:tabular-nums;font-size:.17px;font-weight:700}