.planner-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px}.planner-photos>a,.planner-photos>div{position:relative;min-width:0;display:grid;place-items:center;background:white;border:1px solid #e3e4df;border-radius:5px;padding:9px}.planner-photos img{width:100%;height:95px;object-fit:contain}.planner-photos span{position:absolute;left:7px;bottom:5px;padding:1px 6px;background:#f5f3ef;font-size:12px;font-weight:700;color:#333}.planner-examples{margin:16px 0 28px}.planner-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.planner-example{min-width:0;display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #dedfd9;border-radius:7px;background:white;overflow:hidden;color:inherit;cursor:pointer}.planner-example:hover{border-color:#ad4907}.planner-example:focus-visible{outline:3px solid #b54c06;outline-offset:3px}.planner-example [data-planner-example]{width:100%;background:#f7f7f3;pointer-events:none}.planner-example svg{display:block;width:100%;height:180px}.planner-example .planner-example-copy{display:grid;gap:6px;padding:14px;flex:1}.planner-example strong{font-size:15px}.planner-example small{font-size:12px;line-height:1.5;color:#62666c}.planner-example b{font-size:12px;color:#8e3e08;margin-top:auto}.planner-example-photos{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;background:#f8f8f5;pointer-events:none}.planner-example-photos img{width:45%;height:130px;object-fit:contain;mix-blend-mode:multiply}.planner-options{border:1px solid #dedfd9;border-radius:6px;padding:12px 15px}.planner-options>summary{font-weight:700;cursor:pointer;color:#713e1d;font-size:15px;min-height:24px}.planner-options[open]>summary{margin-bottom:14px}.planner-options fieldset:last-child{border-bottom:0!important;padding-bottom:0!important}.planner-context{margin-top:14px}.planner-context>summary{font-size:13px;cursor:pointer;color:#713e1d}.planner-context .set-fields{margin-top:12px}.truss-diagram svg,.pipe-diagram svg{display:block;width:100%;height:auto!important;max-height:460px;background:#fbfbf8}.truss-diagram,.pipe-diagram{padding:0!important;min-height:0}.truss-diagram svg line,.pipe-diagram svg line{stroke-linecap:round;fill:none}.truss-diagram svg polygon,.pipe-diagram svg polygon{stroke-width:1}.truss-diagram svg text,.pipe-diagram svg text,[data-planner-example] text{font-family:inherit;font-size:11px;fill:#3c423f}.pv-floor{fill:#f0f0e9;stroke:#e6e6df}.pv-chord,.pv-ring{stroke:#626d74!important;stroke-width:2!important}.pv-brace{stroke:#9ba3a8!important;stroke-width:.9!important}.pv-end{stroke:#879097!important;stroke-width:1.2!important}.pv-corner{stroke:#667277!important;stroke-width:2.5!important}.pv-join{fill:#bc641e!important;stroke:white!important;stroke-width:.6!important}.pv-plate{fill:#454b4c;stroke:#222b2d}.pv-tube{stroke:#7c8489!important;stroke-width:3!important}.pv-sleeve{fill:#fff;fill-opacity:.75;stroke:#b9bdba}.pv-cloth{fill:#444347;fill-opacity:.86;stroke:#77757a}.pv-cloth-white{fill:#e5e3db;stroke:#c1bfb8}.pv-fold{stroke:#77767b!important;stroke-width:.7!important;opacity:.4}.pv-upright{stroke:#353b3e!important;stroke-width:5!important}.pv-telescope{stroke:#757d80!important;stroke-width:3!important}.pv-pin{stroke:#be6d25!important;stroke-width:6!important}.pv-socket{fill:#333b3e}.pv-bar{stroke:#383e41!important;stroke-width:4!important}.pv-bar-inner{stroke:#889093!important;stroke-width:1!important}.pv-dimension{stroke:#a45114!important;stroke-width:1!important}.pv-dimension-label{fill:#873b09!important;font-weight:700;paint-order:stroke;stroke:#fbfbf8;stroke-width:4px;stroke-linejoin:round}.pv-piece-label{font-size:9px!important;fill:#5b6365!important;paint-order:stroke;stroke:#fbfbf8;stroke-width:3px}.pv-caption{font-size:11px!important;font-weight:700}.truss-views button,.pipe-views button{min-height:38px}.pipe-views{display:flex;gap:6px;margin:12px 0}.pipe-views button{padding:6px 12px;border:1px solid #d5d8d1;background:white;border-radius:4px;font-size:12px}.pipe-views button[aria-pressed=true]{background:#f6ebdf;border-color:#b65d17;color:#873900}.pipe-line img,.truss-line img,.set-line img{width:72px;height:80px;object-fit:contain}.pipe-line,.truss-line,.set-line{grid-template-columns:72px minmax(0,1fr) 68px 120px}.pipe-notes,.truss-notes,.set-notes{font-size:13px}.planner-results-detail{margin:16px 0;border-top:1px solid #e0e1da;padding-top:12px}.planner-results-detail>summary{cursor:pointer;font-weight:650;color:#713e1d;font-size:13px}.planner-empty-photo{padding:20px;font-size:14px;background:#f7f6f2;min-height:154px;display:grid;align-items:center}.set-summary-icon{display:none}.planner-numbered-flow{font-size:14px;color:#646862;margin:8px 0 16px}.pipe-preview,.truss-preview,.set-summary{position:sticky;top:16px}.truss-preview,.pipe-preview{min-width:0}.truss-diagram svg .pv-ring{stroke-width:7!important}@media(max-width:1000px){.planner-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-photos img{height:85px}}@media(max-width:850px){.pipe-preview,.truss-preview,.set-summary{position:static}}@media(max-width:600px){.planner-example-grid{gap:9px}.planner-example .planner-example-copy{padding:11px}.planner-example strong{font-size:14px}.planner-example svg{height:145px}.planner-example-photos img{height:105px}.pipe-line,.truss-line,.set-line{grid-template-columns:56px minmax(0,1fr) 42px}.pipe-line img,.truss-line img,.set-line img{width:56px;height:66px}.planner-photos img{height:85px}.planner-options{padding:11px}.planner-example small{font-size:11px}.planner-example-grid .planner-example{min-height:0}}@media print{.planner-examples,.planner-options,.planner-context{display:none!important}.planner-photos img{height:90px}.pipe-preview,.truss-preview,.set-summary{position:static}.planner-results-detail{display:block}.planner-results-detail>*{display:block!important}.pipe-diagram svg,.truss-diagram svg{max-height:300px}}

.planner-more{margin-top:12px}.planner-more>summary{cursor:pointer;color:#713e1d;font-weight:650;font-size:14px}.planner-more .planner-example-grid{margin-top:12px}