:root{color-scheme:light;font:16px system-ui,sans-serif;color:#16332b;background:#f2f6f3}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:32px 20px}header{border-bottom:3px solid #21864e;padding-bottom:20px}h1{margin:6px 0}h2{font-size:1.3rem}p{line-height:1.5}.card,article{background:white;padding:24px;border:1px solid #ccd9d0;border-radius:12px;margin:20px 0}label{display:block;margin:14px 0 5px}input{display:block;width:100%;padding:11px;border:1px solid #819a8c;border-radius:6px;font:inherit}input[readonly]{background:#edf3ef}button{font:inherit;padding:11px 16px;border-radius:6px;border:1px solid #216943;background:#216943;color:white;margin:16px 8px 0 0;cursor:pointer}button.secondary{background:white;color:#216943}button:disabled{opacity:.55;cursor:wait}input:focus,button:focus{outline:3px solid #85bb99;outline-offset:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.hint,footer{font-size:.9rem;color:#415c50}.environment{padding:10px 14px;border:2px solid #216943;border-radius:6px;background:#fff}#new-serial:not(:empty){padding:18px;border:2px solid #216943;border-radius:8px;background:#fff}#message,#new-serial{white-space:pre-wrap;overflow-wrap:anywhere;font-weight:600}[hidden]{display:none!important}footer{margin-top:30px}article p{overflow-wrap:anywhere}@media(max-width:600px){.grid{grid-template-columns:1fr}main{padding:18px 12px}.card,article{padding:18px}}