*{box-sizing:border-box}body{margin:0;background:#edf2f8;color:#16243a;font:20px/1.6 Arial,"Microsoft YaHei",sans-serif}main{max-width:1050px;margin:auto;padding:36px 24px}h1{font-size:38px}h2{font-size:25px}a{color:#185ac1}p,small{color:#52627a}.card{padding:24px;background:#fff;border-radius:16px;margin:20px 0}label{display:block;font-weight:bold;margin:12px 0}.row{display:flex;gap:12px;flex-wrap:wrap}input,button,.button{font:inherit;padding:14px 20px;border:2px solid #9daec7;border-radius:10px}input{flex:1;min-width:200px;width:100%}button,.button{background:#185ac1;color:#fff;border-color:#185ac1;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#fff;color:#185ac1}button:disabled{opacity:.5;cursor:default}a:focus,input:focus,button:focus{outline:4px solid #ed9b16;outline-offset:4px}.code{font-size:48px;font-weight:bold;letter-spacing:6px;color:#185ac1;line-height:1.3;margin:16px 0}.status{white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#b42318}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.button-state{padding:10px;background:#edf2f8;border-radius:8px;font-size:16px}.pressed{background:#185ac1;color:#fff}pre{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:#edf2f8;padding:14px}progress{width:100%}table{width:100%;font-size:16px;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #dce3ed;text-align:left}#incoming{overflow-wrap:anywhere}small{display:block;margin-top:12px}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 16px}h1{font-size:30px}.code{font-size:36px}button{width:100%}}