.maps-card{background:#fff;border:1px solid #dce4dc;border-radius:14px;padding:24px;margin-bottom:28px}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.map-heading h2{font-size:21px;margin:0}.maps-card details{background:#f6f8f3;padding:15px;border-radius:8px;margin-bottom:18px}.maps-card details p{font-size:12px}.maps-card code{display:block;overflow-wrap:anywhere;user-select:all;color:#315c42}.map-search{display:flex;gap:12px;align-items:flex-end;margin:15px 0}.map-search>div{flex:1}.map-search button{width:auto;min-height:43px;justify-content:center}.map-wrap{position:relative;border:1px solid #d4dfd1;border-radius:10px;overflow:hidden}#googleMap{height:530px;background:#f4f7f1}.map-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#617b65;background:linear-gradient(135deg,#eef3e9,#f9fbf7)}.map-placeholder b{font-size:20px}.map-placeholder p{font-size:14px;max-width:460px}#mapCrosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:32px;line-height:1;color:white;text-shadow:0 0 3px #000,0 0 5px #000;pointer-events:none}#mapError{background:#fff0e6;color:#973e2c;padding:12px;border-radius:8px;margin:12px 0;font-size:13px}.map-edit{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.map-edit label{margin:0}.map-edit select{max-width:220px}.map-edit button{font-size:12px}.map-tools{padding-top:8px}.maps-card button:disabled{opacity:.45;cursor:not-allowed}#addressResults button{display:block;text-align:left;width:100%;background:#f0f6ed;border:1px solid #ccdaca;border-radius:6px;padding:12px;margin:6px 0;color:#315d3d}#manualWork[inert]{opacity:.55}#mapFaceInfo{color:#2e714e;font-weight:600}header nav{flex-wrap:wrap;justify-content:flex-end}.map-overlay{position:absolute;pointer-events:none}@media(max-width:700px){.maps-card{padding:16px}.map-heading{align-items:flex-start}.map-heading h2{font-size:18px}.map-search{flex-direction:column;align-items:stretch}.map-search button{width:100%}#googleMap{height:420px}.map-edit select{max-width:none}header nav .secondary{font-size:9px;padding:6px}}
[hidden]{display:none!important}#calibrationCanvas{width:100%;height:360px;background:#e8ede6;cursor:crosshair;touch-action:none;border-radius:8px;margin:12px 0}#imageConfirmed{width:auto;margin-right:8px}#imageSection p{max-width:1000px}#imageSection .primary{margin-top:14px}#sourceMode{max-width:440px}
#canvas.panning,#canvas.panning circle,#canvas.panning .edge-hit,#calibrationCanvas.panning{cursor:grab}#canvas.panning:active,#calibrationCanvas.panning:active{cursor:grabbing}#drawingSource{border-left:4px solid #34754f;margin:12px 0}#drawingHeading{scroll-margin-top:18px}#drawingHeading:focus{outline:none}.image-steps{color:#2e6348}#canvas{display:block;width:100%;height:auto;outline-offset:-3px}
.layout-comparison button{background:white;border:1px solid #d3ded0;border-radius:10px;padding:16px;text-align:left;color:#284738;font:inherit;cursor:pointer}.layout-comparison button b{display:block;margin:6px 0}.layout-comparison button.chosen{background:#ebf4e3;border-color:#34764d}.layout-comparison button:focus-visible{outline:3px solid #ce9536}.panel-selected{stroke:#ffbd26!important;stroke-width:4!important;fill-opacity:.65}.selecting-panels .module{cursor:pointer}dialog{border:1px solid #c8d7c9;border-radius:16px;max-width:620px;width:90%;padding:26px;color:#264c38}dialog::backdrop{background:#183b2b77}#newFaceError{color:#a34232}

/* Independent collapsible tools; the map stays outside both panels. */
.maps-card details.map-workflow{padding:0;margin:12px 0 0;border:1px solid #d5dfd2;border-radius:9px;background:#fff;overflow:hidden}
.map-workflow>summary{display:flex;align-items:center;gap:10px;padding:15px 16px;cursor:pointer;font-size:16px;font-weight:650;list-style:none;background:#f0f5ed;color:#254e39}
.map-workflow>summary::-webkit-details-marker{display:none}
.map-workflow>summary::before{content:"";width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.map-workflow[open]>summary::before{transform:rotate(45deg)}
.map-workflow>summary:hover{background:#e7efe3}
.map-workflow>summary:focus-visible{outline-offset:-3px}
.map-workflow-body{padding:4px 16px 16px}

#canvas.drawing-active,#canvas.drawing-active *{cursor:crosshair!important}