:root{--ink:#18232f;--muted:#677381;--line:#dbe1e7;--bg:#f8f9fa;--violet:#5942ac;--dark:#141923;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b29ced;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;top:-50px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.top{height:65px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:28px}.brand{font-weight:650;font-size:20px;letter-spacing:-.6px}.brand b{font:500 11px var(--mono);color:#727b87;border-left:1px solid #ccd2d9;margin-left:12px;padding-left:12px;letter-spacing:0}.topnav{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-left:auto}.topnav a:hover{color:var(--violet)}.language{font-family:var(--mono);font-size:11px}.layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:205px minmax(0,1fr)}.rail{border-right:1px solid var(--line);padding:32px 23px;min-height:calc(100vh - 65px);background:white}.rail-label{text-transform:uppercase;letter-spacing:.09em;color:#89919c;font:10px var(--mono);margin-bottom:12px}.rail a{display:block;padding:8px 10px;font-size:12px;margin:3px -10px}.rail a.active{background:#eeeaf7;color:var(--violet);border-radius:4px;font-weight:600}.rail .endpoint{font:11px var(--mono);color:var(--muted);padding:10px 0 25px;border-bottom:1px solid var(--line);margin-bottom:24px}.rail p{color:var(--muted);font-size:11px;line-height:1.8}.rail .mode{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);font:10px var(--mono);padding:6px 8px;margin:18px 0}.mode:before{content:"";width:5px;height:5px;background:#268066;border-radius:50%}main{min-width:0;padding:35px 34px 55px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.eyebrow{font:11px var(--mono);color:var(--violet);margin-bottom:7px}.page-heading h1{font-size:29px;font-weight:600;letter-spacing:-.9px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px;max-width:650px}.local-note{font-size:11px;color:var(--muted);padding:10px 13px;background:#f0eef7;border-left:3px solid #c3b5e2;margin-bottom:24px}.controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.controls label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.controls select{padding:7px 28px 7px 9px;background:white;border:1px solid #cbd3dc;border-radius:4px;color:var(--ink)}.button{background:white;border:1px solid #cbd3dc;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{background:#f4f1fa}.button.primary{background:var(--violet);border-color:var(--violet);color:white}.button.primary:hover{background:#463488}.button.small{font-size:11px;padding:5px 8px}.controls .spacer{flex:1}.workspace{display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #c6cdd8;border-radius:5px;overflow:hidden;background:white;margin-bottom:27px}.request{background:var(--dark);color:#d3dae8;min-width:0}.pane-head{height:47px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);border-bottom:1px solid #ffffff17;color:#b7c2d4}.method{color:#91cbb4;font-weight:600;margin-right:8px}.request textarea{display:block;width:100%;height:285px;resize:vertical;min-height:220px;border:0;border-radius:0;background:transparent;color:#d5dbea;line-height:1.9;font:12px/1.9 var(--mono);padding:22px 19px;white-space:pre;overflow:auto;tab-size:2}.request textarea:focus{outline:2px solid #9781db;outline-offset:-3px}.request-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;padding:13px 17px;font-size:10px;color:#8895a8;gap:15px}.response{min-width:0;display:flex;flex-direction:column;border-left:1px solid #cbd3dc}.response .pane-head{color:#717d8d;border-color:var(--line)}.http{font:600 11px var(--mono);padding:3px 6px;background:#eef1f5;border-radius:3px}.http.ok{color:#24715a;background:#eaf4ef}.http.error{color:#af473e;background:#faeded}.response pre{margin:0;padding:22px 18px;font:12px/1.85 var(--mono);white-space:pre-wrap;word-break:break-word;flex:1;min-height:260px;max-height:450px;overflow:auto}.response-foot{font:10px var(--mono);color:#788493;padding:13px 17px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 12px}.section-head h2{font-size:16px;font-weight:600}.section-head p{font-size:11px;color:var(--muted);margin-top:3px}.count{font:11px var(--mono);color:var(--muted)}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:4px;background:white}table{width:100%;border-collapse:collapse;min-width:680px;font-size:11px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}th{color:var(--muted);font-weight:500;background:#f4f6f8;font-size:10px}tr:last-child td{border:0}.mono{font-family:var(--mono);font-size:10px}.status{display:inline-block;font:10px var(--mono);background:#f1edf8;color:#685495;padding:3px 6px;border-radius:3px}.status.delivered{color:#24715a;background:#eaf4ef}.status.failed{color:#af473e;background:#faeded}.row-actions{display:flex;gap:5px}.empty{padding:30px 15px;text-align:center;color:var(--muted);font-size:12px;background:white;border:1px solid var(--line);border-radius:4px}.logs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logbox{border:1px solid var(--line);background:white;padding:16px;min-width:0}.logbox h3{font-size:12px;margin-bottom:14px}.log-list{padding:0;margin:0;list-style:none;font:10px/1.7 var(--mono);max-height:240px;overflow:auto}.log-list li{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #eef1f4}.log-list li:first-child{border:0}.log-list span:last-child{margin-left:auto}.log-list .muted{color:#929caa}.docs{border-top:1px solid var(--line);margin-top:30px;padding-top:8px}.docs details{border-bottom:1px solid var(--line);padding:14px 0}.docs summary{cursor:pointer;font-size:12px;font-weight:550}.docs p{font-size:12px;color:var(--muted);margin-top:12px;max-width:800px;line-height:1.9}.docs code{font:11px var(--mono);background:#ebeef2;padding:2px 4px}.foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8b95a2;margin-top:28px}.storage-error{background:#fff0d7;color:#825713;font-size:12px;padding:12px 4vw}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 19px;max-width:calc(100% - 30px);background:#282136;color:white;font-size:12px;z-index:99;border-radius:4px}.webhook-detail{margin-top:13px;background:#171e2a;color:#c9d6e6;padding:18px;font:11px/1.8 var(--mono);white-space:pre-wrap;word-break:break-word}.clear{color:#83718f;font-size:10px;text-decoration:underline}.not-real{font-size:10px;color:#8291a6}@media(max-width:1100px){.layout{grid-template-columns:170px minmax(0,1fr)}.rail{padding:28px 20px}main{padding:28px 23px}.workspace{grid-template-columns:1fr 1fr}.request textarea{font-size:11px}.response pre{font-size:11px}}@media(max-width:800px){.layout{display:block}.rail{display:none}.top{height:61px;padding:0 18px;gap:12px}.topnav{gap:13px}.topnav .hide-mobile{display:none}main{padding:25px 17px 40px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.workspace{grid-template-columns:1fr}.response{border-left:0;border-top:1px solid #cbd3dc}.request textarea{min-height:255px;height:275px;font-size:12px}.response pre{min-height:180px;font-size:11px}.controls{gap:8px}.controls .spacer{display:none}.controls label{width:100%;justify-content:space-between}.controls select{flex:1;max-width:260px}.controls>.button{flex:1}.logs{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head h2{font-size:15px}.brand{font-size:18px}.brand b{display:none}.foot{display:block;line-height:2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
