:root{color-scheme:dark light;font-family:system-ui,sans-serif}body{margin:0;background:#111;color:#eee}#app{display:flex;flex-direction:column;gap:1rem;padding:1rem}.bar{display:flex;align-items:center;gap:1rem}h1{font-size:1.1rem;margin:0}h2{font-size:.95rem;margin:0 0 .25rem}.badge{font-size:.8rem;padding:.15rem .5rem;border-radius:.5rem;background:#333}.badge[data-state=open],.badge[data-state=connected],.badge[data-state=ok]{background:#1c5;color:#021}.badge[data-state=error],.badge[data-state=failed]{background:#c33}form{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}input{padding:.35rem;background:#222;color:#eee;border:1px solid #444;border-radius:.25rem}button{padding:.45rem .9rem;border:none;border-radius:.25rem;background:#357;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#diag-list,#cap-list,#telemetry-list{list-style:none;padding:0;margin:0;font-size:.85rem}.diag-ok{color:#6f6}.diag-info{color:#9cf}.diag-warn{color:#fd6}.diag-error{color:#f66}#video-stage{display:flex;flex-wrap:wrap;gap:.5rem;outline:none;min-height:4rem}#video-stage video{background:#000;max-width:100%}