:root{font-family:system-ui,sans-serif;color:#18392f;background:#f1f4ef}body{margin:0}main{max-width:1050px;margin:32px auto;padding:30px;background:#fff;border:1px solid #d2dfd6;border-radius:10px}.eyebrow{letter-spacing:.1em;font-size:12px;color:#477060}h1{font-size:29px}p{line-height:1.65}.actions{display:flex;gap:10px;flex-wrap:wrap}button,input,select{font:inherit;padding:10px;border:1px solid #98b1a4;border-radius:5px;margin:5px 0}button{background:#245b48;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}label{display:block;margin-top:16px}input{flex:1;min-width:200px}table{width:100%;margin-top:20px;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #dbe3dd;text-align:left;overflow-wrap:anywhere}progress{width:100%}#error{color:#a12828}#metrics,#queryMetrics{font-size:13px;font-variant-numeric:tabular-nums}pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;min-height:180px;padding:18px;background:#f5f7f2;font-family:inherit;border:1px solid #dbe3dd}button:focus-visible,input:focus-visible{outline:3px solid #6cbba0}@media(max-width:650px){main{margin:0;padding:16px}table{font-size:12px}}
