#distance-tool{--dt-border:#dbe2ec;--dt-ink:#1c293b;--dt-muted:#637184;--dt-accent:#2463d3;color:var(--dt-ink);font-size:14px;max-width:100%;min-width:0}#distance-tool *{box-sizing:border-box}#distance-tool .dt-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}#distance-tool .dt-tab{border:1px solid var(--dt-border);background:#fff;padding:9px 12px;border-radius:7px;color:var(--dt-ink);font-weight:600;flex:1 1 auto;white-space:nowrap}#distance-tool .dt-tab.active{border-color:var(--dt-accent);color:var(--dt-accent);background:#f0f5fe}#distance-tool .dt-grid{display:grid;grid-template-columns:minmax(235px,.88fr) minmax(0,1.12fr);gap:15px;align-items:start}#distance-tool .dt-input-panel,#distance-tool .dt-output-panel{min-width:0;border:1px solid var(--dt-border);border-radius:9px;padding:15px;background:#fff}#distance-tool .dt-small-heading{font-size:12px;letter-spacing:.03em;text-transform:uppercase;font-weight:700;margin:5px 0 8px;color:var(--dt-muted)}#distance-tool .dt-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}#distance-tool .dt-field-grid.dt-three{grid-template-columns:repeat(3,minmax(0,1fr))}#distance-tool label{display:block;font-size:12px;font-weight:600;color:#48586e;min-width:0}#distance-tool input,#distance-tool select{display:block;width:100%;min-width:0;height:38px;margin-top:5px;padding:7px 9px;border:1px solid #c9d2df;border-radius:6px;background:#fff;color:#1c293b;font-size:14px}#distance-tool input:focus,#distance-tool select:focus{outline:2px solid #bdd4fb;outline-offset:1px;border-color:#4680df}#distance-tool .dt-full-label{margin-bottom:12px}#distance-tool .dt-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}#distance-tool .dt-hint{font-size:11.5px;line-height:1.5;color:var(--dt-muted);margin:0 0 14px}#distance-tool .dt-action-row{display:flex;gap:9px;margin-top:10px}#distance-tool .dt-action-row .btn{min-height:42px}#distance-tool .dt-reset{flex:0 0 49px}#distance-tool .dt-export{margin-top:9px}#distance-tool .dt-export .btn{min-height:40px}#distance-tool .dt-primary{background:#f0f5fe;padding:15px;border-radius:7px;margin-bottom:16px}#distance-tool .dt-primary>span{font-size:12px;font-weight:600;color:#53647c}#distance-tool .dt-main-value{font-size:clamp(23px,3.5vw,33px);font-weight:750;letter-spacing:-.04em;overflow-wrap:anywhere;margin:4px 0}#distance-tool .dt-main-value small{font-size:14px;letter-spacing:0;font-weight:500}#distance-tool .dt-formula{font-size:12px;color:#53647c;overflow-wrap:anywhere}#distance-tool .dt-viz-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}#distance-tool .dt-viz-tip{color:var(--dt-muted);font-size:11px;text-align:right}#distance-tool .dt-svg-wrap{background:#fbfcfe;border:1px solid var(--dt-border);border-radius:7px;overflow:hidden}#distance-tool svg{display:block;width:100%;height:auto;touch-action:none;user-select:none}#distance-tool .dt-details-title{font-weight:700;font-size:13px;margin:17px 0 10px}#distance-tool .dt-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#distance-tool .dt-detail{background:#f5f7fa;border-radius:6px;padding:10px;min-width:0}#distance-tool .dt-detail span{display:block;color:var(--dt-muted);font-size:11px;margin-bottom:4px}#distance-tool .dt-detail strong{font-size:14px;overflow-wrap:anywhere}#distance-tool .dt-table-wrap{overflow-x:auto}#distance-tool .dt-results-table{margin-bottom:0;font-size:12px}#distance-tool .dt-results-table td{padding:8px 4px;vertical-align:top;overflow-wrap:anywhere}#distance-tool .dt-results-table td:last-child{text-align:right;font-weight:600}#distance-tool .dt-mode-fields[hidden]{display:none!important}#distance-tool svg .dt-handle{cursor:grab}#distance-tool svg .dt-handle:active{cursor:grabbing}@media(max-width:991px){#distance-tool .dt-grid{grid-template-columns:1fr}#distance-tool .dt-input-panel,#distance-tool .dt-output-panel{padding:13px}}@media(max-width:575px){#distance-tool .dt-tabs{display:grid;grid-template-columns:1fr 1fr}#distance-tool .dt-tab{font-size:12px;padding:9px 6px}#distance-tool .dt-action-row{width:100%}#distance-tool .dt-action-row #dt-calculate{flex:1 1 auto}#distance-tool .dt-export{width:100%}#distance-tool .dt-main-value{font-size:26px}#distance-tool .dt-field-grid.dt-three{grid-template-columns:repeat(3,minmax(0,1fr))}}