:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#0d1424;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:0 auto;padding:64px 24px 36px}.eyebrow{color:#5eead4;font-size:12px;letter-spacing:2px}h1{font-size:clamp(28px,5vw,40px);letter-spacing:-1px;margin:12px 0}header p,.muted,footer{color:#a0aec4}.connection{background:#131e32;border:1px solid #2b3952;border-radius:14px;padding:18px 24px;margin:30px 0 24px;display:grid;gap:9px}.connection div{display:flex;gap:20px;flex-wrap:wrap}.connection span{color:#a0aec4;min-width:100px}.connection code{overflow-wrap:anywhere}.connection strong{color:#5eead4;font-size:14px}.workspace{display:grid;grid-template-columns:1fr 1.15fr;gap:22px}.panel{background:#131e32;border:1px solid #2b3952;border-radius:14px;padding:24px;min-width:0}h2{margin:0;font-size:19px}.muted{font-size:14px;margin:8px 0 22px}button{width:100%;border:1px solid #405571;background:#21324c;color:#edf5ff;border-radius:8px;padding:12px 16px;cursor:pointer;font:inherit;text-align:left}button:hover{background:#2b4160}button.primary{background:#5eead4;border-color:#5eead4;color:#102d2b;font-weight:600}button.primary:hover{background:#99f6e4}button:disabled{cursor:wait;opacity:.55}.verb{font-family:monospace;font-size:12px;margin-right:12px;font-weight:700}label{display:block;margin:24px 0 10px;font-size:14px}textarea{width:100%;min-height:180px;resize:vertical;border:1px solid #405571;border-radius:8px;background:#0a1120;color:#c8e6f1;padding:14px;font:14px/1.7 monospace;margin-bottom:16px}button:focus-visible,textarea:focus-visible{outline:2px solid #5eead4;outline-offset:3px}.response-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.badge{background:#253249;color:#bdcbe0;padding:4px 10px;border-radius:20px;font-size:12px}.badge.success{background:#123c38;color:#5eead4}.badge.error{background:#482934;color:#fda4af}.badge.loading{color:#fcd34d}dl{display:flex;gap:44px;margin:0 0 14px}dt{color:#a0aec4;font-size:12px}dd{margin:4px 0;font:20px monospace}.request-url{overflow-wrap:anywhere;font:12px/1.6 monospace;color:#a0aec4}pre{background:#0a1120;border:1px solid #26354d;border-radius:8px;padding:18px;min-height:230px;max-height:440px;overflow:auto;font:13px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.error-message{color:#fda4af;font-size:14px}.database{margin-bottom:24px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}button.compact{width:auto;padding:7px 12px;font-size:13px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.database-note{margin:20px 0 0;font-size:12px}.character-count{text-align:right;color:#a0aec4;font-size:12px;margin:-9px 0 14px}.character-count.error-message{color:#fda4af}.notice{color:#5eead4;font-size:14px}.count{margin-left:6px;color:#a0aec4;font-size:13px}.items{list-style:none;padding:0;margin:0;max-height:480px;overflow:auto}.items li{padding:16px 0;border-bottom:1px solid #2b3952}.items li:first-child{padding-top:0}.items p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px}.items li>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#a0aec4;font-size:12px}.empty{padding:48px 10px;color:#a0aec4;text-align:center}.request-details{margin-top:24px}.request-details pre{min-height:80px;max-height:280px}footer{font-size:12px;margin-top:28px;text-align:center}@media(max-width:740px){main{padding-top:32px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics dd{font-size:17px}}