.etraxx-live-demo-bleed{width:100%;max-width:1100px;margin:1.5rem auto 2rem;background:#0b1422;border:1px solid #1f3a5f;border-radius:12px;padding:.75rem;box-sizing:border-box;overflow:hidden;container-type:inline-size;container-name:etx-live}.etraxx-live-demo{--etx-bg: #0b1422;--etx-panel: #0d1b2a;--etx-border: #1f3a5f;--etx-caption: #7fb8e8;--etx-value: #ffffff;--etx-ok: #7cf38b;--etx-warn: #f5d06a;--etx-bad: #ff6b6b;--etx-none: #666666;--etx-font: "Consolas", "SF Mono", ui-monospace, monospace;background:var(--etx-bg);color:var(--etx-value);font-family:var(--etx-font);font-size:13px;line-height:1.35}.etx-loading-state{margin:0;padding:.45rem .7rem;border-bottom:1px solid var(--etx-border);color:var(--etx-muted);background:var(--etx-panel);font-size:.75rem}.etraxx-live-demo *,.etraxx-live-demo *:before,.etraxx-live-demo *:after{box-sizing:border-box}.etraxx-live-demo section{margin:0}.etraxx-live-demo h1,.etraxx-live-demo h2,.etraxx-live-demo h3{font-family:inherit;font-weight:600;letter-spacing:normal;margin:0;color:var(--etx-caption)}.etraxx-live-demo h2:before,.etraxx-live-demo h2:after{content:none}.etraxx-live-demo p{color:inherit;margin:0}.etraxx-live-demo a{color:var(--etx-caption);text-decoration:none;border-bottom:none}.etraxx-live-demo .etx-chrome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .5rem .55rem;border-bottom:1px solid var(--etx-border)}.etraxx-live-demo .etx-title{font-size:.95rem;font-weight:600;color:var(--etx-value);letter-spacing:.02em}.etraxx-live-demo .etx-play{display:inline-block;background:var(--etx-panel);color:var(--etx-caption);border:1px solid var(--etx-border);border-radius:6px;padding:.3rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.etraxx-live-demo .etx-play:hover{border-color:var(--etx-caption);color:var(--etx-value)}.etraxx-live-demo .etx-play[aria-pressed=true]{color:var(--etx-ok);border-color:#2a5a3a}.etraxx-live-demo .etx-tabs{display:flex;gap:0;margin:.45rem 0 .65rem;border-bottom:1px solid var(--etx-border)}.etraxx-live-demo .etx-tab{padding:.4rem .85rem;font-size:.78rem;letter-spacing:.04em;color:var(--etx-none);border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;user-select:none}.etraxx-live-demo .etx-tab.is-active{color:var(--etx-caption);background:var(--etx-panel);border-color:var(--etx-border);box-shadow:inset 0 2px 0 var(--etx-caption)}.etraxx-live-demo .etx-tab.is-inert{cursor:default;opacity:.55}.etraxx-live-demo .etx-statusbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.65rem;padding:.45rem .65rem;background:#07101c;border:1px solid var(--etx-border);border-radius:4px;font-size:.75rem;color:var(--etx-caption);font-variant-numeric:tabular-nums}.etraxx-live-demo .etx-demo-pill{display:inline-block;padding:.1rem .45rem;border:1px solid var(--etx-warn);border-radius:3px;color:#7cf38b;font-weight:700;letter-spacing:.08em;font-size:.68rem}.etraxx-live-demo .etx-status-rssi-bar{width:64px;height:8px;background:#0b1422;border:1px solid #1f3a5f;border-radius:2px;overflow:hidden}.etraxx-live-demo .etx-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto auto;gap:8px;align-items:start}.etraxx-live-demo .etx-motors{display:flex;flex-direction:column;gap:8px;min-height:0}.etraxx-live-demo .etx-motors>.etx-panel{flex:0 0 auto}@media(max-width:800px){.etraxx-live-demo .etx-grid{grid-template-columns:1fr;grid-template-rows:none}}@container etx-live (max-width: 800px){.etraxx-live-demo .etx-grid{grid-template-columns:1fr;grid-template-rows:none}}.etraxx-live-demo .etx-panel{background:var(--etx-panel);border:1px solid var(--etx-border);border-radius:4px;padding:.45rem .55rem .55rem;min-width:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.etraxx-live-demo .etx-panel-title{font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7fb8e8;margin:0;padding-bottom:.2rem;border-bottom:1px solid rgba(31,58,95,.65)}.etraxx-live-demo .etx-panel-body{display:flex;flex-direction:column;gap:.4rem;flex:0 1 auto;min-height:0}.etraxx-live-demo .etx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem .5rem}.etraxx-live-demo .etx-metrics--2{grid-template-columns:repeat(2,minmax(0,1fr))}.etraxx-live-demo .etx-cell{display:flex;flex-direction:column;gap:.1rem;min-width:0}.etraxx-live-demo .etx-cap{font-size:.65rem;letter-spacing:.04em;color:var(--etx-caption);text-transform:uppercase}.etraxx-live-demo .etx-val{font-size:.95rem;font-weight:600;color:var(--etx-ok);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etraxx-live-demo .etx-val.is-warn{color:var(--etx-warn)}.etraxx-live-demo .etx-val.is-bad{color:var(--etx-bad)}.etraxx-live-demo .etx-val.is-none{color:var(--etx-none)}.etraxx-live-demo .etx-bar{position:relative;width:100%;height:10px;background:#00000059;border:1px solid var(--etx-border);border-radius:2px;overflow:hidden}.etraxx-live-demo .etx-bar--pedal{height:14px;flex:1 1 auto}.etraxx-live-demo .etx-bar--rssi{height:14px}.etraxx-live-demo .etx-bar-fill{height:100%;width:0%;background:var(--etx-ok);transition:width .08s linear}.etraxx-live-demo .etx-bar-fill.is-warn{background:var(--etx-warn)}.etraxx-live-demo .etx-bar-fill.is-bad{background:var(--etx-bad)}.etraxx-live-demo .etx-bar-fill.is-none{background:var(--etx-none)}.etraxx-live-demo .etx-speed-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem 0 .15rem;flex:0 0 auto}.etraxx-live-demo .etx-speed-val{font-size:3.2rem;font-weight:700;line-height:1;color:var(--etx-value);font-variant-numeric:tabular-nums}.etraxx-live-demo .etx-speed-val.is-ok{color:var(--etx-value)}.etraxx-live-demo .etx-speed-val.is-warn{color:var(--etx-warn)}.etraxx-live-demo .etx-speed-val.is-bad{color:var(--etx-bad)}.etraxx-live-demo .etx-speed-val.is-none{color:var(--etx-none)}.etraxx-live-demo .etx-speed-unit{margin-top:.15rem;font-size:.72rem;letter-spacing:.16em;color:var(--etx-caption);text-transform:uppercase}.etraxx-live-demo .etx-pedal-row,.etraxx-live-demo .etx-str-row{display:flex;align-items:center;gap:.45rem}.etraxx-live-demo .etx-pedal-row .etx-cap,.etraxx-live-demo .etx-str-row .etx-cap{width:2rem;flex:0 0 auto}.etraxx-live-demo .etx-pedal-pct,.etraxx-live-demo .etx-str-val{width:2.6rem;flex:0 0 auto;text-align:right;font-size:.8rem;color:var(--etx-caption);font-variant-numeric:tabular-nums}.etraxx-live-demo .etx-str-glyph{flex:1 1 auto;text-align:center;font-size:1rem;letter-spacing:.02em;color:var(--etx-value);font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.etraxx-live-demo .etx-plot-wrap{flex:0 0 auto;height:180px;background:var(--etx-bg);border:1px solid var(--etx-border);border-radius:2px;overflow:hidden}.etraxx-live-demo .etx-plot-wrap canvas{display:block;width:100%;height:100%}.etraxx-live-demo .etx-r2d{text-align:center;font-size:1rem;font-weight:700;letter-spacing:.06em;color:var(--etx-ok);padding:.15rem 0 .25rem}.etraxx-live-demo .etx-r2d.is-bad{color:var(--etx-bad)}.etraxx-live-demo .etx-r2d.is-none{color:var(--etx-none)}.etraxx-live-demo .etx-err-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.15rem .3rem}.etraxx-live-demo .etx-dash-list{display:flex;flex-direction:column;gap:.15rem}.etraxx-live-demo .etx-section-label{margin-top:.25rem;margin-bottom:.1rem;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--etx-caption)}.etraxx-live-demo .etx-led{display:flex;align-items:center;gap:.3rem;min-width:0}.etraxx-live-demo .etx-led-dot{width:14px;height:14px;flex:0 0 auto;border-radius:50%;background:var(--etx-none);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #00000059}.etraxx-live-demo .etx-led.is-ok .etx-led-dot,.etraxx-live-demo .etx-led-dot.is-ok{background:#1f3a5f;border-color:#2a4a73}.etraxx-live-demo .etx-led.is-bad .etx-led-dot,.etraxx-live-demo .etx-led-dot.is-bad{background:#ff6b6b;border-color:#ff8c8c}.etraxx-live-demo .etx-led.is-warn .etx-led-dot,.etraxx-live-demo .etx-led-dot.is-warn{background:var(--etx-warn)}.etraxx-live-demo .etx-led.is-none .etx-led-dot,.etraxx-live-demo .etx-led-dot.is-none{background:#666;border-color:#7a7a7a}.etraxx-live-demo .etx-led-name{font-size:.62rem;color:var(--etx-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.etraxx-live-demo .etx-err-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.etraxx-live-demo .etx-speed-val{font-size:2.6rem}}