body{font-family:system-ui,sans-serif;max-width:640px;margin:0 auto;padding:12px;font-size:16px;line-height:1.4}
h1{font-size:20px}h2{font-size:17px;margin-top:22px;border-bottom:1px solid #ccc}
button{font-size:15px;padding:8px 10px;margin:3px 3px 3px 0}
input{font-size:15px;padding:8px;margin:3px 3px 3px 0;max-width:100%}
.warn{background:#fff3cd;padding:8px;border-radius:6px}
.banner{padding:12px;border-radius:8px;font-weight:700;text-align:center;margin:10px 0;color:#fff}
.banner.on{background:#1a7f37}.banner.off{background:#666}.banner.dead{background:#c62828}
.box{background:#f4f4f4;padding:8px;border-radius:6px;word-break:break-all;font-size:14px}
pre{background:#111;color:#0f0;padding:8px;border-radius:6px;white-space:pre-wrap;word-break:break-all;font-size:12px;max-height:340px;overflow:auto}
.dev{border:1px solid #ccc;border-radius:6px;padding:6px;margin:4px 0;font-size:14px}