.bnh-course-mapper{box-sizing:border-box;width:min(96vw,1000px);max-width:1000px;max-height:96dvh;padding:16px;border:1px solid #d6dfd2;border-radius:18px;background:#fafaf3;color:#123d30;overflow:auto;font:15px/1.4 Arial,sans-serif}.bnh-course-mapper::backdrop{background:#001b19aa}.bnh-course-mapper header,.bnh-course-mapper footer,.cm-controls,.cm-modes,.cm-shape{display:flex;gap:10px;align-items:center}.bnh-course-mapper header{justify-content:space-between}.bnh-course-mapper h2{font:27px Georgia,serif;margin:0}.bnh-course-mapper p{margin:8px 0}.bnh-course-mapper button,.bnh-course-mapper select{font:inherit;padding:10px 12px;border:1px solid #cbd8cb;border-radius:10px;background:#fff;color:#123d30;min-height:44px}.bnh-course-mapper button{cursor:pointer}.bnh-course-mapper button:disabled{opacity:.5;cursor:default}.cm-controls label{flex:1;min-width:0}.cm-controls select{display:block;width:100%}.cm-modes{margin-top:10px}.cm-modes button{flex:1}.cm-modes button[aria-pressed=true],.bnh-course-mapper [data-save]{background:#073d30;color:#fff}.cm-map{height:clamp(280px,48dvh,540px);width:100%;border-radius:10px;overflow:hidden}.cm-shape[hidden]{display:none}.cm-shape{margin-top:8px;flex-wrap:wrap}.bnh-course-mapper footer button{flex:1}.bnh-course-mapper .cm-marker{padding:0;min-height:30px;width:30px;height:30px;border:3px solid #fff;border-radius:50%;background:#073d30;color:white;font-size:14px;font-weight:bold;box-shadow:0 1px 5px #0008;touch-action:none}.bnh-course-mapper .cm-tee{background:white;color:#073d30;border-color:#073d30}.bnh-course-mapper .cm-vertex{background:#d6b15a;color:#142b21;width:26px;height:26px;min-height:26px}.bnh-course-mapper .maplibregl-ctrl button{min-height:29px;padding:0;border:0;border-radius:0}.bnh-course-mapper .maplibregl-ctrl-attrib{max-width:100%;font-size:10px;line-height:14px}.bnh-course-mapper .maplibregl-ctrl-attrib a{color:#222}

.bnh-course-mapper .cm-midpoint{background:#fff8;color:#073d30;width:20px;height:20px;min-height:20px;border:1px solid white}.bnh-course-mapper header{position:sticky;top:-16px;background:#fafaf3;z-index:5;padding:8px 0}

.bnh-course-mapper .cm-linepoint{background:#fff;color:#073d30;border-color:#073d30}.bnh-course-mapper .cm-linemid{background:#ffffffe0;color:#073d30;width:24px;height:24px;min-height:24px;border:1px solid #073d30}@media(max-width:520px){.bnh-course-mapper .cm-modes{display:grid;grid-template-columns:1fr 1fr}}

.cm-reference-panel{padding:10px 12px;border:1px dashed #a4b8c1;border-radius:10px;margin:10px 0}.cm-reference-panel label{display:block;margin:8px 0}.cm-reference-panel input[type=file]{max-width:100%}.cm-reference-marker{font:600 11px/1.3 Arial,sans-serif;background:#fff8da;color:#35454c;border:2px dashed #b58425;border-radius:5px;padding:3px 5px;white-space:nowrap;pointer-events:none}.cm-reference-panel [hidden]{display:none!important}

.bnh-course-mapper .cm-kinds,.bnh-course-mapper .cm-area-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bnh-course-mapper .cm-kinds[hidden],.bnh-course-mapper .cm-area-actions[hidden],.bnh-course-mapper .cm-area-actions [hidden]{display:none}.bnh-course-mapper .cm-kinds button{min-height:38px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:14px}.bnh-course-mapper .cm-kinds button i{width:14px;height:14px;border-radius:4px;border:1px solid #0003;display:inline-block}.bnh-course-mapper .cm-kinds button[aria-pressed=true]{background:#073d30;color:#fff}.bnh-course-mapper [data-area-done]{background:#073d30;color:#fff}