@layer lab{.sp-track{height:130px;position:relative}.sp-rail{background:var(--line-strong);height:2px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.sp-rail .tick{background:var(--accent-line);width:2px;height:12px;position:absolute;top:-5px}.sp-rail .tick.start{left:0}.sp-rail .tick.end{right:0}.sp-ball{will-change:transform;background:radial-gradient(circle at 32% 30%, var(--accent-2), var(--accent));border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:0;translate:0 -50%}.sp-ball.cmp{background:radial-gradient(circle at 32% 30%,#9fb6ff,#4f74ff);width:28px;height:28px;top:calc(50% + 30px)}.sp-legend{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:11px}.sp-legend .dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin:0 4px 0 12px;display:inline-block}.sp-legend .dot.s{background:var(--accent)}.sp-legend .dot.e{background:#4f74ff}.sp-sliders{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 18px;width:100%;display:grid}.sp-sliders .vega-ctl{align-items:center;gap:8px;display:flex}.sp-sliders .vega-ctl input[type=range]{flex:1}.sp-sliders .vega-ctl label{min-width:auto}.sp-btns{width:100%}.sp-btns .hint{color:var(--muted);font-size:12px}.fast-grid{gap:14px;width:100%;display:grid}.fast-row{grid-template-columns:96px 1fr;align-items:center;gap:10px;display:grid}.fast-label{font-family:var(--mono);color:var(--accent-deep);text-align:right;font-size:11.5px;font-weight:600}.fast-lane{background:var(--accent-soft);border-radius:8px;height:30px;position:relative;overflow:hidden}.fast-chip{background:var(--accent);border-radius:6px;width:22px;height:22px;position:absolute;top:50%;left:4px;translate:0 -50%}.kb{flex-wrap:wrap;align-items:stretch;gap:22px;display:flex}.kb-list{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;width:220px;padding:6px;position:relative}.kb-list:focus{border-color:var(--accent);outline:none}.kb-item{z-index:1;color:var(--ink);border-radius:8px;padding:8px 12px;font-size:14px;position:relative}.kb-hl{background:var(--accent);z-index:0;border-radius:8px;position:absolute;left:6px;right:6px}.kb-list.animated .kb-hl{transition:top .28s}.kb-item.sel{color:#fff;font-weight:600}.kb-help{min-width:200px;color:var(--ink-soft);flex:1;font-size:13px;line-height:1.7}.int-grid{gap:22px;width:100%;display:grid}.int-cell .int-track{background:var(--accent-soft);border:2px dashed var(--accent-line);cursor:pointer;border-radius:12px;height:56px;position:relative;overflow:hidden}.int-knob{color:#fff;width:40px;height:40px;font-family:var(--display);border-radius:10px;place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;top:50%;left:6px;transform:translate(0)}.int-trans .int-knob{background:var(--good);transition:transform .7s}.int-trans.right .int-knob{transform:translateX(var(--far))}.int-anim .int-knob{background:#d93025}.int-anim.go-right .int-knob{animation:.7s forwards int-right}.int-anim.go-left .int-knob{animation:.7s forwards int-left}@keyframes int-right{0%{transform:translate(0)}to{transform:translateX(var(--far))}}@keyframes int-left{0%{transform:translateX(var(--far))}to{transform:translate(0)}}.hint{color:var(--muted);font-size:12px}}