:root{font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183642;background:#edf3f4}*{box-sizing:border-box}body{margin:0}header{padding:36px max(20px,calc((100vw - 740px)/2));background:#123e51;color:white}.brand{font-size:12px;letter-spacing:.1em}.brand b{font-weight:400;opacity:.65}h1{font-size:clamp(30px,6vw,44px);margin:24px 0 12px;letter-spacing:-.04em}header p{color:#c7dde4}main{max-width:780px;margin:auto;padding:22px 18px}h2{font-size:22px;margin:0 0 16px}h3{font-size:18px}p{line-height:1.55;color:#4e6975}.card{background:white;border:1px solid #d6e2e6;border-radius:18px;padding:23px;margin-bottom:18px}button,.button{font:inherit;background:#126883;color:white;border:0;border-radius:10px;padding:14px 18px;display:inline-block;cursor:pointer;text-align:center}.secondary{background:#e9f1f4;color:#21576b}.text{background:transparent;color:#476d7c;padding:0;font-size:13px}button:disabled{opacity:.5;cursor:wait}label{display:block;font-weight:600}input:not([hidden]),select{font:inherit;width:100%;padding:13px;border:1px solid #b9ced6;border-radius:9px;margin:8px 0 16px;background:white;color:#173c4d}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.canvas-wrap{background:#102c37;border-radius:10px;overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none}.page{padding:12px;background:#f1f6f7;border-radius:10px;margin:14px 0;display:flex;align-items:center;gap:15px}.page img{width:90px;height:115px;object-fit:contain;background:white}.page button{margin-left:auto}#send{width:100%}#status{white-space:pre-wrap;padding:0 10px;color:#16566b;font-weight:600}#coordinates{display:grid;grid-template-columns:1fr 1fr;gap:8px}footer{text-align:center;padding:24px;color:#6d8790;font-size:12px}[hidden]{display:none!important}