*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Calibri,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;color:#333;background-color:#f4f7f6}h2{font-size:1.2em;color:#2c3e50;margin-top:15px;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e0e0e0;font-weight:400}.disclaimer{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:10px 15px;margin-top:15px;font-size:.9em;text-align:center;border-radius:4px}#controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#controls label{font-weight:500;color:#555}#controls input[type=text]{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1em;flex-grow:1;min-width:250px;max-width:800px}#controls button{padding:8px 15px;font-size:.95em;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}#controls button,#pdfBtn{padding:8px 15px;font-size:.95em}#controls button:hover{background-color:#2980b9}#controls button:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.7}#selected-patio-controls{padding:10px;border:1px solid #eee;margin-top:8px;background-color:#f9f9f9}#patio-dimensions-display{margin-top:8px;padding:10px;background-color:#f9f9f9;border:1px solid #eee;font-size:.9em}#patio-dimensions-display p{margin:0 0 5px}#patio-dimensions-display p:last-child{margin-bottom:0}#selected-patio-controls label,#selected-patio-controls input,#selected-patio-controls button{display:inline-block;margin-right:10px;margin-bottom:5px}#main-content{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;overflow:hidden;padding:12px;gap:12px}#map-container{flex-grow:1;flex-shrink:1;min-width:0;height:100%;border-radius:4px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:flex-basis .4s ease-in-out}#map{width:100%;height:100%}#info-panel{flex-basis:25%;flex-shrink:0;height:100%;padding:4px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:flex-basis .4s ease-in-out,padding .2s linear,min-width .4s ease-in-out;min-width:300px}#info-panel hr{border:0;height:1px;background-color:#e0e0e0;margin:4px 0}#prop-details p,#patio-details p{margin:3px 0;font-size:.95em;color:#444}#prop-details span,#patio-details span{font-weight:600;color:#222}#patio-input-controls{margin-bottom:10px;display:flex;flex-direction:row;gap:5px}#patio-input-controls button{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-base{padding:4px;margin-top:5px;margin-bottom:2px;border-radius:4px;font-weight:500;text-align:center;border-left-width:2px;border-left-style:solid}.status-pending{background-color:#e9ecef;color:#495057;border-left-color:#adb5bd}.status-compliant{background-color:#d1e7dd;color:#0f5132;border-left-color:#198754}.status-compliant-warn{background-color:#fff3cd;color:#664d03;border-left-color:#ffc107}.status-noncompliant{background-color:#f8d7da;color:#58151c;border-left-color:#dc3545}#compliance-details{list-style-type:none;padding-left:0;margin-top:2px;font-size:.9em}#compliance-details li{padding:4px 0;border-bottom:1px dashed #f0f0f0}#compliance-details li:last-child{border-bottom:none}#compliance-details li.violation{color:#721c24}#compliance-details li.warning{color:#856404}#compliance-details li.rule{color:#333}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:8px}.modal-content label,.modal-content input,.modal-content select,.modal-content button{display:block;margin-bottom:10px;width:95%}.modal-content input,.modal-content select{padding:8px}.close-btn{color:#aaa;float:right;font-size:28px;font-weight:700}.close-btn:hover,.close-btn:focus{color:#000;text-decoration:none;cursor:pointer}.custom-map-label{background-color:#ffffffd9;padding:2px 4px;border:1px solid #777;border-radius:4px;white-space:nowrap;font-size:12px;font-weight:700;color:#00008b}.custom-architect-label{background-color:transparent;padding:1px 3px;border:none;font-size:9px;font-weight:700;color:#333;white-space:nowrap;text-shadow:1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF}.custom-architect-label-vertical{background-color:transparent;padding:1px 3px;border:none;font-size:9px;font-weight:700;color:#333;white-space:nowrap;text-shadow:1px 1px 2px #FFFFFF,-1px -1px 2px #FFFFFF;transform:rotate(-90deg);transform-origin:center}.custom-patio-setback-label{background-color:#ffffffbf;padding:1px 3px;border:1px solid #777;border-radius:3px;font-size:10px;font-weight:400;color:#c60;white-space:nowrap}#plot-legend{margin-top:10px}#plot-legend ul{list-style-type:none;padding:0;margin-top:5px}#plot-legend li{display:flex;align-items:center;margin-bottom:4px;font-size:.9em;color:#444}.legend-line{display:inline-block;width:40px;height:2px;margin-right:4px;border:none}.legend-line-building{background-color:#00008b}.legend-line-patio{background-image:linear-gradient(to right,#FFA500 50%,transparent 50%);background-size:10px 2px;background-color:transparent}.legend-line-dimension{height:1.5px;background-color:#333}.legend-line-rear-zone{background-image:radial-gradient(circle at center,#2F4F4F 1.5px,transparent 2px);background-size:8px 8px;background-color:transparent;height:3px}.legend-line-post{position:relative;background:transparent}.legend-line-post:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background-color:#000;border-radius:50%;transform:translate(-50%,-50%)}#detailed-calculations{margin-top:10px}.calc-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 15px;align-items:center;font-size:.9em}.calc-grid p{margin:0;padding:0;color:#444}.calc-grid .calc-title{font-weight:700;color:#2c3e50;margin-top:4px;padding-bottom:2px;border-bottom:1px solid #e0e0e0}.calc-grid span{font-weight:600;color:#222;background-color:#f8f9fa;padding:1px 5px;border-radius:3px;display:inline-block;min-width:50px;text-align:right}.calc-grid .total-line{font-weight:700;color:#111;margin-top:4px}.modal-subtitle{font-size:.9em;color:#666;margin-bottom:20px}.info-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.info-section:last-of-type{border-bottom:none}.info-section h4{font-size:1.1em;color:#333;margin-bottom:10px}.info-section p{font-size:.95em;margin-bottom:10px}.radio-group{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:10px}.radio-group label{display:flex;align-items:center;gap:5px}.radio-group input[type=radio]{display:inline-block;width:auto;margin-bottom:0}.pdf-capture-mode #controls,.pdf-capture-mode #patio-input-controls,.pdf-capture-mode #editPatioDimensionsBtn,.pdf-capture-mode #selected-patio-controls,.pdf-capture-mode .disclaimer,.pdf-capture-mode #info-panel h2:first-of-type{display:none!important}@media print{@page{size:17in 11in;margin:.25in}body *{visibility:hidden!important}#main-content,#main-content *{visibility:visible!important}body,html{width:100%;height:100%;overflow:hidden!important;background:#fff!important}#main-content{position:absolute!important;left:0!important;top:0!important;width:100%;height:100%;padding:0!important;border:none!important;display:block!important}#map-container{position:absolute!important;left:0;top:0;width:75%;height:100%;box-shadow:none!important;border:1px solid #000!important}#info-panel{position:absolute!important;right:0;top:0;width:25%;height:100%;overflow-y:hidden!important;box-shadow:none!important;border:none!important;padding:10px!important;box-sizing:border-box;font-size:12px}#controls,#patio-input-controls,#editPatioDimensionsBtn,#selected-patio-controls,.disclaimer,#info-panel h2:first-of-type,.gm-fullscreen-control,.gm-style-mtc,.gm-svpc,.gm-bundled-control,.gm-style-cc,a[href*="google.com/maps"],a[title="Click to see this area on Google Maps"]{display:none!important}.custom-architect-label,.custom-architect-label-vertical,.custom-patio-setback-label{font-size:14px!important;font-weight:700!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#info-panel h2{font-size:1.2em;margin-top:10px;margin-bottom:5px}#info-panel p,#patio-details p{margin:4px 0}#plot-legend li{margin-bottom:8px}.calc-grid{gap:4px 10px;font-size:.95em}#compliance-details li{padding:2px 0}}.compass-container{position:absolute;width:50px;height:50px;background-color:#ffffffd9;border:2px solid #555;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 4px #0000004d;pointer-events:none;z-index:10}.compass-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #333;position:absolute;top:5px}.compass-letter{position:absolute;top:22px;font-size:14px;font-weight:700;color:#333;font-family:Arial,sans-serif}#notes-container{position:absolute;bottom:20px;left:20px;width:280px;min-width:200px;max-width:500px;min-height:100px;background-color:#fffffff2;border:1px solid #333;box-shadow:0 2px 5px #0003;z-index:10;display:none;flex-direction:column;resize:both;overflow:auto}#notes-textarea{flex-grow:1;padding:10px;border:none;background-color:transparent;font-family:inherit;font-size:.9em;color:#333;resize:none;outline:none;min-height:80px}#notes-drag-handle{width:100%;height:18px;background-color:transparent;border-bottom:none;cursor:move;position:relative}#notes-drag-handle:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#868e96;letter-spacing:2px}#map-scale-container{position:absolute;bottom:14px;left:10px;background-color:#fff;padding:5px 8px;border-radius:3px;border:1px solid #555;z-index:5;pointer-events:none;display:none}#map-scale-bar{height:6px;background-color:#333;border:1px solid #333;border-top:none}#map-scale-label{font-size:11px;font-weight:700;color:#333;text-align:center;display:block;margin-top:2px}.modal-content #annotationType{width:95%;padding:8px;margin-bottom:15px}.modal-content textarea#annotationNoteText{width:95%;padding:8px;min-height:60px;resize:vertical}#panel-toggle{flex-shrink:0;width:18px;background-color:#f0f0f0;border:1px solid #ccc;border-left:none;border-right:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}#panel-toggle:hover{background-color:#e0e0e0}#panel-toggle-icon{font-size:20px;font-weight:700;color:#555;transition:transform .4s ease-in-out}#main-content.info-panel-collapsed #info-panel{flex-basis:0;padding-left:0;padding-right:0;min-width:0;overflow:hidden}#main-content.info-panel-collapsed #panel-toggle-icon{transform:rotate(180deg)}#map-bottom-controls{position:absolute;bottom:14px;left:10px;z-index:5;pointer-events:none;display:flex;align-items:center;gap:8px}#printPreviewBtn{pointer-events:all;width:32px;height:32px;background-color:#fff;border:1px solid #555;border-radius:3px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M4 4h16v12H4V4m0-2C2.9 2 2 2.9 2 4v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2H4zm11.24 6.41L12.5 11.59 10.5 9.34 7 13.5h10l-2.76-3.09z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:22px;transition:background-color .2s ease}#printPreviewBtn:hover{background-color:#f0f0f0}#printPreviewBtn.active{background-color:#d1e7dd}#map-scale-container{position:static}body.print-preview-mode #controls,body.print-preview-mode #patio-input-controls,body.print-preview-mode #editPatioDimensionsBtn,body.print-preview-mode #selected-patio-controls,body.print-preview-mode .disclaimer,body.print-preview-mode #info-panel h2:first-of-type,body.print-preview-mode #panel-toggle,body.print-preview-mode .gm-style-mtc,body.print-preview-mode .gm-fullscreen-control,body.print-preview-mode .gm-svpc,body.print-preview-mode .gm-bundled-control,body.print-preview-mode .gm-style-cc,body.print-preview-mode a[href*="google.com/maps"],body.print-preview-mode a[title="Click to see this area on Google Maps"]{display:none!important}body.print-preview-mode #info-panel{height:auto;overflow-y:hidden}#controls #infoBtn{flex-shrink:0;width:34px;height:34px;padding:0;font-size:1.2em;font-weight:700;line-height:32px;text-align:center;border-radius:50%;background-color:#7f8c8d;margin-left:5px}#controls #infoBtn:hover{background-color:#95a5a6}#infoModal .modal-content h4{font-size:1.1em;color:#2c3e50;margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #e0e0e0}#infoModal .modal-content p{font-size:.95em;line-height:1.6;margin-bottom:12px}#infoModal .modal-content a{color:#3498db;text-decoration:none}#infoModal .modal-content a:hover{text-decoration:underline}#drawing-instructions{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#000000bf;color:#fff;padding:8px 15px;border-radius:5px;font-size:.9em;z-index:10;pointer-events:none}body.drawing-mode-active #map{cursor:crosshair}