.sdp__bar{justify-content:space-between}.sdp__modes{flex-wrap:wrap;gap:.4rem;display:flex}.sdp__layout{grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:.75rem;display:grid}@media (width<=720px){.sdp__layout{grid-template-columns:minmax(0,1fr)}}.sdp__svcs{align-content:start;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sdp__svc{background:var(--dg-svc);border:1.5px solid var(--dg-line);border-radius:10px;padding:.5rem .6rem;font-size:.8rem}.sdp__svc-head{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sdp__svc-name{font-weight:700}.sdp__svc-ip{font-family:var(--font-mono);color:var(--dg-muted);flex:1;font-size:.72rem}.sdp__eps{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.4rem;display:flex}.sdp__ep{font-family:var(--font-mono);background:var(--dg-pod);border:1px solid var(--dg-line);border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.sdp__ep--none{color:var(--dg-muted);background:0 0;border-style:dashed}.sdp__stage{min-width:0}.sdp__count{color:var(--ink-2);margin:0 0 .4rem;font-size:.8rem}.sdp__count strong{color:var(--accent)}.sdp .sdp__out{font-family:var(--font-mono);color:#f4ecff;background:var(--code-bg);border:1px solid var(--code-border);white-space:pre;tab-size:4;border-radius:8px;max-height:24rem;margin:0;padding:.5rem .6rem;font-size:.7rem;line-height:1.45;overflow:auto}