.demo-stage.svelte-vib754{max-width:720px;margin:0 auto}.monitor.svelte-1mr0xdg{--grid: rgba(120, 150, 200, .16);--trace: #3b82f6;--glow: rgba(59, 130, 246, .55);position:relative;margin:0;border-radius:14px;overflow:hidden;background:repeating-linear-gradient(to right,transparent 0,transparent calc(6.25% - 1px),var(--grid) calc(6.25% - 1px),var(--grid) 6.25%),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 rgba(120,150,200,.18);box-shadow:inset 0 0 40px #0000008c}.tone-green.svelte-1mr0xdg{--trace: #10b981;--glow: rgba(16, 185, 129, .55)}.tone-violet.svelte-1mr0xdg{--trace: #7c5cff;--glow: rgba(124, 92, 255, .55)}.tone-fuchsia.svelte-1mr0xdg{--trace: #d946ef;--glow: rgba(217, 70, 239, .5)}.scope.svelte-1mr0xdg{display:block;width:100%;height:var(--h, 120px)}.trace.svelte-1mr0xdg{fill:none;stroke:var(--trace);stroke-width:2;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:translate(calc(-1 * var(--vw)))}}.beam.svelte-1mr0xdg{position:absolute;top:0;bottom:0;right:8%;width:34%;pointer-events:none;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--glow) 22%,transparent))}.beam.svelte-1mr0xdg:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:#fff;box-shadow:0 0 8px 1px var(--glow);opacity:.9}.lane.svelte-1mr0xdg{stroke:#96afdc52;stroke-width:1;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{position:absolute;right:10px;bottom:6px;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#d2e1ff80;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}figcaption.svelte-1mr0xdg{position:absolute;left:10px;bottom:8px;margin:0;font-size:.72rem;letter-spacing:.02em;color:#d2e1ffb8;text-shadow:0 1px 2px rgba(0,0,0,.6)}.has-events.svelte-1mr0xdg figcaption:where(.svelte-1mr0xdg){bottom:24px}.beam.svelte-1mr0xdg{transition:opacity .5s ease}.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}}