.container[data-v-200f0d7a]{max-width:900px;margin:auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-200f0d7a]{text-align:center}.grid[data-v-200f0d7a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.relay-box[data-v-200f0d7a]{border:1px solid #ccc;border-radius:10px;padding:15px;text-align:center;background-color:#f9f9f9}button[data-v-200f0d7a]{margin:5px;padding:8px 15px;border:none;border-radius:5px;cursor:pointer}button[data-v-200f0d7a]:hover{opacity:.9}.on[data-v-200f0d7a]{color:green}.off[data-v-200f0d7a]{color:red}