.token-vs-bytes.svelte-1o416o7{--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}.token-vs-bytes.dark.svelte-1o416o7{--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}.token-vs-bytes.svelte-1o416o7{--byte-surface: var(--viz-bg-surface);padding:.9rem;display:flex;flex-direction:column;gap:.8rem}.viz-header.svelte-1o416o7{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.viz-badges.svelte-1o416o7{display:flex;gap:.4rem;flex-wrap:wrap}.badge.svelte-1o416o7{font-size:var(--viz-font-size-xs);letter-spacing:.08em;padding:.25rem .5rem;border:1px solid var(--viz-border);text-transform:uppercase}.badge.token.svelte-1o416o7{background:var(--viz-start);color:var(--viz-bg);border-color:var(--viz-start)}.badge.byte.svelte-1o416o7{background:var(--viz-goal);color:var(--viz-bg);border-color:var(--viz-goal)}.viz-controls.svelte-1o416o7{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.control-group.svelte-1o416o7{display:flex;align-items:center;gap:.4rem;font-size:var(--viz-font-size-sm)}.control-label.svelte-1o416o7{color:var(--viz-text-muted);text-transform:uppercase;font-size:var(--viz-font-size-xs);letter-spacing:.1em}.control-note.svelte-1o416o7{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);margin-left:.25rem}select.svelte-1o416o7{font-family:var(--viz-font-mono);font-size:var(--viz-font-size-sm);background:var(--viz-bg);color:var(--viz-text);border:1px solid var(--viz-border);padding:.2rem .4rem}.text-line.svelte-1o416o7{font-family:var(--viz-font-mono);font-size:.92rem;line-height:1.4;background:var(--byte-surface);padding:.5rem .6rem;border:1px solid var(--viz-border);white-space:pre-wrap;word-break:break-word;cursor:default}.char.svelte-1o416o7{transition:background var(--viz-transition-fast),color var(--viz-transition-fast);padding:0 .02rem}.char.hovered.svelte-1o416o7{background:var(--viz-start);color:var(--viz-bg)}.char.active.svelte-1o416o7{background:var(--viz-text);color:var(--viz-bg)}.context-hint.svelte-1o416o7{margin-left:.5rem;color:var(--viz-start);font-weight:600}.columns.svelte-1o416o7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--viz-border);overflow:hidden}.columns.stacked.svelte-1o416o7{grid-template-columns:1fr}.column.svelte-1o416o7{display:flex;flex-direction:column;padding:.75rem;gap:.6rem}.columns.svelte-1o416o7 .column:where(.svelte-1o416o7):not(:last-child){border-right:1px solid var(--viz-border)}.columns.stacked.svelte-1o416o7 .column:where(.svelte-1o416o7):not(:last-child){border-right:none;border-bottom:1px solid var(--viz-border)}.token-space.svelte-1o416o7,.patch-space.svelte-1o416o7,.byte-space.svelte-1o416o7{background:var(--viz-bg-surface)}.patch-slider-group.svelte-1o416o7{gap:.5rem}.patch-slider.svelte-1o416o7{width:6.25rem}.control-value.svelte-1o416o7{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);text-transform:uppercase;letter-spacing:.08em;min-width:4.25rem}.column-header.svelte-1o416o7{display:flex;flex-direction:column;gap:.35rem}.column-title.svelte-1o416o7{font-size:var(--viz-font-size-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--viz-text-muted);font-weight:700}.column-meta.svelte-1o416o7{display:flex;gap:.6rem;flex-wrap:wrap;font-size:var(--viz-font-size-sm);color:var(--viz-text-muted)}.token-chips.svelte-1o416o7{position:relative;min-height:3.2rem}.token-layer.svelte-1o416o7{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.token-layer.ghost.svelte-1o416o7{position:absolute;inset:0;opacity:.35;pointer-events:none;animation:viz-fragment .5s ease-in-out infinite}.token-layer.main.svelte-1o416o7{position:relative;z-index:1}.token-chip.svelte-1o416o7{font-size:var(--viz-font-size-sm);padding:.2rem .35rem;border:1px solid var(--viz-border);background:var(--viz-bg);color:var(--viz-text);transition:transform var(--viz-transition-fast),opacity var(--viz-transition-fast);animation:svelte-1o416o7-token-pop .2s ease both}.token-chip.active.svelte-1o416o7{transform:translateY(-1px) scale(1.02);background:var(--viz-text);color:var(--viz-bg)}.token-chip.dimmed.svelte-1o416o7{opacity:.35}.token-chip.small.svelte-1o416o7{font-size:var(--viz-font-size-xs);padding:.15rem .25rem}.token-footer.svelte-1o416o7,.byte-footer.svelte-1o416o7{display:flex;gap:.6rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);text-transform:uppercase;letter-spacing:.08em}.byte-grid.svelte-1o416o7{display:flex;flex-direction:column;gap:.25rem;padding:.4rem .5rem;background:var(--byte-surface);border:1px solid var(--viz-border)}.patch-grid.svelte-1o416o7{display:flex;flex-wrap:wrap;gap:.35rem;padding:.4rem .5rem;background:var(--byte-surface);border:1px solid var(--viz-border)}.patch-chip.svelte-1o416o7{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .3rem;border:1px solid color-mix(in srgb,hsl(var(--patch-hue),65%,52%),var(--viz-border) 55%);background:color-mix(in srgb,hsl(var(--patch-hue),70%,53%,.14),var(--viz-bg) 86%);transition:opacity var(--viz-transition-fast),transform var(--viz-transition-fast)}.patch-chip.active.svelte-1o416o7{transform:translateY(-1px);opacity:1;border-color:var(--viz-text)}.patch-chip.muted.svelte-1o416o7{opacity:.35}.patch-index.svelte-1o416o7{font-size:.62rem;color:var(--viz-text-muted);letter-spacing:.06em}.patch-bytes.svelte-1o416o7{display:inline-flex;gap:.2rem}.patch-byte.svelte-1o416o7{font-size:var(--viz-font-size-xs);font-family:var(--viz-font-mono)}.byte-grid.flowing.svelte-1o416o7{animation:none}.byte-row.svelte-1o416o7{display:flex;gap:.2rem;flex-wrap:wrap}.viz-byte.svelte-1o416o7{transition:opacity var(--viz-transition-fast),transform var(--viz-transition-fast)}.viz-byte.active.svelte-1o416o7{transform:translateY(-1px) scale(1.05);background:var(--viz-text);color:var(--viz-bg)}.viz-byte.muted.svelte-1o416o7{opacity:.35}.viz-byte.dimmed.svelte-1o416o7{opacity:.6}.collision-panel.svelte-1o416o7{border-top:1px solid var(--viz-border);padding-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.collision-header.svelte-1o416o7{font-size:var(--viz-font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--viz-text-muted);font-weight:700}.collision-row.svelte-1o416o7{display:grid;grid-template-columns:.9fr 1fr 2fr .9fr;gap:.5rem;align-items:center;font-size:var(--viz-font-size-sm)}.collision-text.svelte-1o416o7{font-family:var(--viz-font-mono);white-space:pre}.collision-tokens.svelte-1o416o7{display:flex;flex-wrap:wrap;gap:.25rem}.collision-meta.svelte-1o416o7{color:var(--viz-text-muted);font-size:var(--viz-font-size-xs);text-transform:uppercase;letter-spacing:.08em}@keyframes svelte-1o416o7-token-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.token-chip.svelte-1o416o7,.token-layer.ghost.svelte-1o416o7,.byte-grid.flowing.svelte-1o416o7{animation:none!important}}@media(max-width:720px){.columns.svelte-1o416o7{grid-template-columns:1fr}.columns.svelte-1o416o7 .column:where(.svelte-1o416o7):not(:last-child){border-right:none;border-bottom:1px solid var(--viz-border)}.collision-row.svelte-1o416o7{grid-template-columns:1fr}}