:root{--ink:#193229;--forest:#153d31;--lime:#d6f047;--cream:#f4f2e9;--line:#d5d7ce;--muted:#64716c;--sun:#ecab39}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;border-radius:4px;cursor:pointer}button:hover{border-color:var(--forest)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--lime);border-color:#b9ce35;font-weight:700;width:100%}
header{height:76px;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:4px solid var(--lime)}header h1{display:inline;margin:0 0 0 14px;font:600 20px Georgia,serif}.eyebrow{color:var(--lime);font-weight:900;letter-spacing:.18em}.header-actions{display:flex;gap:14px;align-items:center}.header-actions button{background:transparent;color:white}.header-actions span{color:#b8c9c2}
main{display:grid;grid-template-columns:250px minmax(480px,1fr) 330px;height:calc(100vh - 110px)}aside,.canvas-panel{border-right:1px solid var(--line);min-width:0}.tools,.results{background:#faf9f3;padding:18px;overflow:auto}.tools h2,.results h2{font:600 18px Georgia,serif;margin:0}.muted,.canvas-head span{color:var(--muted);font-size:12px}
.address-search{position:relative;margin:14px 0;padding:12px;background:#edf0e7;border:1px solid var(--line)}.address-search label{display:block;font-weight:700;margin:0 0 6px 30px}.address-search input{width:100%;padding:8px;border:1px solid var(--line);margin-bottom:7px}.step-number{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--forest);color:white;font:700 12px/1 system-ui}.address-search>.step-number{position:absolute;top:10px;left:11px}.workflow-step{position:relative;padding:10px 10px 8px 43px;border:1px solid #c9d7c5;background:#f5f8f1}.workflow-step>.step-number{position:absolute;top:10px;left:11px}.workflow-step strong{display:block}.workflow-step p{font-size:11px;color:var(--muted);margin:4px 0}.editor-message{font-size:11px;padding:8px 10px;border-left:3px solid var(--line);background:#fff;margin:10px 0}.editor-message.success{border-color:#7b9d31}.editor-message.error{border-color:#b5553f}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.tool-grid .search-area-tool{font-weight:750;border-color:#78922b}.tool-grid button.active,.tabs button.active,.basemap-toggle button.active{background:var(--forest);color:white}.undo-row{display:flex;gap:7px}.undo-row button{flex:1}.shape-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.shape-actions #delete-selected{grid-column:1/-1}.tool-help{font-size:11px;color:var(--muted);min-height:32px}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.tools>label{display:block;font-weight:650;margin:14px 0}.tools h2 .step-number{vertical-align:middle;margin-right:5px}.tools input[type=number]{width:100%;margin-top:6px;padding:8px;border:1px solid var(--line)}.tools input[type=range]{width:75%;vertical-align:middle}.tools output{float:right}.tools #route{width:100%;margin-top:8px}.array-config{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 5px}.array-config label{font-size:11px;font-weight:700}.array-config label:first-child{grid-column:1/-1}.array-config input{display:block;width:100%;padding:7px;margin-top:4px;border:1px solid var(--line)}.array-summary{background:#edf0e7;border-left:3px solid var(--forest);padding:8px;font-size:11px;margin:7px 0 14px}
.canvas-panel{position:relative;display:flex;flex-direction:column;background:#e8e6dc}.canvas-head{min-height:62px;background:#faf9f3;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.canvas-head strong,.canvas-head span{display:block}.canvas-head span{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.basemap-toggle,.zoom-controls{display:flex}.basemap-toggle button,.zoom-controls button,.heatmap-toggle,#fit-search-area{font-size:11px;padding:5px 8px;border-radius:0}.heatmap-toggle.active{background:#234f3e;color:#fff}.heatmap-opacity{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap}.heatmap-opacity[hidden]{display:none}.heatmap-opacity input{width:62px}.zoom-controls button{font-size:16px;line-height:1;padding:4px 9px}.estimate-banner{background:#fff3c6;color:#624b12;border-bottom:1px solid #d6b85a;padding:7px 14px;font-size:11px}.legend{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.legend i{width:12px;height:8px;display:inline-block;margin-left:6px}.legend .parcel{border:2px dashed #ffd84e}.legend .property{border:2px solid var(--lime);background:#153d3155}.legend .array{background:#b6cc3d}.legend .heat{width:54px;background:linear-gradient(90deg,#c84434,#e8b641,#31965a)}.suitability-cell{pointer-events:auto;cursor:help;stroke:#fff5;stroke-width:.35}
#map{width:100%;height:100%;touch-action:none;cursor:crosshair;background:#d9ddd6}.pan-mode,.pan-mode .suitability-cell{cursor:grab!important}.pan-mode.panning,.pan-mode.panning .suitability-cell{cursor:grabbing!important}.basemap-tile{opacity:1}.grid-overlay{pointer-events:none;opacity:.08}.map-note{position:absolute;bottom:10px;left:12px;background:#fffE;padding:5px 9px;font-size:10px}.map-note a{color:var(--forest)}.inspection-note{position:absolute;right:12px;bottom:10px;max-width:520px;background:#153d31e8;color:#fff;padding:5px 9px;font-size:10px}
.results{border:0}.tabs{display:flex;border-bottom:1px solid var(--line);margin:-6px -5px 22px}.tabs button{border:0;background:transparent;border-radius:0}.sun-icon{font-size:45px;color:var(--sun)}#empty-results{text-align:center;padding:100px 15px;color:var(--muted)}#empty-results h2{color:var(--ink);margin-top:10px}.environment-card{display:grid;gap:5px;margin:0 0 12px;padding:12px;border:1px solid #a9cbbd;border-radius:8px;background:#edf7f1;color:#173c30}.environment-card span,.environment-card p{margin:0;font-size:12px;line-height:1.35}.environment-card .ground-warning{margin-top:6px;padding:8px;border-left:3px solid #c47b20;background:#fff1cc;color:#5b3b12}.decision-factors{margin:5px 0 0;padding-left:19px;font-size:12px;line-height:1.45}.candidate{border:1px solid var(--line);background:white;padding:14px;margin:10px 0;border-left:4px solid var(--lime)}.candidate h3{margin:0 0 7px}.candidate .view-candidate{width:100%;margin-top:8px}.metric{display:flex;justify-content:space-between;padding:3px 0}.metric strong{font-variant-numeric:tabular-nums}.exports{position:sticky;top:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:14px}
footer{height:34px;background:#faf9f3;border-top:1px solid var(--line);padding:8px 18px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.parcel-reference{fill:#ffe45b18;stroke:#ffe15a;stroke-width:4;stroke-dasharray:10 5;pointer-events:none;filter:drop-shadow(0 1px 2px #000)}.address-marker{pointer-events:none}.address-marker circle,.address-marker path{fill:#e9483f;stroke:#fff;stroke-width:2}.address-marker text{fill:#fff;stroke:#183128;stroke-width:4;paint-order:stroke;font-weight:800;font-size:16px}.site-property{fill:#193d3270;stroke:var(--lime);stroke-width:4;cursor:pointer}.site-exclusion{fill:#cf7d65;fill-opacity:.32;stroke:#a54f39;stroke-width:2;stroke-dasharray:7 4;cursor:pointer}.site-exclusion.routing{fill:#7e78a8;stroke:#574f84}.site-corridor{fill:none;stroke:#86a49b;stroke-width:13;stroke-opacity:.65;cursor:pointer}.electrical-point{cursor:pointer}.electrical-point rect{fill:#efb342;stroke:#48330c;stroke-width:2}.electrical-point text{fill:#382a0d;font-size:9px;font-weight:900;pointer-events:none}.mount{fill:#173f54;fill-opacity:.9;stroke:#d6f047;stroke-width:2;cursor:grab}.module-divider{stroke:#f2f7df;stroke-width:1;stroke-opacity:.9;pointer-events:none}.route-line{fill:none;stroke:#e46f36;stroke-width:4;stroke-dasharray:9 5;pointer-events:none}.selected-feature{filter:drop-shadow(0 0 5px #f2c94c);stroke:#ffb000!important;stroke-width:4!important}.draft-shape{fill:#d6f04755;stroke:#274f41;stroke-width:3;stroke-dasharray:8 5;pointer-events:none}.draft-vertex{fill:#d6f047;stroke:#193229;stroke-width:2;pointer-events:none}
@media(max-width:1050px){main{grid-template-columns:220px 1fr}.results{position:absolute;right:0;top:76px;bottom:34px;width:300px;box-shadow:-4px 0 20px #0002}.canvas-panel{margin-right:300px}}@media print{header,.tools,.canvas-head,.estimate-banner,footer,.exports{display:none}.results{position:static;width:35%;box-shadow:none}.canvas-panel{width:65%;margin:0}main{display:flex;height:100vh}}

.view-mode-toggle{display:flex;border:1px solid #8fa59d;border-radius:4px;overflow:hidden}
.view-mode-toggle button{font-size:11px;padding:5px 8px;border-radius:0}
.view-mode-toggle button.active{background:var(--lime);color:var(--ink);font-weight:800}
#map-stack{position:relative;flex:1;min-height:0;background:#d9ddd6}
#map-stack>#map{position:absolute;inset:0;width:100%;height:100%}
#map-3d{position:absolute;inset:0;background:#cbd7d2}
#map-3d-canvas,#map-3d-canvas>gmp-map-3d{display:block;width:100%;height:100%}
#map-3d-canvas.draw-search-area,#map-3d-canvas.draw-search-area>gmp-map-3d{cursor:crosshair}
#map-3d-status{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;background:#153d31e8;color:#fff;padding:7px 11px;border-radius:4px;font-size:11px}
#map-3d-status.ready{display:none}
.map-note,.inspection-note{z-index:3}