.demo-stage.svelte-vib754{max-width:720px;margin:0 auto}.monitor.svelte-1mr0xdg{--grid:#7896c829;--trace:#3b82f6;--glow:#3b82f68c;background: repeating-linear-gradient(to right, transparent 0, transparent calc(100% / 16 - 1px), var(--grid) calc(100% / 16 - 1px), var(--grid) calc(100% / 16)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(100% / 6 - 1px), var(--grid) calc(100% / 6 - 1px), var(--grid) calc(100% / 6)), radial-gradient(120% 140% at 50% 20%, #101a2e, #070b14 70%);border:1px solid #7896c82e;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0000008c}.tone-green.svelte-1mr0xdg{--trace:#10b981;--glow:#10b9818c}.tone-violet.svelte-1mr0xdg{--trace:#7c5cff;--glow:#7c5cff8c}.tone-fuchsia.svelte-1mr0xdg{--trace:#d946ef;--glow:#d946ef80}.scope.svelte-1mr0xdg{width:100%;height:var(--h,120px);display:block}.trace.svelte-1mr0xdg{fill:none;stroke:var(--trace);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--glow)) drop-shadow(0 0 7px var(--glow));vector-effect:non-scaling-stroke}.scroll.svelte-1mr0xdg{animation:svelte-1mr0xdg-sweep var(--sweep) linear infinite}@keyframes svelte-1mr0xdg-sweep{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--vw)))}}.beam.svelte-1mr0xdg{pointer-events:none;background:linear-gradient(to right, transparent, color-mix(in srgb, var(--glow) 22%, transparent));width:34%;position:absolute;top:0;bottom:0;right:8%}.beam.svelte-1mr0xdg:after{content:"";width:2px;box-shadow:0 0 8px 1px var(--glow);opacity:.9;background:#fff;position:absolute;top:0;bottom:0;right:0}.lane.svelte-1mr0xdg{stroke:#96afdc52;stroke-width:1px;vector-effect:non-scaling-stroke}.note.svelte-1mr0xdg{fill:var(--trace);animation:svelte-1mr0xdg-noteFlash var(--sweep) linear infinite}@keyframes svelte-1mr0xdg-noteFlash{0%,to{fill:#eaf2ff;filter:drop-shadow(0 0 5px var(--glow))}12%,94%{fill:var(--trace);filter:none}}.event-label.svelte-1mr0xdg{letter-spacing:.06em;text-transform:uppercase;color:#d2e1ff80;text-shadow:0 1px 3px #000000e6;pointer-events:none;font-size:.62rem;position:absolute;bottom:6px;right:10px}figcaption.svelte-1mr0xdg{letter-spacing:.02em;color:#d2e1ffb8;text-shadow:0 1px 2px #0009;margin:0;font-size:.72rem;position:absolute;bottom:8px;left:10px}.has-events.svelte-1mr0xdg figcaption:where(.svelte-1mr0xdg){bottom:24px}.beam.svelte-1mr0xdg{transition:opacity .5s}.resting.svelte-1mr0xdg .scroll:where(.svelte-1mr0xdg),.resting.svelte-1mr0xdg .note:where(.svelte-1mr0xdg){animation-play-state:paused}.resting.svelte-1mr0xdg .beam:where(.svelte-1mr0xdg){opacity:0}@media (prefers-reduced-motion:reduce){.scroll.svelte-1mr0xdg{animation:none}.beam.svelte-1mr0xdg{display:none}.note.svelte-1mr0xdg{animation:none}}