:root{font-family:system-ui,sans-serif;color:#e8eef7;background:#101724}body{margin:0}main{max-width:1080px;margin:40px auto;padding:24px}h1{font-size:30px}p{color:#adbfd4}form{padding:22px;background:#192437;border:1px solid #35445c;border-radius:12px}label{display:block;margin:14px 0}input,select{display:block;box-sizing:border-box;width:100%;padding:11px;margin-top:6px;border-radius:6px;border:1px solid #50617a;background:#101724;color:inherit;font-size:15px}button{padding:10px 16px;border:0;border-radius:6px;background:#84a9ff;color:#071022;cursor:pointer;margin:4px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #35445c;padding:12px}th{color:#adbfd4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bar{margin:16px 0}.scroll{overflow:auto}.key{color:#9ff0bb;word-break:break-all}#status{white-space:pre-wrap;color:#9ff0bb}@media(max-width:650px){.grid{grid-template-columns:1fr}main{padding:14px;margin:10px auto}}
.relay-preview{width:100%;max-width:600px}