.analytics-lab{position:relative}.lab-intro{max-width:690px;color:var(--muted);margin:-10px 0 38px}.lab-intro strong{color:#d2e2e7;font-weight:500}.lab-layout{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #ffffff26;border-radius:18px;overflow:hidden;background:#101417}.lab-controls{padding:30px;border-right:1px solid var(--line);background:#0e1114}.lab-controls h3{font-size:24px;letter-spacing:-.02em;margin:8px 0 24px}.lab-presets{display:grid;gap:8px;margin-bottom:32px}.lab-presets button{padding:12px;text-align:left;border:1px solid #ffffff20;background:#ffffff03;border-radius:5px;font:400 10px var(--mono);color:#a7b4bd}.lab-presets button[aria-pressed=true]{background:#bed8e711;border-color:#bed8e76b;color:#e1edf3}.lab-control{margin:28px 0}.lab-control label{display:block;font-size:14px;color:#d4dfe5}.lab-control output{display:block;font:400 10px var(--mono);color:#8dabbc;margin:7px 0 16px}.lab-control input{width:100%;accent-color:#c3deec;cursor:pointer;min-height:26px}.lab-control select{width:100%;padding:12px 10px;border:1px solid #ffffff2b;border-radius:5px;background:#171d22;color:#e2e7eb;font:400 13px var(--sans);margin-top:12px}.lab-control input:focus-visible,.lab-control select:focus-visible{outline:2px solid #e5f1fa;outline-offset:5px}.lab-controls>p{font:400 10px/1.8 var(--mono);color:#84949f;margin:30px 0 0}.lab-results{padding:30px;min-width:0}.lab-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.lab-metrics span{display:block;font:400 9px/1.5 var(--mono);color:#96a6b1}.lab-metrics strong{display:block;font-size:36px;line-height:1.25;letter-spacing:-.04em;margin-top:10px;font-weight:600}.lab-summary{color:#a9bac4;font-size:14px;min-height:68px;margin:22px 0}.lab-chart-head{display:flex;justify-content:space-between;gap:15px;font:400 9px/1.6 var(--mono);color:#8da1ae;margin:20px 0}.lab-chart-head b{font-weight:400;color:#c8e3ee}.lab-plot-wrap{padding:0 0 28px 32px;position:relative}.lab-plot{height:300px;position:relative;border:1px solid #ffffff24;border-radius:7px;background:linear-gradient(90deg,transparent 49.8%,#ffffff10 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ffffff10 50%,transparent 50.2%),radial-gradient(ellipse at 100% 100%,#b2d9ee0a,transparent 80%)}.lab-node{position:absolute;transform:translate(-50%,50%);display:grid;place-items:center;width:var(--node-size);height:var(--node-size);padding:0;border:1px solid #657987;border-radius:50%;background:#18242c;color:#8a9da9;font:400 7px var(--mono);transition:left .45s,bottom .45s,background .2s;z-index:1;touch-action:manipulation}.lab-node.in-queue{border-color:#bedfee;background:#bedfee;color:#14212a;box-shadow:0 0 15px #bedfee15}.lab-node.inspected{outline:2px solid white;outline-offset:4px;z-index:2}.lab-node:hover{z-index:3;filter:brightness(1.3)}.lab-y{position:absolute;top:50%;left:-70px;width:175px;text-align:center;transform:rotate(-90deg);font:400 8px var(--mono);color:#8c9eaa;letter-spacing:.05em}.lab-x{display:flex;justify-content:space-between;gap:10px;position:absolute;bottom:0;left:32px;right:0;font:400 8px var(--mono);color:#8c9eaa}.lab-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:28px}.lab-account{padding:18px;background:#0b0e10;border:1px solid #ffffff16;border-radius:6px}.lab-account-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:400 8px var(--mono);color:#a5b7c3}.lab-account-title b{font-weight:400;color:#c5e3ed}.lab-account dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.lab-account dt{font-size:11px;color:#8195a2}.lab-account dd{font-size:18px;margin:2px 0;color:#d6e3ea}.lab-account p{font-size:12px;color:#8c9fae;margin-bottom:0}.lab-queue-title{font:400 9px var(--mono);color:#a4b7c2;margin:0 0 14px}.lab-queue{list-style:none;padding:0;margin:0}.lab-queue li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.lab-queue li>span{font:400 8px var(--mono);color:#96a9b6}.lab-queue b{font:400 12px var(--sans);color:#d2e0e7}.lab-queue small{color:#889ba8;font-size:11px}.lab-method{margin-top:26px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:#8b9faa}.lab-method summary{cursor:pointer;color:#c0d4df;padding:8px 0}.lab-method p{margin:15px 0 5px;line-height:1.8}.lab-disclaimer{font:400 10px/1.8 var(--mono);color:#8c9eaa;margin:22px 0 0}.lab-nojs{color:#e5caa6}@media(max-width:1100px){.lab-layout{grid-template-columns:260px minmax(0,1fr)}.lab-controls,.lab-results{padding:24px}.lab-lower{grid-template-columns:1fr}.lab-metrics strong{font-size:30px}}@media(max-width:800px){.lab-layout{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid var(--line)}.lab-presets{grid-template-columns:repeat(3,1fr);gap:6px}.lab-presets button{font-size:8px;padding:12px 8px}.lab-controls>p{margin-top:15px}.lab-control{margin:24px 0}.lab-plot{height:280px}.lab-metrics{gap:10px}.lab-metrics strong{font-size:29px}.lab-metrics span{font-size:8px}.lab-summary{min-height:0}.lab-chart-head{font-size:8px}.lab-node{font-size:6px}.lab-results{padding:22px 18px}.lab-metrics>div{min-width:0}.lab-x{font-size:7px}.lab-y{font-size:7px}}@media(prefers-reduced-motion:reduce){.lab-node{transition:none}}
.lab-picker{margin:20px 0 0;max-width:320px}.lab-metrics strong{white-space:nowrap}@media(max-width:480px){.lab-metrics strong{font-size:23px}.lab-node{width:20px;height:20px}.lab-plot{height:330px}}