@layer lab{.sl-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:18px;width:100%;display:grid}@media (width<=620px){.sl-grid{grid-template-columns:1fr}}.sl-plot{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;width:100%}.sl-plot text{font-family:var(--mono);fill:var(--muted);font-size:9px}.sl-plot .axis{stroke:var(--accent-line);stroke-width:1.5px}.sl-plot .ref{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:4 4}.sl-plot .curve{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.sl-plot .stop{fill:var(--accent-2);stroke:#fff;stroke-width:1px}.sl-plot .bezier{fill:none;stroke:#4f74ff;stroke-width:2px;stroke-dasharray:5 4}.sl-side{flex-direction:column;justify-content:center;display:flex}.sl-track{height:116px;position:relative;container-type:inline-size}.sl-rail{background:var(--line-strong);height:2px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.sl-rail .tick{background:var(--accent-line);width:2px;height:12px;position:absolute;top:-5px}.sl-rail .tick.start{left:0}.sl-rail .tick.end{right:0}.sl-ball{will-change:translate;background:radial-gradient(circle at 32% 30%, var(--accent-2), var(--accent));width:34px;height:34px;transition:translate var(--sp-dur,.6s) var(--sp-ease,linear);border-radius:50%;position:absolute;top:calc(50% - 24px);left:0;translate:0 -50%}.sl-ball.cmp{width:28px;height:28px;transition:translate var(--sp-dur,.6s) cubic-bezier(.34, 1.56, .64, 1);background:radial-gradient(circle at 32% 30%,#9fb6ff,#4f74ff);top:calc(50% + 24px)}.sl-ball.go{translate:calc(100cqw - 34px)}.sl-reduce .sl-ball{transition:none}.sl-legend{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:11px}.sl-legend .dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin:0 4px 0 12px;display:inline-block}.sl-legend .dot.s{background:var(--accent)}.sl-legend .dot.b{background:#4f74ff}.sl-panel{flex-direction:column;align-items:stretch}.sl-sliders{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 18px;width:100%;display:grid}.sl-sliders .vega-ctl{align-items:center;gap:8px;display:flex}.sl-sliders .vega-ctl label{font-family:var(--mono);color:var(--accent-deep);min-width:64px;font-size:12px}.sl-sliders .vega-ctl input[type=range]{flex:1}.sl-sliders .vega-ctl .val{font-family:var(--mono);text-align:right;min-width:34px;color:var(--ink);font-size:12px}.sl-panel .vega-btnrow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.prop-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:26px;display:flex}.prop-cell{font-family:var(--mono);color:var(--muted);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.prop-box{will-change:transform;background:radial-gradient(circle at 32% 28%, var(--accent-2), var(--accent));border-radius:12px;width:56px;height:56px}.prop-x{transition:translate var(--sp-dur,.6s) var(--sp-ease,linear)}.prop-x.go{translate:70px}.prop-s{transition:scale var(--sp-dur,.6s) var(--sp-ease,linear)}.prop-s.go{scale:1.5}.prop-r{transition:rotate var(--sp-dur,.6s) var(--sp-ease,linear)}.prop-r.go{rotate:180deg}.sl-reduce .prop-box{transition:none}.seg{font:600 12px var(--mono);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.seg select{font:600 12px var(--mono);border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);border-radius:8px;padding:3px 6px}}