:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.65}body{margin:0;background:#101820;color:#f1f5f9}main{max-width:880px;margin:2rem auto;padding:1.5rem;background:#162432;border-radius:12px}h1{font-size:1.65rem}p{color:#d3dde8}form{margin:1.4rem 0;max-width:420px}label{display:block;margin-top:.75rem}input{display:block;box-sizing:border-box;width:100%;padding:.7rem;border:1px solid #7091ac;border-radius:6px;background:#101820;color:#fff;font:inherit;direction:ltr}input[type=hidden]{display:none}button{padding:.65rem 1rem;margin:.7rem 0;border:0;border-radius:6px;background:#72d0cc;color:#102328;font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:.7rem}.error{color:#ffb4ac}pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;padding:1rem;background:#09121a;border-radius:6px;font-size:.86rem}pre:empty{display:none}@media(max-width:600px){main{margin:0;border-radius:0;padding:1rem}h1{font-size:1.35rem}.actions{display:grid;gap:.1rem}button{min-height:44px}}