.lab-wrap{display:grid;gap:18px}.lab-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.lab-view{position:relative;background:linear-gradient(180deg,#eef6f5 0%,#f8fbfb 70%);border:1px solid var(--line);border-radius:17px;overflow:hidden;min-width:0}.lab-canvas{position:relative;height:min(68vh,620px);min-height:380px}.lab-canvas canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.lab-canvas canvas:active{cursor:grabbing}.lab-canvas.is-off{height:auto;min-height:0}.lab-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted);font-size:14px;padding:20px;text-align:center}.lab-canvas.is-off .lab-loading{position:static;padding:40px 20px}.lab-tip{position:absolute;pointer-events:none;background:var(--text);color:#fff;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.35;display:grid;gap:2px;max-width:200px;box-shadow:0 8px 24px #0b1d2a30;z-index:2}.lab-tip b{font-weight:700}.lab-tip[hidden]{display:none}.lab-toolbar{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}.lab-toolbar button{font:600 12px Inter,ui-sans-serif,system-ui,sans-serif;background:#ffffffe6;border:1px solid var(--line);color:var(--text);border-radius:99px;padding:7px 12px;cursor:pointer;backdrop-filter:blur(6px)}.lab-toolbar button[aria-pressed="true"]{background:var(--text);color:#fff;border-color:var(--text)}.lab-toolbar button:hover{border-color:var(--accent)}.lab-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;padding:10px 14px;border-top:1px solid var(--line);background:#fffc;font:500 11px ui-monospace,SFMono-Regular,monospace;color:var(--muted)}.lab-legend [data-lab-legend]{display:flex;flex-wrap:wrap;gap:4px 12px}.lab-legend i{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px;border:1px solid #0000000f}.lab-help{margin:0;padding:0 14px 12px;background:#fffc;font-size:12px;color:var(--muted)}.lab-side{display:grid;gap:12px;min-width:0}.lab-metrics{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;gap:12px}.lab-metrics>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lab-metrics .wp-kicker{width:100%;font-size:10px}.lab-metrics button{font:500 12.5px Inter,ui-sans-serif,system-ui,sans-serif;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:99px;padding:6px 11px;cursor:pointer;text-align:left}.lab-metrics button:hover{border-color:var(--accent)}.lab-metrics button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}.lab-rank{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;gap:8px}.lab-rank h2{font-size:16px;margin:0;letter-spacing:-.01em}.lab-rank ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:r;max-height:440px;overflow:auto}.lab-rank li{counter-increment:r}.lab-rank li button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;border:0;background:none;padding:6px 6px;border-radius:8px;font:13px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);cursor:pointer;text-align:left}.lab-rank li button::before{content:counter(r);font:500 11px ui-monospace,monospace;color:var(--muted);text-align:right}.lab-rank li button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-rank li button b{font:600 12.5px ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}.lab-rank li button:hover,.lab-rank li.is-sel button{background:var(--bg)}.lab-rank li.is-sel button{box-shadow:inset 3px 0 0 var(--violet)}.lab-more{justify-self:start;border:0;background:none;color:var(--accent);font:600 12px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;padding:4px 6px}.lab-card h2{margin:6px 0 4px}.lab-card p a{color:var(--accent)}.lab-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:14px 0 0}.lab-kv div{background:var(--bg);border-radius:10px;padding:10px 12px;display:grid;gap:3px;align-content:start}.lab-kv div.is-on{background:#e3f5f2;box-shadow:inset 0 0 0 1px #9fdcd3}.lab-kv dt{font-size:12px;color:var(--muted)}.lab-kv dd{margin:0;font-size:13px;color:var(--muted)}.lab-kv dd b{font:700 20px Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.lab-kv dd span{margin-left:4px}.lab-kv small{font-size:11px;color:var(--muted)}.lab-how p{max-width:72ch;color:var(--muted);line-height:1.6}.lab-wrap button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (max-width:900px){.lab-stage{grid-template-columns:minmax(0,1fr)}.lab-canvas{height:62vh;min-height:340px}.lab-rank ol{max-height:none}}@media (max-width:520px){.lab-toolbar button{padding:6px 10px;font-size:11.5px}.lab-canvas{height:min(105vw,480px);min-height:320px}}@media (prefers-reduced-motion:reduce){.lab-wrap *{transition:none!important}}.lab-canvas.is-2d{height:auto;min-height:0;padding:12px}.lab-2d{display:block;width:100%;height:auto}.lab-2d path{stroke:#fff;stroke-width:.8;cursor:pointer;transition:opacity .15s}.lab-2d path:hover{opacity:.8}.lab-2d path.is-sel{stroke:#7067d9;stroke-width:2.5}.lab-2d path:focus-visible{outline:none;stroke:#14202b;stroke-width:2}.lab-badge{position:absolute;right:12px;top:12px;z-index:3;font:600 11.5px Inter,ui-sans-serif,system-ui,sans-serif;background:#ffffffe6;border:1px solid var(--line);border-radius:99px;padding:6px 10px;color:var(--muted)}.lab-canvas.is-2d{position:relative}