:root{color:#172033;background:#f4f6fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}header{color:#fff;background:#14213d;justify-content:space-between;align-items:center;min-height:64px;padding:0 5vw;display:flex}nav{align-items:center;gap:1rem;display:flex}nav a,.link{color:#fff;cursor:pointer;background:0 0;border:0;text-decoration:none}main{max-width:1600px;margin:2rem auto;padding:0 1rem}h1{margin-bottom:1.5rem}h2 small{color:#64748b;font-weight:400}.card{background:#fff;border:1px solid #dbe1ea;border-radius:12px;padding:1.25rem;box-shadow:0 4px 18px #1e293b0d}.token{border-color:#2855d9;gap:.5rem;margin-bottom:1rem;display:grid}.token code{overflow-wrap:anywhere;background:#eef2ff;padding:.75rem}.login-shell{place-items:center;min-height:100vh;margin:0 auto;display:grid}.login{gap:1rem;width:min(420px,92vw);display:grid}.login label{gap:.4rem;display:grid}input,select{color:#172033;background:#fff;border:1px solid #b7c0cf;border-radius:7px;padding:.65rem .75rem}button{color:#fff;cursor:pointer;background:#2855d9;border:0;border-radius:7px;padding:.65rem .9rem}button:hover{background:#1f46b6}.grid{grid-template-columns:280px 1fr;gap:1rem;display:grid}.wide{min-width:0}.device{text-align:left;color:#172033;background:#eef2ff;gap:.25rem;width:100%;margin-bottom:.5rem;display:grid}.device.selected{outline:2px solid #2855d9}.device span{color:#64748b;font-size:.85rem}.device.unread{background:#dbeafe;box-shadow:inset 4px 0 #2563eb}.device .new-data{color:#fff;background:#2563eb;border-radius:999px;margin-left:.5rem;padding:.1rem .4rem;font-size:.7rem;display:inline-block}.live{color:#475569;vertical-align:middle;background:#e2e8f0;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.live.connected{color:#166534;background:#dcfce7}.live.disconnected{color:#92400e;background:#fef3c7}.packet-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.packet-toolbar label{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.channel-tabs{gap:.5rem;display:flex}.channel-tabs button:first-child{color:#1e3a8a;background:#eff6ff}.channel-tabs button:nth-child(2){color:#166534;background:#f0fdf4}.channel-tabs button:nth-child(3){color:#6b21a8;background:#faf5ff}.channel-tabs button:first-child.selected{background:#bfdbfe}.channel-tabs button:nth-child(2).selected{background:#bbf7d0}.channel-tabs button:nth-child(3).selected{background:#e9d5ff}.channel-tabs button.selected{box-shadow:inset 0 0 0 2px}.latest{margin-left:.5rem;padding:.3rem .6rem;font-size:.8rem}.packet-table{table-layout:auto}.packet-table th:nth-child(-n+4),.packet-table td:nth-child(-n+4){white-space:nowrap;width:1%}.packet-table th:last-child,.packet-table td:last-child{width:100%}.packet-table .uart-row.uart-0>td{background:#eff6ff}.packet-table .uart-row.uart-1>td{background:#f0fdf4}.packet-table .uart-row.uart-2>td{background:#faf5ff}.packet-table .uart-row:hover>td{filter:brightness(.98)}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:.65rem}.table-wrap{max-height:65vh;overflow:auto}.mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace}.error{color:#b42318}.inline-form{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.payload-hex{white-space:pre-wrap;word-spacing:.1em;line-height:1.45}.uart-config{margin-top:1rem}@media (width<=760px){header{align-items:flex-start;padding-block:1rem}nav{flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:1fr}.inline-form>*{width:100%}.packet-toolbar{flex-direction:column;align-items:flex-start}}