:root{color:#ececf1;background:#17191f;font-family:system-ui,sans-serif}body{margin:0}main{max-width:900px;margin:0 auto;padding:24px}h1{margin-top:0}form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}label{gap:6px;display:grid}input{box-sizing:border-box;color:#fff;background:#262932;border:1px solid #545965;border-radius:5px;min-width:220px;padding:9px}button{color:#11131b;cursor:pointer;background:#7987f5;border:0;border-radius:5px;padding:10px 13px;font-weight:700}button:hover{background:#a2acff}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}pre{background:#262932;border-radius:6px;padding:18px;overflow:auto}#status{min-height:1.5em}