:root{color:#17201c;background:#eef1ed;font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #f0b429;outline-offset:2px}main{width:min(100%,46rem);min-height:100vh;margin:0 auto;border-right:1px solid #c9cfca;border-left:1px solid #c9cfca;background:#f8faf7}.app-bar{display:flex;min-height:4.5rem;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid #bdc5bf;background:#17201c;color:#f5f7f4}.app-bar strong,.app-bar small{display:block}.app-bar strong{font-size:1rem}.app-bar small{margin-top:.1rem;color:#aeb9b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;text-transform:uppercase}.brand-mark{display:grid;width:2.35rem;height:2.35rem;flex:0 0 2.35rem;grid-template-columns:repeat(2,.62rem);place-content:center;gap:.18rem;border:1px solid #637169;border-radius:5px}.brand-mark span{width:.62rem;height:.62rem;background:#4cc38a}.brand-mark span:nth-child(2){background:#f0b429}.brand-mark span:nth-child(3){background:#e06b52}.brand-mark span:nth-child(4){background:#74a6c9}.secure-state{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;color:#bdc8c1;font-size:.74rem}.transport-band,.slots-band{padding:1.25rem 1rem;border-bottom:1px solid #c9cfca}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{display:block;margin-bottom:.18rem;color:#66736c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}h1,h2{margin:0;font-size:1.05rem;letter-spacing:0}.status-dot{width:.75rem;height:.75rem;flex:0 0 .75rem;border:2px solid #f8faf7;border-radius:50%;background:#89938d;box-shadow:0 0 0 1px #89938d}.status-connecting{background:#f0b429;box-shadow:0 0 0 1px #c08d19}.status-connected{background:#319b68;box-shadow:0 0 0 1px #24734e}.status-failed{background:#cf4f3d;box-shadow:0 0 0 1px #9c392c}.endpoint-field{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;border:1px solid #aeb8b0;border-radius:5px;background:#fff}.endpoint-field>span{padding:0 .75rem;color:#55635b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.endpoint-field input{width:100%;min-width:0;height:2.75rem;padding:0 .7rem;border:0;border-left:1px solid #d1d7d2;border-radius:0 4px 4px 0;color:#17201c;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.command-row{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.primary-command,.icon-command{display:inline-flex;height:2.65rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid #17201c;border-radius:5px;color:#fff;background:#17201c;cursor:pointer}.primary-command{padding:0 .85rem;font-size:.78rem;font-weight:650}.icon-command{width:2.65rem;padding:0;color:#25312b;background:#fff}.primary-command:disabled,.icon-command:disabled{border-color:#c0c7c2;color:#88928c;background:#e9ece9;cursor:not-allowed}.metric{min-width:0;padding:.45rem .55rem;border-left:2px solid #cad2cc}.metric small,.metric strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric small{color:#68746d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.metric strong{margin-top:.15rem;font-size:.78rem}.ble-console{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;gap:1rem}.throughput-row{display:grid;grid-template-columns:auto 2.65rem minmax(0,1fr);gap:.6rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid #d3d8d4}.throughput-metrics{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}.device-identity,.button-group{display:flex;align-items:center;gap:.65rem}.device-identity strong,.device-identity small{display:block}.device-identity strong{font-size:.88rem}.device-identity small{margin-top:.12rem;color:#69756e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #b8c1ba;border-radius:6px;overflow:hidden}.slots button{display:grid;min-width:0;min-height:6.25rem;align-content:space-between;padding:.65rem;border:0;border-right:1px solid #c8cfca;color:#27332d;background:#fff;text-align:left}.slots button:last-child{border-right:0}.slot-index{color:#bd5b44;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}.slots button>span:not(.slot-index){overflow-wrap:anywhere;font-size:.8rem;font-weight:650}.slots small{color:#7a857f;font-size:.65rem}footer{display:flex;min-height:3rem;align-items:center;gap:1rem;padding:0 1rem;color:#68746d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem}footer span{display:inline-flex;align-items:center;gap:.3rem}@media(max-width:36rem){main{border:0}.command-row{grid-template-columns:repeat(3,minmax(0,1fr))}.command-row .primary-command{grid-column:1 / -1}.throughput-row{grid-template-columns:minmax(0,1fr) 2.65rem}.throughput-metrics{grid-column:1 / -1}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.slots button:nth-child(2){border-right:0}.slots button:nth-child(-n+2){border-bottom:1px solid #c8cfca}}