:root{color:#202124;background:#f3f5f7;font-family:system-ui,sans-serif}body{margin:0}main{max-width:720px;margin:auto;padding:2rem 1rem}.card{background:#fff;border:1px solid #d8dde3;border-radius:10px;margin-bottom:1rem;padding:1.25rem}.connection-bar{background:#fff;border:1px solid #d8dde3;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.65rem .8rem;display:flex}.buttons{flex-wrap:wrap;gap:.75rem;display:flex}button{font:inherit;cursor:pointer;padding:.45rem .75rem;line-height:1.2}.field,.check{align-items:center;gap:.75rem;margin:.8rem 0;display:flex}.field{justify-content:space-between}.field input,.field select{width:8rem;padding:.4rem}.hint{color:#59636e;font-size:.9rem}.unsaved{color:#9a5a00;font-weight:600}button:disabled{cursor:default;opacity:.55}select{font:inherit;padding:.5rem}.field{grid-template-columns:9rem 1fr;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;display:grid}.field span{gap:.2rem;display:grid}.field output{color:#59636e;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:500}.field input[type=range]{accent-color:#4b6fff;width:100%;padding:0}.check{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.saved,.unsaved{font-weight:600}.saved{color:#236c36}.unsaved{color:#9b6300}.hint{color:#5f6368;margin-bottom:0;font-size:.9rem}dl{grid-template-columns:9rem 1fr;gap:.75rem;display:grid}dt{font-weight:600}dd{overflow-wrap:anywhere;margin:0}.warning{border-color:#d79b00}.error{color:#a51d1d}