.sage-playground.svelte-e61rd5{--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}.sage-playground.dark.svelte-e61rd5{--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}.sage-playground.svelte-e61rd5{font-family:var(--viz-font-mono);max-width:600px;margin:0 auto;padding:1rem;background:var(--viz-bg);border:2px solid var(--viz-border)}.controls.svelte-e61rd5{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.paint-modes.svelte-e61rd5,.actions.svelte-e61rd5{display:flex;gap:.5rem}button.svelte-e61rd5{font-family:inherit;font-size:.75rem;padding:.4rem .8rem;background:var(--viz-bg);border:1px solid var(--viz-border);color:var(--viz-text);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s,color .15s}button.svelte-e61rd5:hover:not(:disabled){background:var(--viz-surface-sunken)}button.svelte-e61rd5:disabled{opacity:.4;cursor:not-allowed}button.active.svelte-e61rd5{background:var(--viz-text);color:var(--viz-bg)}.swatch.svelte-e61rd5{display:inline-block;width:12px;height:12px;border:1px solid var(--viz-border)}.swatch.wall.svelte-e61rd5{background:var(--viz-text)}.swatch.start.svelte-e61rd5{background:#e67e22}.swatch.goal.svelte-e61rd5{background:#3498db}.canvas-container.svelte-e61rd5{border:2px solid var(--viz-border);display:inline-block;background:var(--viz-bg-surface)}.canvas-container.svelte-e61rd5 svg{display:block}.hint.svelte-e61rd5{font-size:.7rem;color:var(--viz-text-muted);margin-top:.75rem}