:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#18243b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:32px 20px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:32px;color:#64748b;gap:16px}.brand{font-weight:850;letter-spacing:.12em;color:#1756d1;font-size:26px}h1{font-size:36px;letter-spacing:-.035em;margin:8px 0}h2{font-size:20px;margin:0 0 16px}.muted,small{color:#64748b;line-height:1.6}section{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:24px;margin:22px 0;box-shadow:0 4px 22px #15315b05}form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}label{display:grid;gap:8px;flex:1;font-size:14px;font-weight:600}input,select{font:inherit;border:1px solid #cbd5e1;border-radius:9px;padding:11px;min-width:0;width:100%}button{font:inherit;cursor:pointer;border:0;border-radius:9px;background:#1756d1;color:white;padding:12px 17px;font-weight:600}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#e9eff8;color:#203557}button.danger{background:#a82138}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ab4ff;outline-offset:3px}.toolbar,.device{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar{justify-content:flex-end}.device{padding:14px 0;border-top:1px solid #e2e8f0;justify-content:space-between}.device span{flex:1;min-width:180px}.badge{font-size:12px;padding:6px 10px;border-radius:20px;background:#e9eff8}#message{white-space:pre-wrap;color:#9f1239}#issued-code{display:block;overflow-wrap:anywhere;padding:18px;background:#eaf7ef;margin:15px 0;user-select:all}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){h1{font-size:29px}section{padding:18px}form{display:grid}header{font-size:12px}}