*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #02070b;--panel: #071018;--panel-2: #0b141e;--panel-3: #101923;--border: rgba(148, 163, 184, .14);--border-strong: rgba(124, 106, 247, .7);--text: #f4f7fb;--muted: #8b98aa;--soft: #c7d0df;--green: #16d47b;--green-dim: #0c8f55;--purple: #7c6af7;--blue: #3b82f6;--yellow: #f5b82e;--red: #ef4444;--orange: #f97316;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace}html,body{min-height:100%;background:radial-gradient(circle at top left,rgba(22,212,123,.1),transparent 34rem),linear-gradient(135deg,#02070b,#071018,#02070b);color:var(--text);font-family:var(--font);font-size:14px}button,input{font:inherit}button{cursor:pointer}#app{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:18px;background:#030a10e6;border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;padding:2px 6px 18px;border-bottom:1px solid var(--border)}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--green),#0da86a);color:#02110a;font-weight:900}.logo{font-size:28px;font-weight:800;letter-spacing:0}.new-btn,.go-btn{min-height:46px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--green),var(--green-dim));color:#fff;font-weight:750}.nav{display:grid;gap:6px}.nav-item{display:block;padding:13px 16px;border-radius:8px;color:var(--soft);text-decoration:none}.nav-item.active,.nav-item:hover{background:#94a3b817;color:var(--text)}.overview-card,.sidebar-footer,.overlay-card{border:1px solid var(--border);border-radius:8px;background:#0b141ebd;box-shadow:0 18px 60px #0000003d}.overview-card{padding:18px}.overview-card h3{margin-bottom:18px;font-size:15px}.overview-card dl{display:grid;gap:14px}.overview-card div{display:flex;justify-content:space-between;gap:16px}.overview-card dt,.sidebar-footer span,.endpoint-card small,.stats span,.toolbar-search,.empty-hint,.detail-ts{color:var(--muted)}.overview-card dd{color:var(--text)}.sidebar-footer{display:grid;gap:6px;margin-top:auto;padding:16px}.workspace{display:flex;flex-direction:column;min-width:0}header{display:flex;align-items:center;gap:14px;min-height:74px;padding:16px 20px;border-bottom:1px solid var(--border);background:#030a109e}.search-box,.server-pill,.icon-btn,.avatar-btn,.toolbar-btn,.endpoint-pill,.toolbar-search{border:1px solid var(--border);border-radius:8px;background:#071018d1}.search-box{width:min(390px,45vw);padding:12px 16px;color:var(--muted)}.server-pill{display:flex;align-items:center;gap:8px;margin-left:auto;padding:10px 14px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.connected,.toolbar-btn.live:before{background:var(--green);box-shadow:0 0 12px #16d47bcc}.icon-btn,.avatar-btn{min-height:42px;padding:0 16px;color:var(--text)}.avatar-btn{width:42px;padding:0;border-radius:50%;background:var(--purple);font-weight:800}#overlay{display:grid;flex:1;min-height:calc(100vh - 74px);place-items:center;padding:24px}.overlay-card{display:grid;width:min(480px,100%);gap:16px;padding:30px;text-align:center}.overlay-card h2{font-size:28px}.overlay-card p{color:var(--muted);line-height:1.6}.token-form{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:10px}.token-input{min-width:0;border:1px solid var(--border);border-radius:8px;background:#02070bdb;color:var(--text);padding:0 14px;outline:0}.token-input:focus{border-color:var(--purple)}.divider,.create-link{color:var(--muted)}.create-link{border:0;background:transparent;text-decoration:underline}.main{display:grid;grid-template-columns:380px minmax(0,1fr);flex:1;min-height:calc(100vh - 74px)}.endpoints-panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border-right:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h3{font-size:18px}.count-badge,.active-chip{border-radius:999px;background:#16d47b1f;color:var(--green);font-weight:750}.count-badge{padding:3px 9px;font-size:12px}.endpoint-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 12px;width:100%;margin-top:8px;padding:18px;border:1px solid var(--border-strong);border-radius:8px;background:linear-gradient(135deg,#7c6af724,#071018b8);color:var(--text);text-align:left}.endpoint-card strong,.endpoint-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-count{grid-column:2;color:var(--muted)}.detail-panel{display:flex;min-width:0;flex-direction:column;background:#02070b57}.endpoint-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid var(--border);flex-wrap:wrap}.endpoint-top>div:first-child{min-width:0;flex:1 1 440px}.endpoint-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.endpoint-title h1{font-size:22px}.active-chip{padding:6px 10px;font-size:12px}.endpoint-pill{display:flex;width:min(520px,100%);align-items:center;gap:10px;padding:10px 12px}.endpoint-pill .url{min-width:0;flex:1;overflow:hidden;color:var(--soft);text-overflow:ellipsis;white-space:nowrap}.copy-btn{border:1px solid var(--border);border-radius:6px;background:#94a3b814;color:var(--text);padding:5px 9px}.settings-form{display:flex;flex-direction:column;gap:8px;padding:12px 0}.settings-form label{font-size:12px;color:var(--muted)}.settings-input{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 10px;font-size:13px;width:120px}.settings-textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:12px;font-family:var(--mono);resize:vertical}.settings-save-btn{align-self:flex-start;background:var(--purple);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.curl-btn{border:1px solid var(--border);border-radius:6px;background:#94a3b814;color:var(--muted);padding:3px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.curl-btn:hover{border-color:var(--purple);color:var(--text)}.stats{display:flex;flex:1 1 280px;justify-content:flex-end;gap:18px;min-width:0}.stats div{display:grid;gap:6px;min-width:76px}.stats strong{font-size:20px}.section-tabs,.tabs{display:flex;gap:22px;border-bottom:1px solid var(--border)}.section-tabs{padding:0 28px}.section-tab,.tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted)}.section-tab{padding:16px 0;font-weight:700}.section-tab.active,.tab.active{border-bottom-color:var(--purple);color:var(--text)}.request-toolbar{display:flex;gap:12px;padding:16px 14px}.toolbar-search{min-width:230px;padding:11px 14px}.toolbar-btn{min-height:42px;padding:0 16px;color:var(--text)}.toolbar-btn.live{display:flex;align-items:center;gap:8px;margin-left:auto}.toolbar-btn.live:before{display:block;width:9px;height:9px;border-radius:50%;content:""}.inspector-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:0;flex:1;padding:0 14px 14px}.list-panel,.inspector-panel{min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#071018b8}.request-list{height:100%;overflow-y:auto}.request-item{display:flex;width:100%;align-items:flex-start;gap:10px;padding:14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left}.request-item:hover,.request-item.active{background:#7c6af71f}.method-badge{display:inline-block;border-radius:5px;padding:4px 7px;background:#7c6af733;color:#d9d4ff;font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:0}.method-GET{background:#3b82f638;color:#9bc2ff}.method-POST{background:#7c6af73d;color:#d9d4ff}.method-PUT{background:#f5b82e2e;color:var(--yellow)}.method-DELETE{background:#ef44442e;color:var(--red)}.method-PATCH{background:#f973162e;color:var(--orange)}.method-OTHER{background:#94a3b824;color:var(--muted)}.request-meta{min-width:0}.request-path{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-time{display:block;margin-top:4px;color:var(--muted);font-size:12px}.new-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--green)}.empty-state,.detail-placeholder{display:grid;height:100%;min-height:320px;place-content:center;gap:12px;color:var(--muted);text-align:center}.empty-icon,.big-icon{justify-self:center;border:1px solid var(--border);border-radius:8px;color:var(--green);font-family:var(--mono);font-weight:800}.empty-icon{padding:8px 10px}.big-icon{padding:12px 14px}.detail-content{display:flex;height:100%;flex-direction:column}.detail-top{flex-shrink:0;padding:18px 18px 0;border-bottom:1px solid var(--border)}.detail-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-path{min-width:0;overflow-wrap:anywhere;font-weight:750}.tabs{gap:18px;margin-top:14px}.tab{padding:11px 0}.tab-content{flex:1;overflow:auto;padding:18px}.kv-table{width:100%;border-collapse:collapse}.kv-table th,.kv-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.kv-table th{color:var(--muted);font-size:12px;font-weight:700}.kv-table td:first-child{color:var(--soft);white-space:nowrap}.kv-table td:last-child,.info-card .card-value{overflow-wrap:anywhere}.body-pre{min-height:180px;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:#02070bdb;color:var(--soft);font-family:var(--mono);font-size:12px;line-height:1.65;padding:18px;white-space:pre}.body-empty,.empty-table-message{color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-card{border:1px solid var(--border);border-radius:8px;background:#02070b80;padding:16px}.card-label{margin-bottom:8px;color:var(--muted);font-size:12px}#toast{position:fixed;right:24px;bottom:24px;z-index:10;max-width:min(360px,calc(100vw - 32px));border:1px solid var(--border);border-radius:8px;background:var(--panel-3);color:var(--text);opacity:0;padding:12px 16px;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.json-key{color:#9bc2ff}.json-str{color:#34d399}.json-num{color:var(--yellow)}.json-bool{color:#60a5fa}.json-null{color:var(--muted)}.hidden{display:none!important}@media(max-width:1100px){#app{grid-template-columns:230px minmax(0,1fr)}.main{grid-template-columns:300px minmax(0,1fr)}.endpoint-top,.stats{align-items:flex-start;flex-direction:column}.endpoint-pill{width:min(620px,100%)}}@media(max-width:1350px){.stats{flex-basis:100%;justify-content:flex-start}}@media(max-width:820px){#app,.main,.inspector-grid{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--border)}header,.request-toolbar,.stats{flex-wrap:wrap}.search-box,.server-pill,.toolbar-search,.toolbar-btn.live{width:100%;margin-left:0}.endpoints-panel{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:520px){.sidebar,.endpoints-panel,.endpoint-top{padding:16px}.brand{padding-bottom:12px}.logo{font-size:24px}.token-form{grid-template-columns:1fr}.go-btn{width:100%}.stats{gap:14px}.section-tabs,.tabs{overflow-x:auto}.request-toolbar{padding:14px}.info-grid{grid-template-columns:1fr}}