.coordinate-distance-page label{display:block;margin:16px 0 8px;font-weight:600}
.coordinate-distance-page textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.coordinate-distance-page input,.coordinate-distance-page select{min-height:44px;width:100%;max-width:100%;box-sizing:border-box;padding:8px 12px;border:1px solid var(--border);border-radius:var(--ui-radius-control);background:var(--surface);color:var(--text);font:inherit;font-size:16px}
.coordinate-distance-page button{min-height:44px}
.coordinate-distance-page #cdError,.coordinate-distance-page #cdStatus{overflow-wrap:anywhere}
.coordinate-distance-page .coordinate-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.coordinate-distance-page fieldset{min-width:0;border:1px solid var(--border);border-radius:var(--ui-radius-control);padding:12px 16px}
.coordinate-distance-page legend{font-weight:600;padding:0 4px}
.coordinate-distance-page [hidden]{display:none!important}
.coordinate-distance-page #cdDistance{min-height:72px}
@media(max-width:560px){.coordinate-distance-page .coordinate-points{grid-template-columns:minmax(0,1fr)}}