:root{font:16px -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#e2ecfa;background:#111824;color-scheme:dark}*{box-sizing:border-box}main{max-width:1000px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:24px}h1 small{display:block;color:#a8bcd8;font-size:15px;margin-top:8px}form,article,#code-box{padding:22px;background:#202b3c;border:1px solid #41536e;border-radius:16px;margin:18px 0}label{display:flex;flex-direction:column;gap:8px;margin:12px 0}input,button{font:inherit;padding:12px;border:1px solid #4b6282;border-radius:9px;min-height:44px}input{background:#121d2d;color:#fff;max-width:100%;width:100%}button{background:#2864b2;color:white;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #a6d1ff;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#message{color:#ffdca8;white-space:pre-wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.actions input{width:110px}.device{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #41536e;padding-top:12px;margin-top:12px}p{line-height:1.6}small{color:#bacce4}[hidden]{display:none!important}#create{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}#create h2,#create button{grid-column:1/-1}@media(max-width:600px){main{padding:14px}#create{display:block}.device{align-items:start;flex-direction:column}}