:root{font-family:system-ui,sans-serif;color:#1a1a1a;background:#fafafa}body{margin:2rem;max-width:60rem}h1{font-size:1.4rem}#controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}#controls .sep{color:#ccc}button{padding:.35rem .8rem;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}#status{font-weight:600;padding:.15rem .5rem;border-radius:4px}#status.connected{color:#0a7d2c;background:#e6f6ec}#status.disconnected{color:#999;background:#eee}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border:1px solid #e2e2e2;padding:.3rem .5rem;text-align:left;vertical-align:top}th{background:#f0f0f0}td.payload{font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-word}.kind{font-weight:600}.kind.command{color:#1858c2}.kind.server{color:#7a3aa8}.kind.client{color:#888}