:root{font-family:system-ui,sans-serif;color:#eeeaf8;background:#090d20}*{box-sizing:border-box}main{max-width:1100px;margin:50px auto;padding:24px}header{padding:0 0 32px}small{color:#b38aff;letter-spacing:.2em}h1{font-size:clamp(32px,5vw,54px);line-height:1.1}p{color:#b8b3ca;line-height:1.6}section{background:#14172f;border:1px solid #34304d;border-radius:18px;padding:24px;margin-bottom:20px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#c7bedc}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}input,select{background:#090d20;border:1px solid #51416c;color:#fff;border-radius:8px;padding:12px;width:100%}button{background:#6430ab;color:white;border:1px solid #a374de;border-radius:8px;padding:12px 18px;cursor:pointer;margin-top:16px}button:focus-visible,input:focus-visible{outline:3px solid #b788ff;outline-offset:3px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row h2{margin-right:auto}.client{border-top:1px solid #39364c;padding:18px 0}.devices{color:#aaa;font-size:14px}.client button{margin:5px 8px 5px 0}output{font:700 26px monospace;letter-spacing:.1em;overflow-wrap:anywhere;color:#d2aaff}#message{color:#ffd19c}