.scrub-demo.svelte-1s5ktl6{flex-direction:column;gap:1.1rem;width:100%;padding:1.2rem 1.4rem;display:flex}.stage.svelte-1s5ktl6{place-items:center;height:120px;display:grid;position:relative}.rail.svelte-1s5ktl6{background:repeating-linear-gradient(90deg, var(--line-2) 0, var(--line-2) 6px, transparent 6px, transparent 12px);height:2px;position:absolute;top:50%;left:8%;right:8%}.box.svelte-1s5ktl6{color:#06281c;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:56px;height:56px;box-shadow:0 8px 24px color-mix(in oklab, var(--accent) 35%, transparent);will-change:transform, opacity;border-radius:14px;place-items:center;font-size:1.4rem;display:grid}.transport.svelte-1s5ktl6{flex-direction:column;gap:.7rem;display:flex}.btns.svelte-1s5ktl6{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ctl.svelte-1s5ktl6{font-family:var(--mono);padding:.4em .8em;font-size:.8rem}.ctl.primary.svelte-1s5ktl6{background:var(--accent);color:#0a0d16;border-color:var(--accent)}.dir.svelte-1s5ktl6{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:.72rem}.scrubber.svelte-1s5ktl6{width:100%;accent-color:var(--accent)}.readout.svelte-1s5ktl6{font-family:var(--mono);color:var(--text-dim);justify-content:space-between;font-size:.76rem;display:flex}.readout.svelte-1s5ktl6 code:where(.svelte-1s5ktl6){color:var(--accent-2);background:0 0;border:0;padding:0}.state.svelte-1s5ktl6{color:var(--good)}.rates.svelte-1s5ktl6{font-family:var(--mono);color:var(--text-faint);align-items:center;gap:.4rem;font-size:.74rem;display:flex}.rate.svelte-1s5ktl6{font-family:var(--mono);padding:.25em .6em;font-size:.74rem}.rate.on.svelte-1s5ktl6{background:var(--bg-3);border-color:var(--accent);color:var(--text)}.comp.svelte-r5ecem{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;width:100%;display:grid}.col.svelte-r5ecem{background:var(--bg);flex-direction:column;display:flex}.pad.svelte-r5ecem{place-items:center;height:150px;display:grid}.b.svelte-r5ecem{will-change:transform;border-radius:10px;width:40px;height:40px}.b.replace.svelte-r5ecem{background:var(--bad);box-shadow:0 0 18px color-mix(in oklab, var(--bad) 45%, transparent)}.b.add.svelte-r5ecem{background:var(--good);box-shadow:0 0 18px color-mix(in oklab, var(--good) 45%, transparent)}.cap.svelte-r5ecem{border-top:1px solid var(--line);padding:.6rem .9rem 1rem}.cap.svelte-r5ecem code:where(.svelte-r5ecem){font-size:.78rem}.cap.svelte-r5ecem p:where(.svelte-r5ecem){color:var(--text-dim);margin:.5rem 0 0;font-size:.82rem}@media (width<=560px){.comp.svelte-r5ecem{grid-template-columns:1fr}}.lead.svelte-sala7w em,em.svelte-sala7w{color:var(--accent-2);font-style:normal}.tabs.svelte-sala7w{flex-direction:column;gap:6px;display:flex}.tab.svelte-sala7w{font-family:var(--mono);text-align:left;background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);padding:.5em .7em;font-size:.78rem}.tab.active.svelte-sala7w{color:var(--text);background:var(--bg-3);border-color:var(--accent)}.hint.svelte-sala7w{color:var(--text-faint);margin:.2rem 0 0;font-size:.78rem}.threeways.svelte-sala7w{background:var(--line);grid-template-columns:minmax(280px,1fr) minmax(0,1.05fr);align-self:stretch;gap:1px;width:100%;display:grid}.live.svelte-sala7w{background:var(--bg);align-items:center;display:flex}.code.svelte-sala7w{background:var(--bg-1);font-family:var(--mono);color:var(--text-dim);max-height:300px;margin:0;padding:1rem 1.1rem;font-size:.74rem;line-height:1.55;overflow:auto}.code.svelte-sala7w code:where(.svelte-sala7w){color:inherit;white-space:pre;background:0 0;border:0;padding:0}@media (width<=720px){.threeways.svelte-sala7w{grid-template-columns:1fr}.code.svelte-sala7w{max-height:240px}}