:root{--bg:#14161b;--bg2:#1b1e25;--bg3:#232830;--border:#2c313c;--text:#d7dbe2;--muted:#8b93a3;--blue:#4d9fff;--green:#2ec27e;--purple:#c678dd;--yellow:#e5c07b;--orange:#e5a25b;--red:#e06c75;--pink:#d9618b}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}button{font:inherit}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.logo{border:2px solid var(--blue);border-radius:50%;align-self:center;width:14px;height:14px;position:relative}.logo:after{content:"";background:var(--blue);width:4px;height:4px;position:absolute;top:3px;left:3px}.title{letter-spacing:.3px;font-size:16px;font-weight:700}.subtitle{color:var(--muted);font-size:12px}.transport{color:var(--muted);background:var(--bg3);border:1px solid var(--border);white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px}.resend-btn{cursor:pointer;background:var(--bg3);border:1px solid var(--blue);color:var(--blue);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;transition:background .1s,color .1s}.resend-btn:hover{color:#fff;background:#4d9fff2e}.transport.proxy{color:var(--green);border-color:#2ec27e59}.actions{gap:8px;display:flex}.btn{cursor:pointer;border:1px solid var(--border);background:var(--bg3);color:var(--text);border-radius:7px;padding:7px 14px;transition:border-color .12s,background .12s}.btn:hover:not(:disabled){border-color:var(--blue);background:#2a3040}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--blue);border-color:var(--blue);color:#0b1220;font-weight:600}.btn.primary:hover:not(:disabled){background:#6aafff}.vars{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:7px 12px;display:flex}.var-chip{background:var(--bg3);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:2px 6px 2px 9px;display:inline-flex}.var-chip .vn{color:var(--purple);font-family:Consolas,Cascadia Mono,monospace;font-size:12px}.var-chip input{color:var(--green);background:0 0;border:0;outline:0;width:120px;font-family:Consolas,Cascadia Mono,monospace;font-size:12px}.panes{flex:1;grid-template-columns:minmax(380px,1.15fr) minmax(320px,.85fr);min-height:0;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.pane.left{border-right:1px solid var(--border)}.pane-title{color:var(--muted);background:var(--bg2);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.4px;flex:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.pane-tip{text-transform:none;letter-spacing:0}.editor{background:var(--bg);flex:1;min-height:0;position:relative;overflow:hidden}.editor pre,.editor textarea{tab-size:4;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;border:0;margin:0;padding:14px 16px;font-family:Consolas,Cascadia Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;position:absolute;inset:0}.editor pre{pointer-events:none;z-index:1;overflow:hidden}.editor textarea{z-index:2;resize:none;color:#0000;caret-color:var(--blue);background:0 0;outline:0;overflow:auto}.editor textarea::selection{background:#4d9fff4d}.editor textarea::placeholder{color:#4a5160}.editor textarea::-webkit-scrollbar{width:9px;height:9px}.editor textarea::-webkit-scrollbar-thumb{background:#3a4150;border-radius:5px}.editor textarea::-webkit-scrollbar-track{background:0 0}.c-comment,.c-sep-text{color:var(--green)}.send-req-btn{z-index:5;color:#cde3ff;cursor:pointer;white-space:nowrap;background:#4d9fff24;border:1px solid #4d9fff8c;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;transition:background .1s,color .1s;position:absolute;transform:translateY(-100%);box-shadow:0 2px 6px #00000073}.send-req-btn:hover{color:#fff;background:#4d9fff4d}.send-req-btn:disabled{opacity:.5;cursor:default}.c-sep{color:var(--green);font-weight:700}.c-var,.c-header{color:var(--blue)}.c-varval,.c-hval{color:var(--text)}.c-syntax{color:var(--purple);font-weight:600}.c-url{color:var(--orange)}.c-token{color:var(--yellow)}.c-body{color:#b6bcc8}.chips{background:var(--bg2);border-top:1px solid var(--border);flex:none;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.chip{background:var(--bg3);border:1px solid var(--border);cursor:pointer;color:var(--text);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:4px 10px;font-size:12px;display:inline-flex}.chip:hover{border-color:var(--muted)}.chip.active{border-color:var(--blue);background:#4d9fff24}.chip .m{font-size:11px;font-weight:700}.mth-col.get{color:var(--green)}.mth-col.post{color:var(--blue)}.mth-col.put{color:var(--orange)}.mth-col.patch{color:var(--purple)}.mth-col.delete{color:var(--red)}.mth-col.head,.mth-col.options,.mth-col.trace,.mth-col.connect{color:var(--muted)}.resp-head{background:var(--bg2);border-bottom:1px solid var(--border);flex:none;min-height:58px;padding:12px 14px}.resp-title{color:var(--text);word-break:break-word;margin-bottom:8px;font-size:14px;font-weight:700}.resp-empty{color:var(--muted);padding:6px 0;font-size:13px}.resp-empty b{color:var(--text);font-family:Consolas,Cascadia Mono,monospace}.status-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-line .target{color:var(--text);word-break:break-all;font-family:Consolas,Cascadia Mono,monospace;font-size:12.5px}.status-line .meta{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.sb{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:4px 10px;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;font-weight:600;display:inline-flex}.sb-2xx{color:var(--green);background:#2ec27e1f;border-color:#2ec27e73}.sb-3xx{color:var(--yellow);background:#e5c07b1f;border-color:#e5c07b73}.sb-4xx{color:var(--orange);background:#e5a25b1f;border-color:#e5a25b73}.sb-5xx{color:var(--red);background:#e06c751f;border-color:#e06c7573}.sb-other,.sb-err{color:var(--muted);border-color:var(--border);background:var(--bg3)}.sb-err{color:var(--red);background:#e06c751f;border-color:#e06c7573}.resp-note{color:var(--orange);margin-top:8px;font-size:12.5px}.resp-tabs{background:var(--bg);border-bottom:1px solid var(--border);flex:none;gap:4px;padding:8px 12px 0;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;padding:6px 12px;font-size:12.5px}.tab:hover{color:var(--text)}.tab.active{color:var(--blue);background:var(--bg2);border-color:var(--border)}.resp-content{background:var(--bg);flex:1;min-height:0;overflow:auto}.resp-pre{color:#d7dbe2;white-space:pre-wrap;word-break:break-word;margin:0;padding:12px 14px;font-family:Consolas,Cascadia Mono,Fira Code,Menlo,monospace;font-size:12.5px;line-height:1.55}.resp-error{color:var(--red);background:#e06c7514;border:1px solid #e06c7566;border-radius:8px;margin:12px 14px;padding:12px 14px;font-size:13px}.resp-error pre{white-space:pre-wrap;word-break:break-word;color:#e8a3a8;margin:8px 0 0;font-family:Consolas,monospace;font-size:12px}.resp-img-wrap{padding:12px}.resp-img{border:1px solid var(--border);border-radius:6px;max-width:100%}.hrows{padding:4px 14px}.hrow{border-bottom:1px dashed var(--border);grid-template-columns:minmax(140px,32%) 1fr;gap:10px;padding:5px 0;font-family:Consolas,Cascadia Mono,monospace;font-size:12px;display:grid}.hrow .hname{color:var(--purple);word-break:break-all}.hrow .hval{color:var(--text);word-break:break-all}@media (width<=820px){.panes{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.pane.left{border-right:0;border-bottom:1px solid var(--border)}.subtitle{display:none}}