.sequitur-demo.svelte-11ya6nm{--viz-bg: #fff;--viz-bg-surface: #f5f5f5;--viz-border: #000;--viz-text: #000;--viz-text-muted: #666;--viz-surface-sunken: #f0f0f0;--viz-surface-raised: #fff;--viz-accent: #3b82f6;--viz-accent-muted: rgba(59, 130, 246, .15);--viz-canvas-bg: #fafafa;--viz-canvas-border: #e0e0e0}.sequitur-demo.dark.svelte-11ya6nm{--viz-bg: #1a1a1a;--viz-bg-surface: #111;--viz-border: #444;--viz-text: #e0e0e0;--viz-text-muted: #888;--viz-surface-sunken: #111;--viz-surface-raised: #222;--viz-accent: #60a5fa;--viz-accent-muted: rgba(96, 165, 250, .2);--viz-canvas-bg: #0f0f0f;--viz-canvas-border: #333}.sequitur-demo.svelte-11ya6nm{font-family:var(--viz-font-mono);max-width:720px;margin:0 auto;padding:1rem;background:var(--viz-bg);border:2px solid var(--viz-border);color:var(--viz-text)}.header.svelte-11ya6nm{text-align:center;margin-bottom:1rem;border-bottom:1px solid var(--viz-border);padding-bottom:.5rem}.header.svelte-11ya6nm .title:where(.svelte-11ya6nm){display:block;font-size:1rem;font-weight:600;letter-spacing:.05em}.header.svelte-11ya6nm .subtitle:where(.svelte-11ya6nm){display:block;font-size:.7rem;color:var(--viz-text-muted);margin-top:.25rem}.input-section.svelte-11ya6nm{margin-bottom:1rem}.input-section.svelte-11ya6nm .input-label:where(.svelte-11ya6nm){display:flex;align-items:center;gap:.5rem;font-size:.75rem}.input-section.svelte-11ya6nm .input-label:where(.svelte-11ya6nm) span:where(.svelte-11ya6nm){color:var(--viz-text-muted)}.input-section.svelte-11ya6nm .input-field:where(.svelte-11ya6nm){flex:1;font-family:var(--viz-font-mono);font-size:.8rem;padding:.25rem .5rem;background:var(--viz-surface-sunken);border:1px solid var(--viz-border);color:var(--viz-text)}.input-section.svelte-11ya6nm .input-field:where(.svelte-11ya6nm):disabled{opacity:.6}.main-display.svelte-11ya6nm{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.row.svelte-11ya6nm{display:flex;align-items:flex-start;gap:.75rem}.row.svelte-11ya6nm .label:where(.svelte-11ya6nm){flex-shrink:0;width:70px;font-size:.65rem;font-weight:600;color:var(--viz-text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:.2rem}.input-chars.svelte-11ya6nm{display:flex;flex-wrap:wrap;gap:2px}.input-chars.svelte-11ya6nm .char:where(.svelte-11ya6nm){display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.8rem;border:1px solid var(--viz-border);background:var(--viz-surface-raised);transition:all .2s ease}.input-chars.svelte-11ya6nm .char.consumed:where(.svelte-11ya6nm){opacity:.3;background:var(--viz-surface-sunken)}.input-chars.svelte-11ya6nm .char.current:where(.svelte-11ya6nm){background:var(--viz-accent);color:#fff;border-color:var(--viz-accent);font-weight:600}.input-chars.svelte-11ya6nm .done-marker:where(.svelte-11ya6nm){color:#27ae60;font-size:1rem;margin-left:.25rem}.sequence.svelte-11ya6nm{display:flex;flex-wrap:wrap;gap:4px;min-height:1.75rem}.sequence.svelte-11ya6nm .symbol:where(.svelte-11ya6nm){display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .25rem;font-size:.8rem;border:1px solid var(--viz-border);background:var(--viz-surface-raised);transition:all .15s ease}.sequence.svelte-11ya6nm .symbol.is-rule:where(.svelte-11ya6nm){background:#e67e22;color:#fff;border-color:#e67e22;font-weight:600}.sequence.svelte-11ya6nm .symbol.highlight:where(.svelte-11ya6nm){background:#27ae60;color:#fff;border-color:#27ae60;transform:scale(1.1)}.sequence.svelte-11ya6nm .empty:where(.svelte-11ya6nm){color:var(--viz-text-muted);font-style:italic}.rules-row.svelte-11ya6nm .rules:where(.svelte-11ya6nm){display:flex;flex-direction:column;gap:.25rem}.rules-row.svelte-11ya6nm .rule:where(.svelte-11ya6nm){display:flex;align-items:center;gap:.5rem;font-size:.75rem;padding:.25rem .5rem;background:var(--viz-surface-sunken);border:1px solid transparent;transition:all .2s ease}.rules-row.svelte-11ya6nm .rule.highlight:where(.svelte-11ya6nm){background:#e67e2233;border-color:#e67e22}.rules-row.svelte-11ya6nm .rule:where(.svelte-11ya6nm) .rule-id:where(.svelte-11ya6nm){font-weight:600;color:#e67e22}.rules-row.svelte-11ya6nm .rule:where(.svelte-11ya6nm) .arrow:where(.svelte-11ya6nm){color:var(--viz-text-muted)}.rules-row.svelte-11ya6nm .rule:where(.svelte-11ya6nm) .usage:where(.svelte-11ya6nm){margin-left:auto;font-size:.65rem;color:var(--viz-text-muted)}.rules-row.svelte-11ya6nm .empty:where(.svelte-11ya6nm){color:var(--viz-text-muted);font-style:italic;font-size:.75rem}.digrams-row.svelte-11ya6nm .digrams:where(.svelte-11ya6nm){display:flex;flex-wrap:wrap;gap:.25rem}.digrams-row.svelte-11ya6nm .digram:where(.svelte-11ya6nm){font-size:.7rem;padding:.15rem .35rem;background:var(--viz-surface-sunken);border:1px solid var(--viz-border);transition:all .15s ease}.digrams-row.svelte-11ya6nm .digram.duplicate:where(.svelte-11ya6nm){background:#e74c3c26;border-color:#e74c3c;color:#e74c3c}.digrams-row.svelte-11ya6nm .digram:where(.svelte-11ya6nm) .count:where(.svelte-11ya6nm){font-size:.6rem;opacity:.8;margin-left:.15rem}.digrams-row.svelte-11ya6nm .empty:where(.svelte-11ya6nm){color:var(--viz-text-muted)}.status.svelte-11ya6nm{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;padding:.5rem;background:var(--viz-surface-sunken);margin-bottom:.75rem}.status.svelte-11ya6nm .action:where(.svelte-11ya6nm){color:var(--viz-text)}.status.svelte-11ya6nm .stats:where(.svelte-11ya6nm){color:var(--viz-text-muted)}.controls.svelte-11ya6nm{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.controls.svelte-11ya6nm .btn:where(.svelte-11ya6nm){font-family:var(--viz-font-mono);font-size:.7rem;padding:.35rem .75rem;background:var(--viz-bg);border:1px solid var(--viz-border);color:var(--viz-text);cursor:pointer;transition:all .15s ease}.controls.svelte-11ya6nm .btn:where(.svelte-11ya6nm):hover:not(:disabled){background:var(--viz-surface-sunken)}.controls.svelte-11ya6nm .btn:where(.svelte-11ya6nm):disabled{opacity:.4;cursor:not-allowed}.controls.svelte-11ya6nm .btn.active:where(.svelte-11ya6nm){background:var(--viz-accent);color:#fff;border-color:var(--viz-accent)}.controls.svelte-11ya6nm .speed-control:where(.svelte-11ya6nm){display:flex;align-items:center;gap:.25rem;margin-left:auto;font-size:.65rem;color:var(--viz-text-muted)}.controls.svelte-11ya6nm .speed-control:where(.svelte-11ya6nm) input[type=range]:where(.svelte-11ya6nm){width:80px}.invariants.svelte-11ya6nm{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#27ae601a;border:1px solid rgba(39,174,96,.3);font-size:.65rem}.invariants.svelte-11ya6nm .invariant:where(.svelte-11ya6nm){display:flex;align-items:center;gap:.5rem}.invariants.svelte-11ya6nm .invariant:where(.svelte-11ya6nm) .check:where(.svelte-11ya6nm){color:#27ae60;font-weight:700}
