:root{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
.coordinate-tool main{max-width:1224px;padding:32px 22px 40px}.tool-back{margin:0 0 28px}.tool-back .button{border:0;background:transparent;padding:4px 0;color:var(--muted);gap:10px;font-weight:400}.tool-back .button:hover{color:var(--ink);transform:none;background:transparent}
.coordinate-tool h1{font-size:36px;font-weight:500;letter-spacing:-1px;margin-bottom:14px}.coordinate-tool .intro{max-width:780px;font-size:14px;line-height:1.75;margin-bottom:30px}.coordinate-tool .intro,.coordinate-tool .hint,.coordinate-tool .filename,.coordinate-tool footer{color:var(--muted)}
.coordinate-tool .grid{gap:24px}.coordinate-tool .card,.coordinate-tool .stat{background:#fff;border:1px solid var(--line);border-radius:8px}.coordinate-tool .drop-panel{padding:24px;margin-bottom:0}.coordinate-tool .drop-panel h2{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:500;margin-bottom:22px}.panel-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#edf0e5;color:#617750;font:11px Consolas,monospace;flex-shrink:0}
.coordinate-tool .drop-panel label{font-size:12px;color:var(--muted);font-weight:400;margin-bottom:8px}.coordinate-tool input[type=file]{width:100%;font-size:12px;color:var(--muted)}.coordinate-tool input[type=file]::file-selector-button{font:500 13px Arial,sans-serif;background:#edf0e5;color:var(--ink);border:1px solid #d5ddca;border-radius:5px;padding:10px 14px;margin-right:12px;cursor:pointer}.coordinate-tool input[type=file]::file-selector-button:hover{background:#e2e9d7}.coordinate-tool .filename{font-size:12px;line-height:1.6;margin:12px 0 0}
.coordinate-tool textarea{min-height:190px;background:#fbfcf8;border:1px solid #dce2d5;border-radius:5px;color:var(--ink);padding:14px;line-height:1.6;font-size:13px}.coordinate-tool textarea::placeholder{color:#8a9485}.coordinate-tool input[type=text],.coordinate-tool select{border:1px solid #d1dac8;border-radius:5px;color:var(--ink);background:#fff;font-size:13px;padding:10px 12px;max-width:100%}
.compare-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.coordinate-tool .settings{gap:24px}.coordinate-tool .settings label{font-size:12px;font-weight:400;color:var(--muted);margin-bottom:8px}.coordinate-tool .actions{margin:0}.coordinate-tool #compare{background:#dce8c4;color:#263b2d;border:1px solid #c8d8b2;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;min-height:42px;transition:background .15s}.coordinate-tool #compare:hover{background:#d0e0b2}.coordinate-tool button.secondary{background:#edf0e5;color:var(--ink);border:1px solid #d5ddca;border-radius:5px;font-size:13px;font-weight:500}.coordinate-tool .menu-toggle{background:none;color:var(--ink);font-weight:400;border-radius:0}
.coordinate-tool .drop-panel.dragover{border-color:#78984a;background:#f1f5e8;box-shadow:0 0 0 2px #78984a}.coordinate-tool .stat{padding:18px;font-size:12px;line-height:1.6}.coordinate-tool .stat strong{font-size:28px;font-weight:500}.coordinate-tool #results .card{padding:24px}.coordinate-tool #results h2{font-weight:500}.coordinate-tool th{background:#edf0e5;font-weight:500}.coordinate-tool th,.coordinate-tool td,.coordinate-tool .tablewrap{border-color:var(--line)}.coordinate-tool .tablewrap{border-radius:5px}.coordinate-tool .same .status{color:#64716b}.coordinate-tool footer{border-top:1px solid var(--line);padding-top:20px;font-size:11px;line-height:1.6}.coordinate-tool button:focus-visible,.coordinate-tool input:focus-visible,.coordinate-tool select:focus-visible,.coordinate-tool textarea:focus-visible{outline:2px solid #78984a;outline-offset:3px}
@media(max-width:800px){.coordinate-tool main{padding:26px 20px 32px}.coordinate-tool h1{font-size:30px}.compare-controls{gap:20px;flex-wrap:wrap}.coordinate-tool .drop-panel{padding:20px}.coordinate-tool .grid{gap:18px}}@media(max-width:520px){.coordinate-tool .settings{width:100%;gap:16px}.coordinate-tool .settings>div{flex:1;min-width:0}.coordinate-tool .settings select{width:100%}.coordinate-tool .actions{width:100%;justify-content:flex-end}.coordinate-tool .intro{margin-bottom:24px}.coordinate-tool .drop-panel h2{font-size:18px}.coordinate-tool #results .card{padding:18px}.coordinate-tool .summary{gap:10px}.coordinate-tool .stat{padding:14px}}

.point-prefix{border:0;border-top:1px solid var(--line);padding:18px 0 24px;margin:0 0 8px;min-width:0}.point-prefix legend{padding:0 12px 0 0;font-size:13px;color:var(--muted)}.prefix-fields{display:flex;align-items:end;gap:24px}.prefix-fields>div{flex:0 1 205px;min-width:0}.prefix-fields label{font-size:12px;font-weight:400;color:var(--muted)}.prefix-fields input{width:100%}.prefix-fields .hint{font-size:12px;line-height:1.7;margin:0 0 8px;flex:1}@media(max-width:800px){.prefix-fields{flex-wrap:wrap;gap:16px}.prefix-fields>div{flex:1}.prefix-fields .hint{flex-basis:100%;margin:0}}

.coordinate-tool button.stat{position:relative;text-align:left;color:var(--ink);font-weight:400;transition:background .15s,border-color .15s;padding-right:30px}.coordinate-tool button.stat::after{content:'\2193';position:absolute;top:20px;right:14px;color:#789070;font-size:15px}.coordinate-tool button.stat:hover{background:#f4f7ed;border-color:#a9bb96}.coordinate-tool button.stat[aria-pressed=true]{background:#edf3e2;border-color:#8ca66f}.coordinate-tool #comparisonResults{scroll-margin-top:112px}.coordinate-tool .loading-details{margin:0 0 18px;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:12px}.coordinate-tool .loading-details summary{font-weight:400;width:fit-content}.coordinate-tool .loading-details dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;max-width:650px;margin:18px 0}.coordinate-tool .loading-details dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.coordinate-tool .loading-details .hint{font-size:12px;max-width:760px;margin-bottom:0}@media(max-width:800px){.coordinate-tool #comparisonResults{scroll-margin-top:94px}}