:root{font:15px/1.6 'Segoe UI',sans-serif;color:#18333d;background:#f1f5f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}header{background:#14252b;color:#fff;display:flex;align-items:center;gap:14px;padding:18px 4vw}header small{display:block;font-size:11px;color:#bcd2d9}.brand{font-size:28px;font-weight:850;border-radius:9px;background:#ce263b;padding:0 10px}.demo{margin-left:auto;color:#ffdda1;font-size:11px;letter-spacing:2px}header img{width:46px;height:46px;object-fit:contain}main{width:min(900px,94%);margin:30px auto}section{background:#fff;border:1px solid #d8e3dd;padding:24px;border-radius:14px;margin-bottom:18px}h1{font-size:23px}h2{font-size:18px}label{display:block;font-size:13px;font-weight:600;margin:12px 0}input,select{width:100%;padding:11px;border:1px solid #bccbc6;border-radius:6px;font:inherit;background:white}button,.button{border:0;background:#c92c40;color:white;padding:11px 16px;min-height:44px;border-radius:7px;font:600 13px 'Segoe UI',sans-serif;cursor:pointer;display:inline-block;text-decoration:none;margin:5px 8px 5px 0}button:disabled{opacity:.5;cursor:wait}footer{margin-top:auto;padding:20px 4vw;font-size:11px;color:#627773}footer span{display:block}.device{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #dce4e1}.device strong{flex:1}.device select{width:auto;max-width:180px}.device small{display:block}#error{color:#a12132;background:#fff0f1;padding:14px;border-radius:8px}#qr svg{width:220px;height:220px;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #c49d27;outline-offset:3px}

details{background:#f5f8f6;border:1px solid #d6e0db;padding:13px;border-radius:8px;margin:14px 0}summary{cursor:pointer;font-weight:650}details li{margin:7px 0}.help{font-size:13px;color:#5c746d}