.site-nav{display:flex;gap:6px;margin-left:auto}.site-nav button{border:1px solid #6d8976;background:transparent;color:#e7efe5;border-radius:8px;padding:9px 13px;font-size:.88rem}.site-nav button.active{background:#d2ba90;border-color:#d2ba90;color:#173629}#planner[hidden],#libraryView[hidden],#libraryFooter[hidden]{display:none}#planner{max-width:1680px;margin:auto;padding:20px clamp(14px,2vw,36px) 35px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.plan-head h1{font:normal clamp(1.65rem,2.5vw,2.5rem) Georgia,serif;margin:0}.plan-head p{margin:4px 0;color:#637668;font-size:.9rem}.plan-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 240px;gap:16px;align-items:start}.plan-side,.plan-help{background:#fff;border:1px solid #dde5d8;border-radius:12px;padding:16px}.plan-side h2,.plan-help h2{font-size:1rem;margin:0 0 12px}.project-name{font-size:.83rem;color:#5d7464;font-weight:700;margin:12px 0 9px}.bed-list{display:flex;flex-direction:column;gap:5px}.bed-list button{border:1px solid transparent;border-radius:8px;background:#f3f6f0;text-align:left;padding:10px;color:#284034;overflow-wrap:anywhere}.bed-list button.active{border-color:#7fa28c;background:#e5eee5}.plan-button{border:1px solid #bdcdbd;background:#fff;color:#244931;border-radius:8px;padding:9px 12px;font-weight:600}.plan-button.primary{background:#254c37;color:#fff;border-color:#254c37}.plan-button:disabled{opacity:.45;cursor:not-allowed}.plan-side .plan-button{width:100%;margin-top:9px}.plan-work{min-width:0}.step-strip{display:flex;gap:4px;overflow-x:auto;padding-bottom:9px}.step-strip button{border:0;background:#e9eee6;color:#496053;border-radius:7px;padding:9px 10px;white-space:nowrap;font-size:.79rem}.step-strip button.active{background:#254c37;color:#fff}.step-strip button:disabled{opacity:.5;cursor:not-allowed}.planner-card{background:#fff;border:1px solid #dde5d8;border-radius:12px;overflow:hidden}.plan-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:11px;border-bottom:1px solid #e3e9df}.plan-controls button{border:1px solid #ced9cb;background:#fff;color:#244931;border-radius:7px;padding:7px 10px;font-size:.82rem}.plan-controls button:disabled{opacity:.4}.plan-controls .tool-active{background:#e0ecdf;border-color:#5d9a6b}.plan-controls .spacer{flex:1}.plan-controls .danger{color:#a14337}.plan-surface{position:relative;background:#f7f8f4;touch-action:none}.plan-surface svg{display:block;width:100%;height:min(62vh,650px);min-height:400px;cursor:crosshair}.plan-surface.panning svg{cursor:grab}.plan-status{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-top:1px solid #e3e9df;color:#5e7162;font-size:.83rem}.plan-detail{padding:13px 16px;border-top:1px solid #e3e9df}.plan-detail:empty{display:none}.plan-detail h3{font-size:.98rem;margin:0 0 8px}.plan-detail p{color:#586e5e;font-size:.88rem;line-height:1.5}.plan-detail label{font-size:.85rem;font-weight:600;color:#3e5746}.plan-detail input,.plan-detail select{border:1px solid #bdcdbb;border-radius:7px;padding:9px 10px;font:inherit;max-width:100%;background:white}.plan-detail input[type=number]{width:130px}.plan-detail input[type=range]{width:140px;padding:0;vertical-align:middle}.plan-detail .row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:10px 0}.plan-detail button{margin:3px}.plan-help{position:sticky;top:14px}.plan-help strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#4d7656}.plan-help p{font-size:.85rem;line-height:1.5;color:#4b5e50;margin:4px 0 16px}.plan-help p:last-child{margin-bottom:0}.step-nav{display:flex;justify-content:space-between;gap:10px;padding:13px 0}.choice-row{display:flex;gap:12px;flex-wrap:wrap}.choice-card{flex:1;min-width:180px;border:1px solid #cbd8c8;border-radius:11px;background:#f6f8f3;color:#264834;text-align:left;padding:18px;font-weight:700}.choice-card small{display:block;font-weight:400;color:#5c7061;margin-top:5px;line-height:1.4}.measure-list{display:flex;flex-direction:column;gap:7px}.measure-entry{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:#f6f8f3;border-radius:8px;font-size:.85rem}.measure-entry span{flex:1}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-grid div{background:#f2f6ef;border-radius:9px;padding:12px}.result-grid small{display:block;color:#617362}.result-grid b{font-size:1.25rem;color:#254c37}.plan-upload-name{font-size:.85rem;color:#51715a}.plan-help summary{cursor:pointer;font-weight:700}.plan-svg-line{fill:none;stroke:#326343;stroke-width:3;vector-effect:non-scaling-stroke}.plan-svg-shape{fill:#9bbca63d;stroke:#2f6441;stroke-width:3;vector-effect:non-scaling-stroke}.plan-svg-handle{fill:#fff;stroke:#285f3c;stroke-width:2;vector-effect:non-scaling-stroke;cursor:grab}.plan-svg-edge-hit{fill:none;stroke:transparent;stroke-width:22;vector-effect:non-scaling-stroke;cursor:pointer}.plan-svg-dim{font-size:14px;fill:#183e29;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4px}.plan-svg-guide{stroke:#b07c53;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.plan-svg-selected{stroke:#b07443}.plan-svg-background{cursor:move}@media(max-width:1120px){.plan-layout{grid-template-columns:165px minmax(0,1fr)}.plan-help{grid-column:1/-1;position:static}.plan-help .help-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-help p{margin-bottom:0}}@media(max-width:700px){.top{flex-wrap:wrap}.site-nav{order:3;width:100%;margin:0}.site-nav button{flex:1}.plan-layout{display:block}.plan-side{margin-bottom:12px}.bed-list{flex-direction:row;overflow-x:auto}.bed-list button{flex:none}.plan-help{margin-top:12px}.plan-help .help-inner{display:block}.plan-help details:not([open]) .help-inner{display:none}.plan-surface svg{height:52vh;min-height:320px}.step-strip button{font-size:.76rem}.result-grid{grid-template-columns:repeat(2,1fr)}}
#sitePlanner[hidden]{display:none}#sitePlanner{max-width:1680px;margin:auto;padding:20px clamp(14px,2vw,36px) 35px}.site-layers label{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#365340}.site-layers input{accent-color:#325f44}.site-zone-options,.site-function-options{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.site-zone-options button,.site-function-options label{border:1px solid #bdcdbd;background:#fff;color:#244931;border-radius:8px;padding:9px 12px}.site-zone-options button.active{background:#254c37;color:#fff}.site-function-options label{display:flex;align-items:center;gap:7px}.site-function-options label:has(input:checked){background:#e2ede1;border-color:#759b7c}.site-zone-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #e6ece4}.site-zone-row span:first-child{flex:1}.site-chip{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:6px;vertical-align:middle}.site-shape{fill:#f7fbf7;stroke:#305f43;stroke-width:3;vector-effect:non-scaling-stroke}.site-zone-part{stroke:none;pointer-events:none}.site-edge-hit{fill:none;stroke:transparent;stroke-width:24;vector-effect:non-scaling-stroke;cursor:pointer}.site-edge-visible{fill:none;stroke-width:6;vector-effect:non-scaling-stroke;pointer-events:none}.site-draft{fill:#be9d673b;stroke:#a16d3d;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.site-point{fill:white;stroke:#a16d3d;stroke-width:2;cursor:grab;vector-effect:non-scaling-stroke}.site-view-arrow{stroke:#b36c3e;stroke-width:3;marker-end:url(#viewArrow);vector-effect:non-scaling-stroke;pointer-events:none}.site-legend{display:flex;gap:12px;flex-wrap:wrap;margin:9px 0;color:#4d6152;font-size:.83rem}.site-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-summary>div{background:#f3f7f1;border-radius:9px;padding:12px}.site-summary h3{margin:0 0 8px}.site-summary p{margin:4px 0}.site-warning{background:#fff4e7;border-left:3px solid #b77c4b;padding:10px 12px;border-radius:5px}.site-action-row{display:flex;gap:8px;flex-wrap:wrap}.site-select{padding:8px;border:1px solid #bdcdbd;border-radius:7px;background:#fff}.site-small{font-size:.82rem;color:#657868}@media(max-width:700px){.site-summary{grid-template-columns:1fr}#sitePlanner .plan-surface svg{height:52vh;min-height:320px}}

.site-wind-arrow{stroke:#5188ad;stroke-width:3;marker-end:url(#windArrow);vector-effect:non-scaling-stroke;pointer-events:none}