*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;background:#0f0f0f;overflow:hidden}body{display:grid;place-items:center;padding:24px}body.telemetry-page{display:block;padding:0}#app{width:100%;height:100%;display:grid;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#cfd7e3}#app.app-telemetry{width:100vw;height:100vh}.plot-stack{display:grid;gap:10px;width:100%;height:100%}.plot-stack-telemetry{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.plot-shell{position:relative;border:1px solid #1f1f1f;border-radius:0;overflow:hidden;background:#000;min-height:0}.app-telemetry .plot-stack{gap:0}.app-telemetry .plot-shell{border:0;background:transparent}.app-telemetry .plot-shell:nth-child(2n){border-left:1px solid #1f1f1f}.app-telemetry .plot-shell:nth-child(n+3){border-top:1px solid #1f1f1f}.plot-shell-stage{position:relative;width:100%;height:100%;min-height:0}.plot-shell-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.plot-shell-stage .text-canvas{pointer-events:none;z-index:2}.plot-shell-stage .overlay-canvas{pointer-events:none;z-index:3}.plot-shell-stage .plot-canvas{z-index:1}@media (max-width: 900px){html,body{height:auto;overflow-y:auto;overflow-x:hidden}body{display:block;padding:16px}#app{height:auto}.plot-stack,.plot-stack-telemetry{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(220px,45vh);height:auto}.plot-shell{min-height:220px}.plot-shell,.plot-shell canvas{touch-action:pan-y}.plot-shell canvas{pointer-events:none}.app-telemetry .plot-shell:nth-child(2n){border-left:0}.app-telemetry .plot-shell:nth-child(n+2){border-top:1px solid #1f1f1f}}.load-body{background:#0f0f0f;overflow:hidden}.load-page{width:min(1400px,100%);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#cfd7e3}.load-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.load-title{font-size:20px;font-weight:650;letter-spacing:-.02em;color:#f3f6fb}.load-subtitle{margin-top:4px;font-size:13px;color:#8e99a9}.load-stats{display:grid;gap:4px;justify-items:end;font-size:12px;color:#a8b3c3;text-align:right}.load-shell{min-height:0}.load-footer{font-size:12px;color:#8e99a9}@media (max-width: 900px){.load-page{grid-template-rows:auto minmax(280px,1fr) auto}.load-header{grid-template-columns:1fr}.load-stats{justify-items:start;text-align:left}}