body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.container{max-width:960px;margin:0 auto;padding:16px;}
.status{margin:8px 0 16px 0;color:#444;font-size:14px;}
.status .sep{margin:0 8px;color:#999;}
#wsStatus.ok{color:#0a7;}
#wsStatus.warn{color:#b50;}
.hint{background:#f7f7f7;border:1px solid #e4e4e4;border-radius:8px;padding:12px;margin:12px 0 16px 0;}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;overflow-x:auto;}
.messages{list-style:none;padding:0;margin:0;}
.messages li{border:1px solid #e6e6e6;border-radius:10px;padding:12px;margin:0 0 12px 0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.msg .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#666;margin-bottom:8px;}
.msg .meta .ct{background:#eef;border:1px solid #dde;border-radius:999px;padding:2px 8px;color:#446;}
pre{white-space:pre-wrap;word-break:break-word;margin:0;}
pre.parsed{background:#f4fff7;border:1px solid #d9f2e2;border-radius:8px;padding:10px;margin-bottom:10px;}
pre.raw{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:10px;}