.voxel-chunks.svelte-1xfkfl0{--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}.voxel-chunks.dark.svelte-1xfkfl0{--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}.voxel-chunks.svelte-1xfkfl0{padding:1.2rem;background:var(--viz-bg);border:2px solid var(--viz-border);color:var(--viz-text)}.header.svelte-1xfkfl0{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.title.svelte-1xfkfl0{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.meta.svelte-1xfkfl0{font-size:var(--viz-font-size-sm);display:flex;gap:.75rem;flex-wrap:wrap;color:var(--viz-text-muted)}.canvas-frame.svelte-1xfkfl0{position:relative;width:100%;aspect-ratio:16/10;background:var(--viz-bg-surface);border:1px solid var(--viz-border);overflow:hidden}canvas.svelte-1xfkfl0{width:100%;height:100%;display:block;cursor:grab;touch-action:none}canvas.svelte-1xfkfl0:active{cursor:grabbing}.canvas-hint.svelte-1xfkfl0{position:absolute;bottom:.35rem;right:.5rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);background:var(--viz-bg-surface);padding:.2rem .4rem;letter-spacing:.03em}.controls.svelte-1xfkfl0{display:flex;flex-wrap:wrap;gap:.75rem;margin:.9rem 0 .6rem}.control-group.svelte-1xfkfl0{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:var(--viz-font-size-sm)}.control-group.svelte-1xfkfl0 .label:where(.svelte-1xfkfl0){text-transform:uppercase;letter-spacing:.08em;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.control-group.svelte-1xfkfl0 select:where(.svelte-1xfkfl0),.control-group.svelte-1xfkfl0 input[type=range]:where(.svelte-1xfkfl0){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 .35rem}.control-group.svelte-1xfkfl0 .value:where(.svelte-1xfkfl0){color:var(--viz-text-muted);font-size:var(--viz-font-size-xs)}.meters.svelte-1xfkfl0{display:grid;gap:.6rem;margin-top:.5rem;font-size:var(--viz-font-size-sm);color:var(--viz-text-muted)}.meter.svelte-1xfkfl0{display:grid;gap:.3rem}.meter-bar.svelte-1xfkfl0{width:100%;height:8px;background:var(--viz-bg-surface);overflow:hidden}.meter-fill.svelte-1xfkfl0{height:100%;background:var(--viz-accent);transition:width .2s ease}.voxel-chunks.svelte-1xfkfl0 .viz-button.active{background:var(--viz-text);color:var(--viz-bg)}.meter-label.svelte-1xfkfl0{text-transform:uppercase;letter-spacing:.08em;font-size:var(--viz-font-size-xs)}.meter-value.svelte-1xfkfl0{font-size:var(--viz-font-size-xs)}.meter.meta-inline.svelte-1xfkfl0{text-transform:uppercase;letter-spacing:.05em;font-size:var(--viz-font-size-xs)}.caption.svelte-1xfkfl0{margin-top:.8rem;font-size:var(--viz-font-size-sm);color:var(--viz-text-muted);line-height:1.4}.token-mapping-panel.svelte-1xfkfl0{margin-top:.75rem;border:1px solid var(--viz-border);background:var(--viz-bg-surface);padding:.65rem}.token-mapping-head.svelte-1xfkfl0{display:grid;gap:.2rem;margin-bottom:.45rem}.token-mapping-title.svelte-1xfkfl0{font-size:var(--viz-font-size-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.token-mapping-subtitle.svelte-1xfkfl0{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.token-mapping-svg.svelte-1xfkfl0{width:100%;height:auto;display:block;border:1px solid var(--viz-border);background:var(--viz-bg)}.token-mapping-svg.svelte-1xfkfl0 .lane-label:where(.svelte-1xfkfl0){font-size:11px;font-family:var(--viz-font-mono);letter-spacing:.08em;fill:var(--viz-text-muted)}.token-mapping-svg.svelte-1xfkfl0 .token-label:where(.svelte-1xfkfl0){font-size:12px;font-weight:600;fill:#f7f7f7}.token-mapping-svg.svelte-1xfkfl0 .chunk-cell:where(.svelte-1xfkfl0){fill:transparent;stroke:var(--viz-border);stroke-width:1.3}.token-mapping-svg.svelte-1xfkfl0 .chunk-cell.mapped:where(.svelte-1xfkfl0){stroke:var(--viz-accent);stroke-width:2}.token-mapping-svg.svelte-1xfkfl0 .chunk-label:where(.svelte-1xfkfl0){font-size:11px;font-family:var(--viz-font-mono);fill:var(--viz-text)}.token-mapping-svg.svelte-1xfkfl0 .chunk-hit-count:where(.svelte-1xfkfl0){font-size:10px;fill:var(--viz-text-muted)}@media(max-width:720px){.header.svelte-1xfkfl0{flex-direction:column;align-items:flex-start}.controls.svelte-1xfkfl0{flex-direction:column}.control-group.svelte-1xfkfl0{width:100%}}
