body { margin: 0; font: 15px/1.5 system-ui, sans-serif; color: #1c2128; background: #f6f7f9; }
main { max-width: 60rem; margin: 0 auto; padding: 1rem; }
textarea { width: 100%; font: 13px/1.4 ui-monospace, monospace; padding: 0.5rem; }
input[type=text] { font: 13px ui-monospace, monospace; padding: 0.3rem; width: 16rem; max-width: 100%; }
section { margin: 1.5rem 0; }
.rule { border: 1px solid #c9ced6; padding: 0.75rem; margin-bottom: 0.75rem; background: #fff; }
.toggles label { display: block; }
.errors { color: #a1260d; }
pre { white-space: pre-wrap; word-break: break-all; background: #fff; border: 1px solid #c9ced6; padding: 0.5rem; font-size: 12px; }
.limits { color: #57606a; font-size: 13px; }
#message.error { color: #a1260d; }