:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0;padding:0}.page--maps-explorer{background-color:#00000013;width:100vw;height:100vh;container-type:size}.preservicity-maps-explorer{width:calc(100cqw - 2rem);height:calc(100cqh - 2rem);margin:1rem;container-type:size}.maps-explorer{display:grid;grid-template-areas:"controls controls controls controls controls" "map1 vdivider map2 admindivider adminpanel" "hdivider hdivider hdivider admindivider adminpanel" "guidemap guidemap guidemap admindivider adminpanel";gap:0;height:100cqh;width:100cqw}.maps-explorer-controls{grid-area:controls;display:flex;gap:1rem;padding:0 0 .75rem;align-items:center}.map-selector{flex:1}.map-selector label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.map-selector select{flex:1;padding:.5rem;border:1px solid rgba(0,0,0,.375);border-radius:4px;background-color:#fff;font-size:1rem;color:#111827;cursor:pointer;transition:border-color .15s ease-in-out}.map-selector select:hover{border-color:#9ca3af}.map-selector select:focus{outline:2px solid #3b82f6;outline-offset:1px;border-color:#3b82f6}.map-selector select:disabled{opacity:.6;cursor:not-allowed}.map-selector-error{color:#dc2626;padding:.5rem;font-size:.875rem}.box{border:1px solid rgba(0,0,0,.375);padding:0;margin:0;background-color:#fff;position:relative;overflow:hidden;box-shadow:0 0 .5cqw #00000060;border-radius:4px}.box--map-1{grid-area:map1}.box--map-2{grid-area:map2}.box--map-guide{grid-area:guidemap}.box--info{display:none;grid-area:info;overflow-y:scroll}.box--admin-panel{grid-area:adminpanel}.resizable-divider{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.resizable-divider .divider-handle{border-radius:.2rem;width:.4rem;height:.4rem;background-color:#00000026;transition:background-color .15s ease,width .15s ease,height .15s ease}.resizable-divider:hover .divider-handle{background-color:#00000040}.resizable-divider:active .divider-handle,.resizable-divider.is-dragging .divider-handle{background-color:#3b82f666}.horizontal-divider{grid-area:hdivider;height:.75rem;cursor:ns-resize}.vertical-divider{grid-area:vdivider;width:.75rem;cursor:ew-resize}.admin-divider{grid-area:admindivider;width:.75rem;cursor:ew-resize}.comparison-map-container{width:100%;height:100%;position:relative;overflow:hidden;background-color:#00000013}.comparison-map-container img.map-image{width:auto;height:auto;max-width:none;max-height:none;position:absolute;transform-origin:0 0}.control-points-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-origin:0 0;z-index:10}.historical-marker{pointer-events:auto;transition:transform .2s ease;position:absolute}.historical-marker:hover{transform:scale(1.2);z-index:110}.map-loading,.map-error,.no-image,.map-placeholder{display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;color:#6b7280;font-style:italic}.map-error{color:#dc2626}.map-placeholder{background-color:#f9fafb}.guide-map-container{width:100%;height:100%}.numbered-circle-marker,.boundary-label{background:transparent!important;border:none!important}.numbered-circle-marker{contain:layout paint style}@media(max-width:959px){.maps-explorer{grid-template-areas:"controls" "map1" "map2" "guidemap";grid-template-rows:auto 1fr 1fr 1fr;grid-template-columns:1fr}.maps-explorer-controls{flex-direction:column}.map-selector{width:100%}}