.self-modeling.svelte-1rrgjki{--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}.self-modeling.dark.svelte-1rrgjki{--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}.self-modeling.svelte-1rrgjki{font-family:var(--viz-font-mono);max-width:760px;margin:0 auto;padding:1rem;background:var(--viz-bg);border:2px solid var(--viz-border);color:var(--viz-text);display:flex;flex-direction:column;gap:.9rem;--viz-font-mono: "JetBrains Mono", monospace;--viz-font-size-xs: .65rem;--viz-font-size-sm: .7rem}.header.svelte-1rrgjki{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.controls.svelte-1rrgjki{display:flex;gap:.4rem;flex-wrap:wrap}.viz-button.svelte-1rrgjki{font-family:var(--viz-font-mono);font-size:var(--viz-font-size-sm);padding:.35rem .6rem;background:var(--viz-bg);border:1px solid var(--viz-border);color:var(--viz-text);cursor:pointer}.viz-button.svelte-1rrgjki:hover:not(:disabled){opacity:.8}.viz-button.svelte-1rrgjki:disabled{opacity:.4;cursor:not-allowed}.panels.svelte-1rrgjki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;position:relative}.panel.svelte-1rrgjki{border:1px solid var(--viz-border);background:var(--viz-bg-surface);padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.panel-title.svelte-1rrgjki{font-size:var(--viz-font-size-sm);letter-spacing:.05em;color:var(--viz-text)}.panel-note.svelte-1rrgjki{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted)}.canvas-wrap.svelte-1rrgjki{display:flex;justify-content:center}canvas.svelte-1rrgjki{border:1px solid var(--viz-border);image-rendering:pixelated;background:var(--viz-bg)}.loop-overlay.svelte-1rrgjki{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:var(--viz-text-muted)}.loop-overlay.svelte-1rrgjki svg:where(.svelte-1rrgjki){width:100%;height:100%}.flow.svelte-1rrgjki{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:6 8;animation:svelte-1rrgjki-viz-flow 2.5s linear infinite}.loop-label.svelte-1rrgjki{position:absolute;font-size:var(--viz-font-size-xs);background:var(--viz-bg);padding:.1rem .4rem;border:1px solid var(--viz-border);letter-spacing:.08em;text-transform:uppercase}.meta.svelte-1rrgjki{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.stats.svelte-1rrgjki{font-size:var(--viz-font-size-sm);color:var(--viz-text-muted);display:flex;gap:.8rem;flex-wrap:wrap}.selectors.svelte-1rrgjki{display:flex;gap:.8rem;flex-wrap:wrap;font-size:var(--viz-font-size-xs)}.selector.svelte-1rrgjki{display:flex;align-items:center;gap:.4rem;background:var(--viz-bg-surface);padding:.2rem .4rem;border:1px solid var(--viz-border)}.selector.svelte-1rrgjki label:where(.svelte-1rrgjki){display:flex;align-items:center;gap:.3rem}.selector.svelte-1rrgjki select:where(.svelte-1rrgjki){font-family:var(--viz-font-mono);font-size:var(--viz-font-size-xs);background:var(--viz-bg);color:var(--viz-text);border:1px solid var(--viz-border)}.blend-select.svelte-1rrgjki{display:flex;gap:.25rem}.hover-readout.svelte-1rrgjki{border:1px solid var(--viz-border);background:var(--viz-bg-surface);padding:.4rem .6rem;display:flex;flex-direction:column;gap:.4rem}.values.svelte-1rrgjki{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.25rem;font-size:var(--viz-font-size-xs);color:var(--viz-text)}.value.svelte-1rrgjki{background:var(--viz-bg);border:1px solid var(--viz-border);padding:.1rem .2rem;text-align:center}.viz-label.svelte-1rrgjki{font-size:var(--viz-font-size-xs);font-weight:600;letter-spacing:.1em;color:var(--viz-text-muted);text-transform:uppercase}.viz-hint.svelte-1rrgjki{font-size:var(--viz-font-size-xs);color:var(--viz-text-muted);margin:0}@keyframes svelte-1rrgjki-viz-flow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(max-width:720px){.panels.svelte-1rrgjki{grid-template-columns:1fr}.loop-overlay.svelte-1rrgjki{display:none}}@media(prefers-reduced-motion:reduce){.flow.svelte-1rrgjki{animation:none}}