:root{color-scheme:dark;font:15px/1.55 system-ui,sans-serif;background:#101312;color:#e4ebe6}*{box-sizing:border-box}body{margin:0}main{max-width:1060px;margin:auto;padding:58px 24px}.eyebrow{color:#9ecbb0;letter-spacing:.14em;font-size:11px;font-weight:700}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em;line-height:1.1;margin:18px 0}header p{color:#a5b3a9;max-width:670px;margin-bottom:32px}section{border:1px solid #344339;border-radius:10px;background:#171d19;margin-bottom:18px}.connection{padding:20px;display:flex;gap:16px;align-items:end;flex-wrap:wrap}label{display:grid;gap:6px;font-size:12px;color:#a5b3a9}label:first-child{flex:1;min-width:200px}input,select,textarea{font:inherit;color:inherit;background:#101612;border:1px solid #405047;border-radius:5px;padding:10px}input{width:100%}button{background:#b8e9a4;border:0;border-radius:5px;padding:12px 18px;color:#14220c;font:600 13px system-ui;cursor:pointer;min-height:42px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#2a372e;color:#dce9de}#connection{font-size:12px;align-self:center}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:16px}h2{font-size:14px;margin:0}select{font-size:12px;padding:6px}textarea{display:block;resize:vertical;min-height:210px;width:100%;border:0;border-top:1px solid #344339;border-bottom:1px solid #344339;border-radius:0;font:14px/1.7 ui-monospace,monospace;padding:20px;tab-size:2}.actions{display:flex;align-items:center;gap:12px;padding:16px 20px;flex-wrap:wrap}.actions span,footer,#metrics{font-size:12px;color:#a5b3a9}kbd{font:10px system-ui;margin-left:15px;opacity:.65}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 ui-monospace,monospace;margin:0;padding:20px;min-height:90px}details{border-top:1px solid #344339}summary{padding:14px 20px;font-size:12px;color:#a5b3a9;cursor:pointer}footer{padding-top:8px}a{color:#b8e9a4}.error{color:#ffb4a8}@media(max-width:600px){main{padding:30px 16px}.toolbar{align-items:start;flex-direction:column}.connection label{width:100%}}
