.fence-designer{--fd-red:#bb0928;--fd-ink:#202327;--fd-silver:#edf0f3;color:var(--fd-ink);background:#f7f8fa;max-width:1200px;margin:0 auto;padding:24px;font-family:Arial,sans-serif;line-height:1.5}.fd-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.fd-heading small{color:var(--fd-red);letter-spacing:.13em;font-weight:700}.fd-heading h1{margin:8px 0;font-size:clamp(27px,4vw,42px);line-height:1.15}.fd-heading p{color:#606973;margin:8px 0}.fence-designer a{color:#a70823;font-weight:700}.fd-steps{gap:8px;margin-bottom:22px;display:flex}.fence-designer button{color:#202327;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd0d6;border-radius:12px;min-height:44px;padding:11px 15px;font-weight:700}.fence-designer button:disabled{opacity:.45;cursor:default}.fence-designer button:focus-visible,.fence-designer a:focus-visible,.fence-designer input:focus-visible,.fence-designer select:focus-visible{outline-offset:2px;outline:3px solid #a50b24}.fd-steps button{text-align:left;background:#e8ebef;flex:1;align-items:center;gap:10px;display:flex}.fd-steps b{background:#fff;border-radius:50%;padding:2px 10px}.fd-steps [aria-current=step],.fence-designer .fd-primary{background:var(--fd-red);color:#fff;border-color:var(--fd-red)}.fd-card{border:1px solid #d3d7dc;border-top:4px solid var(--fd-red);background:#fff;border-radius:15px;margin-bottom:20px;padding:22px;box-shadow:0 5px 20px #1b243308}.fd-card h2{margin:0 0 18px;font-size:23px}.fd-card h3{margin:12px 0;font-size:18px}.fd-pills,.fd-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;display:flex}.fd-pills button{background:#edf0f3;border-color:#edf0f3;border-radius:28px}.fd-pills button[aria-pressed=true],.fd-toolbar button[aria-pressed=true]{color:#fff;background:#212429;border-color:#212429}.fence-designer label{flex-direction:column;gap:6px;margin-bottom:15px;font-size:14px;font-weight:700;display:flex}.fence-designer input,.fence-designer select,.fence-designer textarea{color:#202327;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #bac1c9;border-radius:9px;width:100%;min-width:0;padding:11px;font-size:16px}.fd-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.fd-manual{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:22px;display:grid}.fd-manual label{margin:0}.fd-grid{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#303841;border:1px solid #d4d9df;border-radius:12px;width:100%;height:430px;display:block}.fd-grid text{pointer-events:none;font-family:Arial}.fd-map-canvas{background:#edf0f3;border-radius:12px;width:100%;height:430px}.fd-message{border-left:4px solid var(--fd-red);overflow-wrap:anywhere;background:#fbeef1;margin:18px 0;padding:14px}.fd-message a{margin:6px 0;display:block}.fd-muted,.fence-designer small{color:#626d77;font-size:13px}.fd-gate{border-top:1px solid #d9dfe5;margin-top:18px;padding-top:12px}.fd-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.fd-metrics span{color:#626d77;background:#edf0f3;border-radius:12px;flex-direction:column;padding:15px;font-size:13px;display:flex}.fd-metrics b{color:#202327;font-size:24px}.fd-review{overflow-wrap:anywhere;background:#fff6e8;border:1px solid #e6c891;border-radius:12px;margin-top:20px;padding:16px}.fd-review ul{padding-left:20px;font-size:14px}.fd-table-wrap{margin-top:20px;overflow-x:auto}.fd-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.fd-table-wrap th,.fd-table-wrap td{border-bottom:1px solid #d7dce2;padding:12px}.fd-table-wrap td small{display:block}.fd-total{border-top:2px solid #202327;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:18px 0;display:flex}.fd-total b{white-space:nowrap;font-size:25px}.fd-check{align-items:center;flex-direction:row!important;gap:8px!important;margin:18px 0!important;font-weight:400!important}.fd-check input{flex:none;width:20px;height:20px}.fd-component{border:1px solid #ccd2d9;border-radius:10px;grid-template-columns:1fr 1fr 100px 2fr;gap:10px;margin:12px 0;padding:15px;display:grid}.fd-component button{justify-self:start}.fence-designer summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.fd-saved-project{text-align:left;width:100%;margin-bottom:8px;display:block}.fd-print{display:none}.fd-footer{color:#606973;padding-bottom:20px;font-size:12px}.fd-workspace .fd-toolbar select{width:auto}.fd-staff{background:0 0;max-width:100%;padding:12px 0}@media (width<=700px){.fence-designer{padding:14px}.fd-heading{display:block}.fd-heading a{margin-top:8px;display:inline-block}.fd-steps{gap:5px}.fd-steps button{text-align:center;flex-direction:column;gap:4px;padding:10px 4px;font-size:12px}.fd-card{padding:16px}.fd-manual{grid-template-columns:1fr 1fr}.fd-manual button{width:100%}.fd-metrics{grid-template-columns:1fr 1fr}.fd-grid,.fd-map-canvas{height:360px}.fd-component{grid-template-columns:1fr 1fr}.fd-fields{gap:0 10px}.fd-total,.fd-total b{display:block}.fd-staff{padding:0}.fd-card h2{font-size:21px}}@media print{body *{visibility:hidden}.fence-designer .fd-print,.fence-designer .fd-print *{visibility:visible}.fd-print{color:#000;background:#fff;width:100%;font-size:11px;display:block;position:absolute;top:0;left:0}.fd-print img{object-fit:contain;max-width:240px;max-height:90px}.fd-print svg{width:100%;max-height:550px}.fd-print p{margin:7px 0}.fd-print h2{font-size:22px}}.fd-grid text{fill:#fff;paint-order:stroke;stroke:#303841;stroke-width:.3px}.fd-grid,.fd-map-canvas{height:520px}@media (width<=700px){.fd-grid,.fd-map-canvas{height:65vh;min-height:390px}}.fd-project-details{margin-bottom:12px}.fd-run-editor select{max-width:100%}.fd-run-editor h2{margin:0}.fd-run-editor .fd-toolbar{justify-content:space-between}@media (width<=700px){.fd-run-open{z-index:100;border-top:4px solid #bb0928;max-height:48vh;position:fixed;bottom:80px;left:10px;right:10px;overflow:auto;box-shadow:0 -8px 40px #0005}.fd-run-open .fd-toolbar:first-child{z-index:2;background:#fff;padding:10px 0;position:sticky;top:-16px}.fd-heading{margin-bottom:12px}.fd-heading h1{font-size:26px}.fd-heading p{display:none}.fd-workspace{padding:10px}.fd-steps button{font-size:14px}}.fd-view{background:#f4f6f8;border:1px solid #ccd2d9;border-radius:12px;width:100%;height:420px}.fd-project-tools svg{width:100%;max-height:300px}.fd-view text{fill:#202327;font-family:Arial,sans-serif}@media (width<=700px){.fd-view{height:350px}}