body { font-family: Arial, sans-serif; margin: 0; background: #f8fafc; color: #111827; }
main { max-width: 980px; margin: 0 auto; padding: 24px; }
section { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; margin-top: 14px; }
h1, h2 { margin: 0 0 12px; }
ul { margin: 0; padding-left: 18px; }
form { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
input { padding: 8px; border: 1px solid #cbd5e1; border-radius: 8px; }
button { padding: 8px 12px; border: 0; border-radius: 8px; background: #2563eb; color: #fff; cursor: pointer; }
pre { background: #0f172a; color: #e2e8f0; padding: 12px; border-radius: 8px; min-height: 36px; overflow: auto; }