.poster.svelte-htkekh{display:grid;place-items:center;gap:.35rem;width:100%;min-height:240px;border-radius:20px;border:1px dashed rgba(59,130,246,.4);background:linear-gradient(160deg,#3b82f60f,#8b5cf60f);color:#2d2d2d;font:inherit;cursor:pointer;padding:2rem;text-align:center}.poster.svelte-htkekh:hover{border-color:#3b82f6}.play.svelte-htkekh{display:grid;place-items:center;width:56px;height:56px;border-radius:999px;background:#3b82f6;color:#fff;font-size:1.2rem;padding-left:4px}.label.svelte-htkekh{font-size:1.1rem;font-weight:600}.sub.svelte-htkekh{font-size:.85rem;color:#2d2d2d80}.poster.loading.svelte-htkekh,.poster.error.svelte-htkekh{cursor:default}.poster.error.svelte-htkekh{border-style:solid;border-color:#b0305066;color:#b03050;gap:.75rem}.poster.svelte-htkekh a:where(.svelte-htkekh){color:#3b82f6;font-weight:600}.wrap.svelte-htkekh{display:grid;gap:1rem;justify-items:center}.stop.svelte-htkekh{border:1px solid rgba(45,45,45,.2);background:transparent;color:#2d2d2d;border-radius:999px;padding:.45rem 1.2rem;font:inherit;font-size:.8rem;cursor:pointer}.stop.svelte-htkekh:hover{background:#0000000a}.demo-sec.svelte-vib754 .poster,.demo-sec.svelte-vib754 .wrap{max-width:720px;margin:0 auto}.demo-stage.svelte-vib754{max-width:720px;margin:0 auto 1.5rem}.demo-stage.svelte-vib754 img:where(.svelte-vib754){display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:0 24px 60px -24px #0e111873}.demo-stage.svelte-vib754 figcaption:where(.svelte-vib754){margin-top:.75rem;font-size:.82rem;color:var(--muted)}.demo-sec.svelte-vib754 .muted.center:where(.svelte-vib754){max-width:640px;margin:0 auto 1.25rem}.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}@media(prefers-reduced-motion:reduce){.scroll.svelte-1mr0xdg{animation:none}.beam.svelte-1mr0xdg{display:none}.note.svelte-1mr0xdg{animation:none}}