:root{--cc-primary:#6366f1;--cc-primary-hover:#4f46e5;--cc-primary-light:#6366f11a;--cc-primary-rgb:99, 102, 241;--cc-text:#1e293b;--cc-text-secondary:#475569;--cc-text-muted:#94a3b8;--cc-bg:#f8fafc;--cc-bg-card:#fff;--cc-bg-elevated:#fff;--cc-input-bg:#f1f5f9;--cc-border:#e2e8f0;--cc-border-light:#f1f5f9;--cc-border-focus:var(--cc-primary);--cc-shadow-sm:0 1px 2px #0000000a;--cc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cc-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--cc-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--cc-radius:8px;--cc-radius-lg:12px;--cc-radius-xl:16px;--cc-success:#10b981;--cc-success-light:#10b9811a;--cc-error:#ef4444;--cc-warning:#f59e0b;--cc-accent-dd:#3b82f6;--cc-accent-dms:#8b5cf6;--cc-accent-ddm:#06b6d4;--cc-accent-utm:#f97316}._cc-container{gap:var(--main-space-5);grid-template-columns:1fr 400px;grid-template-areas:"main sidebar";align-items:start;width:100%;max-width:1200px;margin:0 auto;display:grid}._cc-main{gap:var(--main-space-5);flex-direction:column;grid-area:main;display:flex}._cc-sidebar{gap:var(--main-space-4);top:var(--main-space-4);flex-direction:column;grid-area:sidebar;display:flex;position:sticky}._cc-section-title{font-size:var(--main-text-base);color:var(--cc-text);margin:0 0 var(--main-space-4) 0;align-items:center;gap:var(--main-space-2);font-weight:600;display:flex}._cc-section-title .icon{color:var(--cc-primary)}._cc-btn{justify-content:center;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);border-radius:var(--cc-radius);font-size:var(--main-text-sm);cursor:pointer;border-style:solid;border-width:0;font-weight:500;transition:all .15s;display:inline-flex}._cc-btn:disabled{opacity:.5;cursor:not-allowed}._cc-btn-primary{background:var(--cc-primary);color:#fff}._cc-btn-primary:hover:not(:disabled){background:var(--cc-primary-hover);box-shadow:var(--cc-shadow-md)}._cc-btn-secondary{background:var(--cc-bg-card);color:var(--cc-text-secondary);border-width:1px;border-color:var(--cc-border)}._cc-btn-secondary:hover:not(:disabled){background:var(--cc-input-bg);border-color:var(--cc-text-muted)}._cc-btn-ghost{color:var(--cc-text-muted);background:0 0}._cc-btn-ghost:hover:not(:disabled){background:var(--cc-primary-light);color:var(--cc-primary)}._cc-btn-link{color:var(--cc-primary);padding:var(--main-space-1) var(--main-space-2);background:0 0}._cc-btn-link:hover:not(:disabled){background:var(--cc-primary-light)}@media (max-width:1024px){._cc-container{grid-template-columns:1fr;grid-template-areas:"main""sidebar";max-width:700px}._cc-sidebar{position:static}}@media (max-width:768px){._cc-container{padding-left:1rem;padding-right:1rem}._cc-btn-text{display:none}}._cc-input-section{background:var(--cc-bg-card);border-radius:var(--cc-radius-xl);padding:var(--main-space-6);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border-light)}._cc-input-header{margin-bottom:var(--main-space-5);padding-bottom:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cc-border-light);justify-content:space-between;align-items:center;display:flex}._cc-input-header ._cc-section-title{margin:0}._cc-input-actions{gap:var(--main-space-2);display:flex}._cc-input-grid{gap:var(--main-space-5);grid-template-columns:1fr 1fr;display:grid}._cc-input-grid-3{grid-template-columns:120px 1fr 1fr}._cc-input-group{gap:var(--main-space-2);flex-direction:column;display:flex}._cc-label{font-size:var(--main-text-sm);color:var(--cc-text);align-items:center;gap:var(--main-space-2);font-weight:600;display:flex}._cc-label-badge{background:var(--cc-primary-light);color:var(--cc-primary);text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}._cc-input-wrapper{position:relative}._cc-input{width:100%;padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:2px;border-color:var(--cc-border);border-radius:var(--cc-radius);background:var(--cc-bg);font-size:var(--main-text-base);color:var(--cc-text);font-weight:500;transition:all .2s}._cc-input:hover:not(:focus){border-color:var(--cc-text-muted)}._cc-input:focus{border-color:var(--cc-primary);background:var(--cc-bg-card);box-shadow:0 0 0 4px var(--cc-primary-light);outline:none}._cc-input::placeholder{color:var(--cc-text-muted);font-weight:400}._cc-input-hint{font-size:var(--main-text-xs);color:var(--cc-text-muted)}._cc-utm-toggle-wrap{margin-top:var(--main-space-4);text-align:center}._cc-utm-input{margin-top:var(--main-space-5);padding-top:var(--main-space-5);border-top-style:dashed;border-top-width:2px;border-top-color:var(--cc-border)}._cc-utm-input.hidden{display:none}._cc-utm-input ._cc-section-title{font-size:var(--main-text-sm);color:var(--cc-text-secondary);margin-bottom:var(--main-space-4)}@media (max-width:768px){._cc-input-section{padding:var(--main-space-4)}._cc-input-grid,._cc-input-grid-3{grid-template-columns:1fr}._cc-input-header{align-items:flex-start;gap:var(--main-space-3);flex-direction:column}._cc-input-actions{width:100%}._cc-input-actions ._cc-btn{flex:1}}._cc-results-section{background:var(--cc-bg-card);border-radius:var(--cc-radius-xl);padding:var(--main-space-6);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border-light)}._cc-results-section ._cc-section-title{margin-bottom:var(--main-space-5);padding-bottom:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cc-border-light)}._cc-results-grid{gap:var(--main-space-4);grid-template-columns:1fr 1fr;display:grid}._cc-result-card{background:var(--cc-bg);border-radius:var(--cc-radius-lg);padding:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cc-border);transition:all .2s;position:relative;overflow:hidden}._cc-result-card:before{content:"";background:var(--card-accent,var(--cc-primary));height:3px;position:absolute;top:0;left:0;right:0}._cc-result-card:hover{border-color:var(--cc-text-muted);box-shadow:var(--cc-shadow-md)}._cc-result-card:focus-within{border-color:var(--card-accent,var(--cc-primary));box-shadow:0 0 0 3px rgba(var(--card-accent-rgb,var(--cc-primary-rgb)), .15)}._cc-result-card[data-format=dd]{--card-accent:var(--cc-accent-dd);--card-accent-rgb:59, 130, 246}._cc-result-card[data-format=dms]{--card-accent:var(--cc-accent-dms);--card-accent-rgb:139, 92, 246}._cc-result-card[data-format=ddm]{--card-accent:var(--cc-accent-ddm);--card-accent-rgb:6, 182, 212}._cc-result-card[data-format=utm]{--card-accent:var(--cc-accent-utm);--card-accent-rgb:249, 115, 22}._cc-result-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._cc-result-label{color:var(--card-accent,var(--cc-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}._cc-copy-btn{border-radius:var(--cc-radius);width:32px;height:32px;color:var(--cc-text-muted);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;transition:all .15s;display:flex}._cc-copy-btn:hover{background:var(--cc-input-bg);color:var(--card-accent,var(--cc-primary))}._cc-copy-btn.copied{background:var(--cc-success-light);color:var(--cc-success)}._cc-result-input{width:100%;padding:var(--main-space-3);font-size:var(--main-text-base);color:var(--cc-text);font-weight:500;font-family:var(--main-font-mono);background:var(--cc-bg-card);border-style:solid;border-width:2px;border-color:var(--cc-border-light);border-radius:var(--cc-radius);outline:none;transition:all .2s}._cc-result-input::placeholder{color:var(--cc-text-muted);opacity:.6;font-weight:400}._cc-result-input:hover:not(:focus){border-color:var(--cc-border)}._cc-result-input:focus{border-color:var(--card-accent,var(--cc-primary));background:var(--cc-bg-card)}._cc-result-example{color:var(--cc-text-muted);margin-top:var(--main-space-2);padding-left:var(--main-space-1);font-size:11px}@media (max-width:768px){._cc-results-section{padding:var(--main-space-4)}._cc-results-grid{grid-template-columns:1fr}}._cc-map-section{background:var(--cc-bg-card);border-radius:var(--cc-radius-xl);padding:var(--main-space-4);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border-light)}._cc-map-header{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._cc-map-toggle{align-items:center;gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-4);background:var(--cc-bg);border-style:solid;border-width:1px;border-color:var(--cc-border);font-size:var(--main-text-sm);color:var(--cc-text);cursor:pointer;border-radius:var(--cc-radius);font-weight:600;transition:all .15s;display:flex}._cc-map-toggle:hover{background:var(--cc-input-bg);border-color:var(--cc-text-muted)}._cc-map-toggle.active{background:var(--cc-primary-light);border-color:var(--cc-primary);color:var(--cc-primary)}._cc-map-toggle.active ._cc-toggle-icon{transform:rotate(180deg)}._cc-toggle-icon{opacity:.6;transition:transform .2s}._cc-map-hint{font-size:var(--main-text-xs);color:var(--cc-text-muted);align-items:center;gap:var(--main-space-1);display:flex}._cc-map-hint:before{content:"💡";font-size:12px}._cc-map-container{border-radius:var(--cc-radius-lg);border-style:solid;border-width:1px;border-color:var(--cc-border);overflow:hidden}._cc-map-container.hidden{display:none}._cc-map{background:var(--cc-input-bg);z-index:1;width:100%;height:320px}._cc-map .leaflet-control-container{z-index:10}._cc-map .leaflet-control-attribution{background:#ffffffe6;padding:4px 8px;font-size:10px}@media (max-width:1024px){._cc-map{height:350px}}@media (max-width:768px){._cc-map-section{padding:var(--main-space-4)}._cc-map-header{align-items:flex-start;gap:var(--main-space-2);flex-direction:column}._cc-map{height:280px}._cc-map-hint{padding-left:var(--main-space-1)}}._cc-reference{background:var(--cc-bg-card);border-radius:var(--cc-radius-xl);padding:var(--main-space-4);box-shadow:var(--cc-shadow);border-style:solid;border-width:1px;border-color:var(--cc-border-light)}._cc-reference-toggle{align-items:center;gap:var(--main-space-2);width:100%;padding:var(--main-space-2) var(--main-space-3);font-size:var(--main-text-sm);color:var(--cc-text);cursor:pointer;border-radius:var(--cc-radius);background:0 0;border-width:0;font-weight:600;transition:all .15s;display:flex}._cc-reference-toggle:hover{background:var(--cc-primary-light);color:var(--cc-primary)}._cc-reference-toggle.active{color:var(--cc-primary)}._cc-reference-toggle.active ._cc-toggle-icon{transform:rotate(180deg)}._cc-reference-panel{margin-top:var(--main-space-4);padding-top:var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--cc-border-light)}._cc-reference-panel.hidden{display:none}._cc-ref-table{gap:var(--main-space-2);flex-direction:column;display:flex}._cc-ref-row{gap:var(--main-space-2);padding:var(--main-space-3);background:var(--cc-bg);border-radius:var(--cc-radius);flex-direction:column;transition:background-color .15s;display:flex}._cc-ref-row:hover{background:var(--cc-input-bg)}._cc-ref-header{align-items:center;gap:var(--main-space-2);display:flex}._cc-ref-format{color:var(--cc-primary);font-size:11px;font-weight:700;font-family:var(--main-font-mono);background:var(--cc-primary-light);border-radius:4px;flex-shrink:0;padding:3px 8px}._cc-ref-name{font-size:var(--main-text-sm);color:var(--cc-text);font-weight:600}._cc-ref-desc{font-size:var(--main-text-xs);color:var(--cc-text-muted);line-height:1.5}@media (max-width:1024px){._cc-ref-row{flex-flow:wrap;align-items:center}._cc-ref-desc{flex-basis:100%}}