:root{font-family:Arial,sans-serif;color:#dfe7f5;background:#0b1120;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{padding:24px 32px;display:flex;justify-content:space-between;border-bottom:1px solid #253047}header b{font-size:23px}header small{display:block;margin-top:7px;color:#8b9bb6}.logo{color:#50dfbe;font-size:30px;margin-left:12px}#connection{color:#50dfbe;font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;padding:20px 32px;flex-wrap:wrap}button,input,select,textarea{font:inherit;border:1px solid #33415b;background:#151f32;color:#e3ebf8;border-radius:8px;padding:10px}button{cursor:pointer}button:hover{border-color:#50dfbe}button:disabled{opacity:.5;cursor:wait}#new,#copy,button[type=submit]{background:#50dfbe;color:#092920;border:0}.endpoint{margin:0 32px 25px;background:#131e30;border:1px solid #2c3e57;border-radius:12px;padding:22px}.endpoint>div{display:flex;gap:10px;margin:15px 0}.endpoint input{flex:1;min-width:0;font-family:monospace}.endpoint small{color:#98a9c2}main{display:grid;grid-template-columns:340px 1fr;margin:0 32px;border:1px solid #26344a;border-radius:12px;min-height:480px;overflow:hidden}aside{border-left:1px solid #26344a;background:#10192a;padding:16px}.listhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}#count{color:#50dfbe}#search{width:100%;margin-bottom:14px}.request{display:block;text-align:right;width:100%;margin-bottom:8px;padding:14px;background:transparent}.request.selected{border-color:#50dfbe;background:#1a3040}.request strong{color:#50dfbe;font-family:monospace}.request small{display:block;margin-top:9px;color:#93a4bd}.request span{display:block;direction:ltr;overflow-wrap:anywhere;margin-top:8px}article{padding:28px;min-width:0}.empty{padding:100px 10px;text-align:center;color:#8d9eb8}pre{background:#080f1d;border:1px solid #26344a;padding:16px;border-radius:8px;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto}h2{font-size:22px}h3{font-size:14px;color:#a7b9d4;margin-top:24px}.meta{color:#a4b4cc;line-height:1.8;overflow-wrap:anywhere}footer{padding:18px 32px;color:#50dfbe}dialog{width:min(560px,95vw);border:1px solid #41516d;border-radius:14px;background:#111c2e}dialog::backdrop{background:#000a}form label{display:block;margin:18px 0}form input,form textarea{display:block;width:100%;margin-top:8px}form>div{display:flex;gap:10px}@media(max-width:800px){main{grid-template-columns:1fr;margin:0 12px}aside{border-left:0;border-bottom:1px solid #26344a}#requests{max-height:270px;overflow:auto}.endpoint{margin:0 12px 18px}.endpoint>div{flex-wrap:wrap}.endpoint input{flex-basis:100%}header,.toolbar{padding:18px}header b{font-size:18px}article{padding:18px}}