:root{color:#172026;background:#e9eef2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}#app,#scene{width:100vw;height:100vh}#scene{display:block}#debugPanel{position:fixed;top:34px;left:4px;width:min(340px,calc(100vw - 8px));display:grid;gap:3px;padding:4px;border:1px solid #000000;color:#000;background:#fff}#debugPanel[hidden]{display:none}.panel-title{color:#000;font-size:11px;font-weight:700;line-height:1.1}.debug-toggle{position:fixed;top:4px;left:4px;z-index:2;min-width:64px;padding:2px 5px;border-color:#000;color:#000;background:#fff}.field{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:3px}.field span{color:#000;font-size:10px;font-weight:700}input{width:100%;min-width:0;height:18px;padding:1px 3px;border:1px solid #777777;color:#000;background:#fff;font-size:10px}.actions{display:flex;gap:3px}button{min-width:56px;padding:2px 5px;border:1px solid #000000;color:#000;background:#fff;font-size:11px;line-height:1.2;cursor:pointer}button:disabled{border-color:#999;color:#777;background:#eee;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));column-gap:6px;row-gap:2px;font-size:10px;line-height:1.15}.metrics div{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:4px}.metrics span{color:#000;font-weight:700;white-space:nowrap}.metrics strong{min-width:0;overflow:hidden;color:#000;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}#connectionValue[data-state=connected]{color:#167244}#connectionValue[data-state=connecting]{color:#9a6500}#connectionValue[data-state=disconnected]{color:#a33b3b}#log{min-height:36px;max-height:56px;overflow:auto;margin:0;padding:2px 3px;border:1px solid #777777;color:#000;background:#fff;font-size:10px;line-height:1.2;white-space:pre-wrap}.jitter-chart,.loss-chart{display:grid;gap:2px}.jitter-chart-header,.loss-chart-header{display:flex;align-items:center;justify-content:space-between;color:#000;font-size:10px;font-weight:700;line-height:1.1}.loss-chart-header span{display:inline-flex;align-items:center;gap:4px}.loss-chart-header i{width:12px;height:2px;display:inline-block}.loss-state-key{background:#2f6fda}.loss-input-key{background:#d64545}#stateIntervalChart,#stateLossChart,#inputLossChart{width:100%;display:block;border:1px solid #777777;background:#fff}#stateIntervalChart,#stateLossChart,#inputLossChart{height:72px}@media(max-width:620px){#debugPanel{top:32px;left:4px;width:min(340px,calc(100vw - 8px));padding:4px}.metrics{grid-template-columns:1fr}.debug-toggle{top:4px;left:4px}}