*{box-sizing:border-box}body{margin:0;background:#111114;color:#eee;font:16px/1.6 system-ui,sans-serif}header{padding:24px;border-bottom:1px solid #444}a{color:#d9ee9c}h1{font-size:26px}h2{font-size:20px}button,input,select,textarea{font:inherit;color:inherit;background:#232328;border:1px solid #777;border-radius:4px;padding:10px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button[aria-current=page],button[aria-pressed=true]{border-color:#d9ee9c;color:#d9ee9c}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #d9ee9c;outline-offset:3px}.layout{display:grid;grid-template-columns:250px minmax(0,1fr)}nav{padding:20px;border-right:1px solid #444}nav button{display:block;width:100%;margin:8px 0;text-align:left}main{padding:24px;min-width:0}#controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;border-bottom:1px solid #444;text-align:left;vertical-align:top}form{max-width:740px;display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:6px}.full{grid-column:1/-1}fieldset{border:1px solid #555;max-height:280px;overflow:auto}fieldset label{display:flex;flex-direction:row}pre{white-space:pre-wrap;overflow-wrap:anywhere}#notice,#connection{color:#d9ee9c}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;background:#111;padding:12px}small{color:#bbb}@media(max-width:760px){.layout{grid-template-columns:1fr}nav{border-right:0;border-bottom:1px solid #444}nav button{width:auto;display:inline-block;margin:4px}main,header{padding:16px}form{grid-template-columns:1fr}form>*{grid-column:1}table{min-width:550px}}