*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#dbe4ee;background:#0b0e14;font:14px/1.5 system-ui,-apple-system,sans-serif}#app{flex-direction:column;height:100%;display:flex}header{justify-content:space-between;align-items:baseline;gap:16px;padding:14px 20px 10px;display:flex}header h1{letter-spacing:.02em;margin:0;font-size:20px}header p{color:#8b98a9;margin:2px 0 0;font-size:13px}nav a{color:#6ea8e8;margin-left:14px;text-decoration:none}nav a:hover{text-decoration:underline}#controls{flex-wrap:wrap;align-items:center;gap:10px 18px;padding:8px 20px 12px;display:flex}.group{align-items:center;gap:6px;display:flex}button,select{color:#dbe4ee;font:inherit;cursor:pointer;background:#161c26;border:1px solid #2a3546;border-radius:6px;padding:5px 11px;font-size:13px}button:hover,select:hover{border-color:#3d4d64}button.active{background:#2a4365;border-color:#3f6499}button.chip{border-radius:999px;align-items:center;gap:6px;display:flex}button.chip .dot{border-radius:50%;width:9px;height:9px}button.chip.off{opacity:.38}#scrub{accent-color:#3987e5;width:160px}label.check{color:#aab6c6;cursor:pointer;align-items:center;gap:5px;font-size:13px;display:flex}main#viz{flex:1;min-height:420px;position:relative}footer{color:#66748a;justify-content:space-between;gap:20px;padding:8px 20px 12px;font-size:12px;display:flex}body.capture header,body.capture #controls,body.capture footer{display:none}