#toolsCoordinateConverterBtn[hidden]{display:none!important}
#coordinateConverter{box-sizing:border-box;width:min(1120px,calc(100vw - 32px));max-width:none;max-height:92dvh;padding:0;border:0;border-radius:16px;color:#172033;background:#fff;box-shadow:0 12px 40px #0004;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#coordinateConverter::backdrop{background:#17203366}
#coordinateConverter *{box-sizing:border-box}
#coordinateConverter [hidden]{display:none!important}
#coordinateConverter header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e5e7eb;gap:12px}
#coordinateConverter h2{font-size:21px;margin:0}
#coordinateConverter h3{margin:18px 0 8px}
#coordinateConverter p{margin:8px 0;overflow-wrap:anywhere}
#coordinateConverter header p,.cc-hint{color:#596477;font-size:13px}
#coordinateConverter .cc-scroll{padding:18px 22px;max-height:calc(92dvh - 110px);overflow:auto;overscroll-behavior:contain}
#coordinateConverter .cc-systems{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
#coordinateConverter fieldset{min-width:0;border:1px solid #d4dae3;border-radius:10px;padding:10px 14px}
#coordinateConverter legend{font-weight:650;padding:0 5px}
#coordinateConverter label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;min-width:0}
#coordinateConverter label+label{margin-top:8px}
#coordinateConverter select,#coordinateConverter input,#coordinateConverter textarea{width:100%;border:1px solid #cbd2dd;border-radius:7px;background:#fff;color:#172033;font:inherit;padding:8px;outline:0;min-width:0}
#coordinateConverter input[type=number]{width:125px}
#coordinateConverter textarea{resize:vertical;max-height:300px;font:14px/1.5 ui-monospace,monospace}
#coordinateConverter button{cursor:pointer;min-height:38px;padding:8px 12px;border:1px solid #d4dae3;background:#f3f4f6;color:#172033;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4}
#coordinateConverter button:hover{background:#e5e7eb}
#coordinateConverter button:disabled{cursor:default;opacity:.5}
#coordinateConverter :focus-visible{outline:3px solid #8ab4f8;outline-offset:2px}
#coordinateConverter .cc-primary{background:#172033;color:#fff;border-color:#172033}
#coordinateConverter .cc-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}
#coordinateConverter .cc-toolbar label+label{margin-top:0}
#coordinateConverter .cc-tabs{display:flex;gap:6px;margin:18px 0 12px}
#coordinateConverter .cc-tabs [aria-pressed=true]{background:#172033;color:#fff}
#coordinateConverter .cc-table-wrap{overflow:auto;max-height:390px;border:1px solid #e0e4ea;border-radius:8px}
#coordinateConverter table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}
#coordinateConverter th{background:#f3f4f6;position:sticky;top:0;text-align:left;font-size:12px;z-index:1}
#coordinateConverter td,#coordinateConverter th{padding:8px 10px;border-bottom:1px solid #e5e7eb}
#coordinateConverter td input{min-width:150px;max-width:280px}
#coordinateConverter .cc-warning{background:#fff5da;border:1px solid #e6c571;border-radius:9px;padding:12px;margin:10px 0}
#coordinateConverter .cc-error{color:#a22222;background:#fff0f0;border-radius:7px;padding:10px 14px;max-height:200px;overflow:auto}
#coordinateConverter ul.cc-error{padding-left:30px}
#coordinateConverter ul.cc-error:empty{display:none}
#coordinateConverter pre{max-height:190px;overflow:auto;background:#f3f4f6;border-radius:7px;padding:10px}
#coordinateConverter summary{cursor:pointer;font-weight:600}
#coordinateConverter #cc-operations{font-size:12px;overflow-wrap:anywhere}
@media(max-width:700px){
  #coordinateConverter{width:calc(100vw - 12px);max-height:96dvh;border-radius:12px}
  #coordinateConverter header{padding:12px;align-items:start}
  #coordinateConverter h2{font-size:18px}
  #coordinateConverter .cc-scroll{padding:12px;max-height:calc(96dvh - 104px)}
  #coordinateConverter .cc-systems{grid-template-columns:1fr}
  #coordinateConverter .cc-toolbar{align-items:stretch}
  #coordinateConverter .cc-toolbar button{flex:1 1 140px}
  #coordinateConverter input,#coordinateConverter select,#coordinateConverter textarea{font-size:16px}
}