:root {
  color-scheme: dark;
  --bg: #0f1115;
  --line: #2c313a;
  --text: #d7dae0;
  --dim: #7f8590;
  --warn: #d4a72c;
  --error: #e5534b;
  font: 13px/1.45 ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; overflow: hidden; }
body { background: var(--bg); color: var(--text); display: flex; flex-direction: column; }
header { display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; padding: 10px 16px; border-bottom: 1px solid var(--line); }
#version { margin-left: auto; }
.dim { color: var(--dim); }
#log { flex: 1; min-height: 0; overflow: auto; padding: 8px 16px; white-space: pre; color: var(--dim); }
#log .warn { color: var(--warn); }
#log .error { color: var(--error); }
canvas { display: block; touch-action: none; }