body { margin: 0; background: #eef2f6; color: #142b40; font: 16px system-ui, sans-serif; }
main { max-width: 960px; margin: 40px auto; padding: 24px; }
header { display: flex; justify-content: space-between; align-items: center; }
article, form { background: white; padding: 20px; border-radius: 12px; margin-bottom: 16px; }
label { display: block; margin-bottom: 16px; }
input { display: block; padding: 10px; margin-top: 6px; }
input[type=checkbox] { display: inline; margin-right: 8px; }
select { padding: 10px; }
.offline-device { color: #80909f; cursor: default; }
button { padding: 10px 24px; border: 0; border-radius: 6px; background: #0066b3; color: white; cursor: pointer; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }

[hidden] { display: none !important; }