.coord-input-group { margin-bottom: 1rem; }
        .dms-input-row { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
        .dms-number { width: 80px; }
        .direction-select { width: 80px; }
        .result-card { background-color: #f8f9fc; border-left: 4px solid #0d6efd; padding: 1rem; margin-top: 1rem; border-radius: 0.5rem; }
        .map-legend { display: flex; gap: 1rem; justify-content: center; margin-top: 0.5rem; font-size: 0.8rem; }
        .legend-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; margin-right: 4px; background: #d9534f; }
        .math-formula { font-family: 'Courier New', monospace; background: #f1f3f5; padding: 0.2rem 0.4rem; border-radius: 4px; }
        .map-container { border-radius: 12px; overflow: hidden; border: 1px solid #dee2e6; margin-top: 1rem; background: #eef2f5; }
        #coordMap { height: 450px; width: 100%; background: #eef2f5; z-index: 1; }
        .about-this-tool { background-color: #f0f7ff; border-left: 4px solid #0366d6; padding: 1.2rem; border-radius: 0.75rem; margin-top: 1.5rem; }
        @media (max-width: 768px) {
            .dms-input-row { gap: 0.3rem; }
            .dms-number { width: 65px; }
        }