.vn2wgs-app{--vn-blue:#1769e0;--vn-border:#dfe5ec;--vn-bg:#f6f8fb;max-width:980px;margin:20px auto;font-family:Arial,sans-serif;color:#172033}
.vn2wgs-app *{box-sizing:border-box}.vn2wgs-header{margin-bottom:14px}.vn2wgs-header h2{margin:0 0 6px;font-size:28px}.vn2wgs-header p{margin:0;color:#667085}
.vn2wgs-card{background:#fff;border:1px solid var(--vn-border);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 5px 18px rgba(15,23,42,.05)}
.vn2wgs-card h3{margin:0 0 14px;font-size:18px}.vn2wgs-grid{display:grid;gap:14px}.vn2wgs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vn2wgs-app label span{display:block;font-weight:600;margin-bottom:6px}.vn2wgs-app input[type=text],.vn2wgs-app input[type=number],.vn2wgs-app select{width:100%;min-height:42px;border:1px solid #cfd7e3;border-radius:8px;padding:8px 10px;background:#fff}
.vn2wgs-check{display:flex;align-items:center;gap:8px;padding-top:27px}.vn2wgs-check span{margin:0!important}.vn2wgs-tabs{display:flex;gap:8px;border-bottom:1px solid var(--vn-border);margin:-4px 0 16px}
.vn2wgs-tabs button{border:0;background:transparent;padding:10px 14px;border-bottom:3px solid transparent;cursor:pointer}.vn2wgs-tabs button.active{color:var(--vn-blue);border-color:var(--vn-blue);font-weight:700}
.vn2wgs-direction{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.vn2wgs-direction label{display:flex;gap:7px;align-items:center}.vn2wgs-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.vn2wgs-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:600}.vn2wgs-actions .vn2wgs-primary{background:var(--vn-blue);border-color:var(--vn-blue);color:#fff}
.vn2wgs-result{margin-top:14px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:15px;line-height:1.8;min-height:90px}.vn2wgs-result a{color:var(--vn-blue)}
.vn2wgs-note{font-size:14px;background:#fff8e7;border:1px solid #f6d58b;border-radius:10px;padding:12px}.vn2wgs-help{color:#667085}.vn2wgs-file{display:block;border:2px dashed #cbd5e1;border-radius:10px;padding:16px}.vn2wgs-status{margin-top:12px;font-weight:600}
@media(max-width:760px){.vn2wgs-grid-3{grid-template-columns:1fr}.vn2wgs-check{padding-top:0}.vn2wgs-header h2{font-size:23px}}

.vn2wgs-coordinate-row{max-width:100%}
.vn2wgs-coordinate-row input{font-size:20px;font-weight:600;letter-spacing:.2px}
.vn2wgs-format-note{margin-top:7px;color:#667085;font-size:14px}
.vn2wgs-main-result{margin:8px 0 10px;font-size:23px;font-weight:800;word-break:break-all;color:#0f172a}
@media(max-width:760px){
  .vn2wgs-coordinate-row input{font-size:18px}
  .vn2wgs-main-result{font-size:20px}
}