Add printable yard map and sprinkler zones with estimated coverage

index.html

@@ -18,6 +18,12 @@
           a variety of trees, shrubs, and flowers. There are many varieties of
           daylilies.
         </p>
+        <button id="print-map" type="button">Print map</button>
+        <p class="print-hint">Prints selected features at the selected date, aligned with the lot.</p>
+        <div class="sprinkler-legend" aria-label="Sprinkler symbols">
+          <span><img src="./src/assets/icons/sprinkler-mist.svg" alt="" /> Mist</span>
+          <span><img src="./src/assets/icons/sprinkler-rotator.svg" alt="" /> Rotator</span>
+        </div>
         <section class="visibility-panel" aria-labelledby="visibility-title">
           <h2 id="visibility-title">Map features</h2>
           <div id="visibility-tree"></div>
@@ -30,6 +36,7 @@
         </div>
       </main>
     </div>
+    <div id="print-sheet" aria-label="Printable yard map"></div>
 
     <script src="./src/error-overlay.js"></script>
     <script src="./vendor/pmtiles.js"></script>