.hqf-preview.svelte-p1hzj{--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}.hqf-preview.dark.svelte-p1hzj{--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}.hqf-preview.svelte-p1hzj{--decode: 0;--vision-hue: 200;--vision-hue2: 320;--accent: #3b82f6;position:relative;overflow:hidden;padding:0;background:var(--viz-bg)}.hqf-header.svelte-p1hzj{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem .8rem;border-bottom:1px solid var(--viz-border)}.hqf-subtitle.svelte-p1hzj{font-size:var(--viz-font-size-sm);color:var(--viz-text-muted);margin-top:.35rem}.hqf-badge.svelte-p1hzj{font-size:var(--viz-font-size-xs);letter-spacing:.12em;text-transform:uppercase;padding:.35rem .6rem;border:1px solid var(--viz-border);color:var(--viz-text-muted);align-self:flex-start}.hqf-controls.svelte-p1hzj{display:flex;flex-wrap:wrap;gap:1rem;padding:.8rem 1.2rem;border-bottom:1px solid var(--viz-border);background:var(--viz-bg-surface)}.control-group.svelte-p1hzj{display:flex;flex-direction:column;gap:.35rem}.control-group.svelte-p1hzj select:where(.svelte-p1hzj),.control-group.svelte-p1hzj input[type=range]:where(.svelte-p1hzj){font-family:var(--viz-font-mono);font-size:var(--viz-font-size-sm);padding:.35rem .5rem;border:1px solid var(--viz-border);background:var(--viz-bg);color:var(--viz-text)}.control-group.svelte-p1hzj input[type=range]:where(.svelte-p1hzj){width:160px}.mode-chip.svelte-p1hzj{font-size:var(--viz-font-size-xs);padding:.3rem .5rem;border:1px solid var(--viz-border);color:var(--viz-text);background:var(--viz-bg);text-transform:uppercase;letter-spacing:.08em}.hqf-grid.svelte-p1hzj{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.2fr);gap:1rem;padding:1rem 1.2rem 1.2rem}.panel-header.svelte-p1hzj{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem}.panel-title.svelte-p1hzj{font-size:var(--viz-font-size-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--viz-text-muted)}.panel-meta.svelte-p1hzj{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.packet-panel.svelte-p1hzj{display:flex;flex-direction:column;gap:.6rem}.packet-slab.svelte-p1hzj{position:relative;border:1px solid var(--viz-border);padding:.9rem;background:var(--viz-bg);cursor:pointer;transition:transform .2s ease;color:inherit}.packet-slab.svelte-p1hzj:focus-visible{outline:2px solid var(--viz-text);outline-offset:2px}.packet-slab.svelte-p1hzj:disabled{cursor:default;opacity:.8}.packet-slab.svelte-p1hzj:hover:not(:disabled){transform:translateY(-2px)}.packet-glow.svelte-p1hzj{position:absolute;inset:0;background:var(--viz-accent);opacity:calc(.1 + var(--decode) * .7);pointer-events:none;transition:opacity .2s ease}.byte-grid.svelte-p1hzj{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:.35rem;margin-bottom:.75rem;opacity:calc(.35 + (1 - var(--decode)) * .65);transition:opacity .2s ease}.byte-chip.svelte-p1hzj{text-align:center;border:1px solid var(--viz-byte-border);background:var(--viz-byte-bg);transition:transform .2s ease,opacity .2s ease}.byte-chip.highlighted.svelte-p1hzj{transform:translateY(-2px) scale(1.02);opacity:1;border-color:var(--accent)}.channel-vision.svelte-p1hzj{border-color:var(--viz-accent)}.channel-audio.svelte-p1hzj{border-color:var(--viz-start)}.channel-proprioception.svelte-p1hzj{border-color:var(--viz-success)}.channel-narration.svelte-p1hzj{border-color:var(--viz-error)}.packet-status.svelte-p1hzj{display:flex;justify-content:space-between;font-size:var(--viz-font-size-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--viz-text-muted)}.status-label.svelte-p1hzj{color:var(--viz-text)}.packet-meta.svelte-p1hzj{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);min-height:1.1rem}.meta-strong.svelte-p1hzj{color:var(--viz-text)}.packet-hint.svelte-p1hzj{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.decode-panel.svelte-p1hzj{display:flex;flex-direction:column;gap:.9rem}.decode-row.svelte-p1hzj{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.sensory-panel.svelte-p1hzj{border:1px solid var(--viz-border);padding:.7rem;background:var(--viz-bg);transform:translateY(calc((1 - var(--decode)) * 12px));filter:blur(calc((1 - var(--decode)) * 2px));opacity:calc(.2 + var(--decode) * .8);transition:transform .25s ease,filter .25s ease,opacity .25s ease}.vision-field.svelte-p1hzj{height:120px;position:relative;overflow:hidden;background:var(--viz-accent);animation:viz-breathe 6s ease-in-out infinite}.vision-veil.svelte-p1hzj,.vision-bloom.svelte-p1hzj{position:absolute;inset:0}.vision-veil.svelte-p1hzj{background:var(--viz-bg);opacity:calc(.6 - var(--decode) * .4)}.vision-bloom.svelte-p1hzj{background:var(--viz-unity-gold);opacity:var(--decode)}.audio-wave.svelte-p1hzj{height:120px;display:grid;grid-template-columns:repeat(24,1fr);gap:.2rem;align-items:end}.wave-bar.svelte-p1hzj{background:var(--viz-start);animation:svelte-p1hzj-wave-pulse 1.6s ease-in-out infinite;animation-delay:var(--delay);opacity:calc(.3 + var(--decode) * .7)}.audio-note.svelte-p1hzj{margin-top:.4rem;font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.narration-panel.svelte-p1hzj{border:1px solid var(--viz-border);padding:.8rem;background:var(--viz-bg-surface)}.narration-text.svelte-p1hzj{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-size:.95rem;line-height:1.4;color:var(--viz-text);min-height:2.4rem;opacity:calc(.25 + var(--decode) * .75);transition:opacity .25s ease}.hqf-footer.svelte-p1hzj{padding:0 1.2rem 1rem;display:flex;flex-direction:column;gap:.4rem}.hqf-bridge.svelte-p1hzj{font-size:var(--viz-font-size-sm);color:var(--viz-text-muted)}.hqf-copy.svelte-p1hzj{padding:0 1.2rem 1.2rem;font-size:var(--viz-font-size-sm);color:var(--viz-text)}.hqf-copy.svelte-p1hzj p:where(.svelte-p1hzj){margin:.3rem 0 0}@keyframes svelte-p1hzj-wave-pulse{0%,to{transform:scaleY(.85)}50%{transform:scaleY(1.05)}}@media(prefers-reduced-motion:reduce){.packet-slab.svelte-p1hzj,.sensory-panel.svelte-p1hzj,.vision-field.svelte-p1hzj,.wave-bar.svelte-p1hzj{animation:none!important;transition:none!important}}@media(max-width:720px){.hqf-header.svelte-p1hzj,.hqf-controls.svelte-p1hzj{flex-direction:column;align-items:flex-start}.hqf-grid.svelte-p1hzj{grid-template-columns:1fr}.control-group.svelte-p1hzj input[type=range]:where(.svelte-p1hzj){width:100%}}