.ghost-guide-demo.svelte-199klqi{width:min(100%,64rem);margin:var(--size-24) auto var(--size-32);padding:var(--size-16);border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:var(--ui-radius);background:var(--color-background-tint);box-sizing:border-box;-webkit-user-select:none;user-select:none}.demo-layout.svelte-199klqi{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(22rem,1.1fr);gap:var(--size-16)}.stage.svelte-199klqi,.instrument-panel.svelte-199klqi section:where(.svelte-199klqi){min-width:0;border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:var(--size-8);background:var(--color-background);box-sizing:border-box}.stage.svelte-199klqi{min-height:18rem;padding:var(--size-16)}.ghost-guide-demo .snap-engine-canvas{overflow:visible!important}.flow-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-12)}.flow-list,.overlay-list{gap:var(--size-8);padding:var(--size-12);border:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:var(--size-8);background:color-mix(in srgb,var(--color-background-tint) 72%,var(--color-background));box-sizing:border-box}.flow-list{min-width:0;min-height:13rem}.flow-list header{padding:0 var(--size-4) var(--size-4);color:var(--color-foreground-muted);font-family:Bitcount Grid Single,monospace;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.overlay-list{width:min(100%,21rem);min-height:16rem;margin:0 auto}.guide-item{width:100%!important;min-height:2.75rem;padding:var(--size-8) var(--size-12);border:1px solid color-mix(in srgb,var(--color-foreground) 13%,transparent);border-radius:var(--size-4);background:var(--color-background);box-shadow:0 2px 7px color-mix(in srgb,var(--color-foreground) 8%,transparent);color:var(--color-foreground);cursor:grab}.guide-item[data-snapsort-dragging=true]{opacity:.88!important}.guide-ghost.is-source-spacer,.guide-ghost.is-target-spacer{display:grid;place-items:center;border:2px dashed currentColor;border-radius:var(--size-4);box-sizing:border-box;font-family:Bitcount Grid Single,monospace;font-size:.65rem;letter-spacing:.025em;opacity:1}.guide-ghost.is-source-spacer{background:color-mix(in srgb,var(--color-foreground) 5%,transparent);color:var(--color-foreground-muted)}.guide-ghost.is-target-spacer{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));color:var(--color-primary)}.guide-ghost.is-pointer-preview{display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 64%,transparent);border-radius:var(--size-8);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-background));box-shadow:0 10px 24px color-mix(in srgb,var(--color-foreground) 18%,transparent);color:var(--color-primary);font-family:Bitcount Grid Single,monospace;font-size:.7rem}.guide-ghost.is-insertion-marker{overflow:visible;color:var(--color-primary)!important}.guide-ghost.is-insertion-marker span{position:absolute;right:0;bottom:calc(100% + var(--size-4));padding:.1rem .35rem;border-radius:999px;background:var(--color-primary);color:var(--color-background);font-family:Bitcount Grid Single,monospace;font-size:.6rem;white-space:nowrap}.hint.svelte-199klqi{margin:var(--size-12) 0 0;color:var(--color-foreground-muted);font-size:.78rem;line-height:1.45;text-align:center}.instrument-panel.svelte-199klqi{display:grid;align-content:start;gap:var(--size-12);min-width:0}.instrument-panel.svelte-199klqi section:where(.svelte-199klqi){padding:var(--size-12)}.instrument-panel.svelte-199klqi h3:where(.svelte-199klqi){margin:0 0 var(--size-8);color:var(--color-foreground);font-family:Bitcount Grid Single,monospace;font-size:.76rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.active-panel.svelte-199klqi ul:where(.svelte-199klqi){display:flex;flex-wrap:wrap;gap:var(--size-8);margin:0;padding:0;list-style:none}.active-panel.svelte-199klqi li:where(.svelte-199klqi){display:grid;gap:.15rem;min-width:8rem;padding:var(--size-8);border-radius:var(--size-4);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-background-tint));font-size:.72rem}.active-panel.svelte-199klqi strong:where(.svelte-199klqi){color:var(--color-primary)}.active-panel.svelte-199klqi code:where(.svelte-199klqi),.ledger-panel.svelte-199klqi code:where(.svelte-199klqi){font-size:.68rem}.empty.svelte-199klqi{margin:0;color:var(--color-foreground-muted);font-size:.78rem}.ledger-list.svelte-199klqi{display:grid;gap:var(--size-8);margin:0;padding:0;list-style:none}.ledger-event.svelte-199klqi{display:grid;gap:var(--size-8);padding:var(--size-8);border-radius:var(--size-4);background:var(--color-background-tint);font-size:.68rem}.event-summary.svelte-199klqi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--size-8)}.event-summary.svelte-199klqi strong:where(.svelte-199klqi){overflow-wrap:anywhere;color:var(--color-foreground)}.event-summary.svelte-199klqi code:where(.svelte-199klqi){color:var(--color-foreground-muted)}.event-locations.svelte-199klqi{display:grid;gap:var(--size-4);margin:0}.event-locations.svelte-199klqi div:where(.svelte-199klqi){display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--size-4)}.event-locations.svelte-199klqi dt:where(.svelte-199klqi),.event-locations.svelte-199klqi dd:where(.svelte-199klqi){margin:0}.event-locations.svelte-199klqi dt:where(.svelte-199klqi){color:var(--color-foreground-muted);font-family:Bitcount Grid Single,monospace}.event-locations.svelte-199klqi dd:where(.svelte-199klqi){overflow-wrap:anywhere}.operation.svelte-199klqi{display:inline-block;padding:.1rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-weight:650}.operation.is-remove.svelte-199klqi{background:color-mix(in srgb,var(--color-foreground) 8%,transparent);color:var(--color-foreground-muted)}.empty-ledger.svelte-199klqi{display:grid;min-height:4rem;margin:0;place-items:center;color:var(--color-foreground-muted);font-size:.72rem;text-align:center}@media(max-width:800px){.demo-layout.svelte-199klqi{grid-template-columns:1fr}}@media(max-width:520px){.ghost-guide-demo.svelte-199klqi,.stage.svelte-199klqi{padding:var(--size-12)}.flow-board{grid-template-columns:1fr}.flow-list{min-height:9rem}}