.char-card{background:#fff;border:1px solid #e8e8e8;border-radius:3px;padding:12px;margin-bottom:8px}
.char-card .char-display{font-size:28px;text-align:center;padding:8px;background:#f5f5f5;border-radius:3px;margin-bottom:8px}
.char-card .char-info{font-size:12px;line-height:1.8;color:#555}
.char-card .char-info .label{color:#888;display:inline-block;width:80px}
.char-card .char-info .value{font-family:monospace;color:#333}
.char-cards{display:flex;flex-direction:column;gap:0}
.char-card .char-info .bytes{font-family:monospace;font-size:11px;color:#3592e2;word-break:break-all}
.summary-bar{font-size:13px;color:#555;padding:10px;background:#f9f9f9;border-radius:3px;margin-bottom:12px}
.summary-bar strong{color:#3592e2}