:root{color-scheme:dark;font:15px system-ui;background:#121821;color:#e9eef6}body{margin:0}main{max-width:1000px;margin:40px auto;padding:0 24px}header,section{margin-bottom:24px;padding:24px;border:1px solid #344252;border-radius:12px;background:#192330}header p{color:#8bbcff;margin:0}h1{margin:10px 0}h2{font-size:18px}#state{color:#b2c6da}input,select,button{font:inherit;border:1px solid #586c85;border-radius:7px;padding:10px;background:#25364c;color:inherit}input{display:block;width:min(440px,90%);margin:12px 0}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap}p{line-height:1.5;color:#b5c3d3}pre{white-space:pre-wrap;overflow-wrap:anywhere;height:340px;overflow:auto;background:#0d131c;padding:16px;border-radius:8px;font:13px/1.5 Consolas,monospace}#operation{min-height:24px}