* { box-sizing: border-box; }
body { margin: 0; padding: 18px; background: #151922; color: #edf1f7; font: 14px system-ui,sans-serif; }
main { max-width: 1000px; margin: auto; }
h1 { font-size: 22px; margin: 0 0 12px; }
p { line-height: 1.65; }
button { padding: 9px 14px; margin: 4px 4px 4px 0; cursor: pointer; }
label { display: block; margin-top: 12px; }
textarea { width: 100%; height: 100px; background: #222b3b; color: #edf1f7; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; height: 220px; overflow: auto; background: #0c1017; padding: 12px; }
canvas { max-width: 100%; background: #10151d; }
.note { color: #ffce85; }