:root { --bg:#ffffff; --border:#e6e6e6; --muted:#666; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--bg); color:#111; }
.wrap { max-width: 900px; margin: 0 auto; padding: 24px 18px; }
h1 { text-align:left; letter-spacing: 2px; font-weight: 600; }
.card { margin: 18px 0; padding: 14px 0; border-top: 1px solid var(--border); }
h2 { margin: 0 0 10px; font-size: 18px; }
.muted { color: var(--muted); }
.kv { width: 100%; border-collapse: collapse; }
.kv th, .kv td { border-top: 1px solid var(--border); padding: 10px 8px; vertical-align: top; }
.kv thead th { border-top: none; text-align: left; }
.key { width: 280px; font-weight: 600; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; white-space: pre-wrap; word-break: break-word; }
canvas { border: 1px solid var(--border); display:block; margin-top: 10px; }