.ap-mock{color:#0f172a;background:linear-gradient(#fafafe 0%,#f3f4fb 100%);grid-template-columns:200px 1fr;height:clamp(440px,56vh,540px);display:grid}[data-theme=dark] .ap-mock{color:#e2e8f0;background:linear-gradient(#0f1119 0%,#0a0c14 100%)}.ap-side{background:#fff9;border-right:1px solid #0f172a14;flex-direction:column;gap:4px;padding:12px 8px;display:flex;overflow:hidden}[data-theme=dark] .ap-side{background:#ffffff05;border-right-color:#ffffff0f}.ap-side-head{letter-spacing:.6px;text-transform:uppercase;color:#0f172a80;border-bottom:1px solid #0f172a0f;margin-bottom:4px;padding:0 6px 6px;font-size:9px;font-weight:700}[data-theme=dark] .ap-side-head{color:#e2e8f080;border-bottom-color:#ffffff0f}.ap-route{font-size:9.5px;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);color:#0f172ab3;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;grid-template-columns:38px 1fr;align-items:center;gap:6px;padding:5px 6px;display:grid;overflow:hidden}[data-theme=dark] .ap-route{color:#e2e8f0b3}.ap-route-active{color:#6366f1;background:#6366f11a}[data-theme=dark] .ap-route-active{color:#a5b4fc;background:#818cf81f}.ap-method{letter-spacing:.4px;font-size:8px;font-weight:800;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}.ap-method-get{color:#16a34a;background:#22c55e29}.ap-method-post{color:#6366f1;background:#6366f129}.ap-method-patch{color:#d97706;background:#f59e0b29}.ap-method-delete{color:#ef4444;background:#ef444429}.ap-path{text-overflow:ellipsis;font-size:9.5px;font-weight:500;overflow:hidden}.ap-main{flex-direction:column;gap:10px;min-width:0;padding:14px 16px;display:flex;overflow:hidden}.ap-req{background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f}[data-theme=dark] .ap-req{background:#ffffff0a;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.ap-req-url{font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);color:#0f172a8c;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}[data-theme=dark] .ap-req-url{color:#e2e8f08c}.ap-req-path{color:#0f172a;font-weight:600}[data-theme=dark] .ap-req-path{color:#e2e8f0}.ap-req-send{letter-spacing:.4px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px;padding:5px 12px;font-size:9.5px;font-weight:700}.ap-headers{background:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f}[data-theme=dark] .ap-headers{background:#ffffff0a;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.ap-headers-head{letter-spacing:.6px;text-transform:uppercase;color:#0f172a73;margin-bottom:4px;font-size:8px;font-weight:700}[data-theme=dark] .ap-headers-head{color:#e2e8f073}.ap-h-row{font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);grid-template-columns:110px 1fr;align-items:center;gap:8px;font-size:9px;display:grid}.ap-h-key{color:#6366f1;font-weight:600}.ap-h-val{color:#0f172aa6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-theme=dark] .ap-h-val{color:#e2e8f0a6}.ap-resp{background:#0f172a;border-radius:8px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:10px 12px;display:flex;overflow:hidden}[data-theme=dark] .ap-resp{background:#050813}.ap-resp-head{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding-bottom:6px;display:flex}.ap-resp-status{letter-spacing:.3px;color:#4ade80;background:#22c55e26;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.ap-resp-time{font-variant-numeric:tabular-nums;color:#c7d2fe;font-size:9.5px;font-weight:600;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);align-items:center;gap:5px;display:inline-flex}.ap-resp-pulse{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite ap-pulse;box-shadow:0 0 8px #4ade80}@keyframes ap-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.ap-resp-size{color:#ffffff73;font-size:9px;font-weight:500;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);margin-left:auto}.ap-resp-body{font-family:var(--font-mono,ui-monospace, "SF Mono", monospace);color:#e2e8f0;white-space:pre-wrap;flex:1;margin:0;font-size:9.5px;line-height:1.6;overflow:auto}.ap-resp-body code .wd-tok-v{color:#93c5fd}.ap-resp-body code .wd-tok-s{color:#fbbf24}.ap-resp-body code .wd-tok-p{color:#e2e8f099}.ap-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.ap-metric{background:#fff;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;align-items:center;gap:0 8px;padding:7px 9px;display:grid;box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f}[data-theme=dark] .ap-metric{background:#ffffff0a;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.ap-metric-icon{border-radius:7px;grid-row:1/span 2;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.ap-metric-val{letter-spacing:-.2px;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;font-family:var(--font-mono,ui-monospace, "SF Mono", monospace)}.ap-metric-lbl{letter-spacing:.3px;text-transform:uppercase;color:#0f172a80;font-size:8px;font-weight:600}[data-theme=dark] .ap-metric-lbl{color:#e2e8f080}@media (max-width:880px){.ap-mock{grid-template-columns:1fr;height:auto}.ap-side{border-bottom:1px solid #0f172a14;border-right:0}.ap-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-h-row{grid-template-columns:90px 1fr}}