From 6dcfcdce2a7b4d11e64d9ecdab71e2e0c909e750 Mon Sep 17 00:00:00 2001
From: Corey Johnson <probablycorey@gmail.com>
Date: Tue, 6 Jan 2026 13:45:33 -0800
Subject: [PATCH] fix: ensure sprite preview has transparent background
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Explicitly set backgroundColor: transparent to prevent
Pico CSS from overriding it.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/dev/app.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/dev/app.tsx b/src/dev/app.tsx
index e33dce8..d9e2f92 100644
--- a/src/dev/app.tsx
+++ b/src/dev/app.tsx
@@ -76,6 +76,7 @@ const App = () => {
   const previewStyle = {
     width: `${width * scale}px`,
     height: `${height * scale}px`,
+    backgroundColor: "transparent",
     backgroundImage: `url('${spriteUrl}')`,
     backgroundSize: `${sheetWidth * scale}px ${sheetHeight * scale}px`,
     animation: `${keyframeId} ${totalDuration}ms steps(${frames}) infinite`,