===================================================================
--- original.js
+++ change.js
@@ -1,6 +1,294 @@
-/****
+/**** 
+* Plugins
+****/ 
+var storage = LK.import("@upit/storage.v1");
+
+/**** 
+* Classes
+****/ 
+var GalleryItem = Container.expand(function (plantData, index) {
+	var self = Container.call(this);
+	var background = self.attachAsset('gallerySlot', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	if (plantData.top) {
+		var topComponent = self.attachAsset(plantData.top, {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			scaleX: 0.6,
+			scaleY: 0.6,
+			y: -40
+		});
+	}
+	if (plantData.bottom) {
+		var bottomComponent = self.attachAsset(plantData.bottom, {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			scaleX: 0.6,
+			scaleY: 0.6,
+			y: 20
+		});
+	}
+	return self;
+});
+var PlantComponent = Container.expand(function (assetId, componentType) {
+	var self = Container.call(this);
+	self.assetId = assetId;
+	self.componentType = componentType; // 'top' or 'bottom'
+	self.isInWorkspace = false;
+	var graphic = self.attachAsset(assetId, {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.down = function (x, y, obj) {
+		if (!self.isInWorkspace) {
+			// Create a copy for the workspace
+			var newComponent = new PlantComponent(self.assetId, self.componentType);
+			newComponent.x = x;
+			newComponent.y = y;
+			newComponent.isInWorkspace = true;
+			game.addChild(newComponent);
+			selectedComponent = newComponent;
+			LK.getSound('place').play();
+		} else {
+			selectedComponent = self;
+		}
+	};
+	return self;
+});
+var PlantCreation = Container.expand(function () {
+	var self = Container.call(this);
+	self.topComponent = null;
+	self.bottomComponent = null;
+	self.setTop = function (component) {
+		if (self.topComponent) {
+			self.removeChild(self.topComponent);
+		}
+		self.topComponent = component;
+		if (component) {
+			self.addChild(component);
+			component.x = 0;
+			component.y = -100;
+		}
+	};
+	self.setBottom = function (component) {
+		if (self.bottomComponent) {
+			self.removeChild(self.bottomComponent);
+		}
+		self.bottomComponent = component;
+		if (component) {
+			self.addChild(component);
+			component.x = 0;
+			component.y = 50;
+		}
+	};
+	self.clear = function () {
+		self.setTop(null);
+		self.setBottom(null);
+	};
+	self.getData = function () {
+		return {
+			top: self.topComponent ? self.topComponent.assetId : null,
+			bottom: self.bottomComponent ? self.bottomComponent.assetId : null
+		};
+	};
+	return self;
+});
+
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-	backgroundColor: 0x000000
-});
\ No newline at end of file
+	backgroundColor: 0xf5f5dc
+});
+
+/**** 
+* Game Code
+****/ 
+// UI elements
+// Plant bottoms - stems, bark, potted options
+// Plant tops - flowers, leaves, combinations
+// Game state
+var selectedComponent = null;
+var currentPlant = new PlantCreation();
+var savedPlants = storage.savedPlants || [];
+var showingGallery = false;
+// UI containers
+var topComponents = [];
+var bottomComponents = [];
+var galleryItems = [];
+// Create workspace
+var workspace = LK.getAsset('workspace', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 1024,
+	y: 1000
+});
+game.addChild(workspace);
+// Add current plant to workspace
+currentPlant.x = 1024;
+currentPlant.y = 1000;
+game.addChild(currentPlant);
+// Create component selection areas
+var topComponentIds = ['flowerTop1', 'flowerTop2', 'flowerTop3', 'leavesTop1', 'leavesTop2', 'singleLeaf'];
+var bottomComponentIds = ['stem1', 'stem2', 'bark1', 'bark2', 'pot1', 'pot2'];
+// Top components section
+var topSectionY = 300;
+for (var i = 0; i < topComponentIds.length; i++) {
+	var button = LK.getAsset('topButton', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 200 + i % 3 * 180,
+		y: topSectionY + Math.floor(i / 3) * 120
+	});
+	game.addChild(button);
+	var component = new PlantComponent(topComponentIds[i], 'top');
+	component.x = button.x;
+	component.y = button.y;
+	game.addChild(component);
+	topComponents.push(component);
+}
+// Bottom components section
+var bottomSectionY = 600;
+for (var i = 0; i < bottomComponentIds.length; i++) {
+	var button = LK.getAsset('bottomButton', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 200 + i % 3 * 180,
+		y: bottomSectionY + Math.floor(i / 3) * 120
+	});
+	game.addChild(button);
+	var component = new PlantComponent(bottomComponentIds[i], 'bottom');
+	component.x = button.x;
+	component.y = button.y;
+	game.addChild(component);
+	bottomComponents.push(component);
+}
+// UI buttons
+var saveButton = LK.getAsset('saveButton', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 1024,
+	y: 1500
+});
+game.addChild(saveButton);
+var clearButton = LK.getAsset('clearButton', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 1024,
+	y: 1600
+});
+game.addChild(clearButton);
+// Labels
+var titleText = new Text2('Plant Creator Studio', {
+	size: 60,
+	fill: 0x2D5A27
+});
+titleText.anchor.set(0.5, 0);
+titleText.x = 1024;
+titleText.y = 50;
+game.addChild(titleText);
+var topSectionLabel = new Text2('Plant Tops', {
+	size: 40,
+	fill: 0x4A7C59
+});
+topSectionLabel.anchor.set(0.5, 0.5);
+topSectionLabel.x = 1024;
+topSectionLabel.y = 250;
+game.addChild(topSectionLabel);
+var bottomSectionLabel = new Text2('Plant Bottoms', {
+	size: 40,
+	fill: 0x4A7C59
+});
+bottomSectionLabel.anchor.set(0.5, 0.5);
+bottomSectionLabel.x = 1024;
+bottomSectionLabel.y = 550;
+game.addChild(bottomSectionLabel);
+var saveText = new Text2('Save Plant', {
+	size: 36,
+	fill: 0xFFFFFF
+});
+saveText.anchor.set(0.5, 0.5);
+saveText.x = saveButton.x;
+saveText.y = saveButton.y;
+game.addChild(saveText);
+var clearText = new Text2('Clear', {
+	size: 36,
+	fill: 0xFFFFFF
+});
+clearText.anchor.set(0.5, 0.5);
+clearText.x = clearButton.x;
+clearText.y = clearButton.y;
+game.addChild(clearText);
+var galleryText = new Text2('Gallery', {
+	size: 40,
+	fill: 0x4A7C59
+});
+galleryText.anchor.set(0.5, 0.5);
+galleryText.x = 1024;
+galleryText.y = 1800;
+game.addChild(galleryText);
+// Gallery display
+function updateGallery() {
+	// Clear existing gallery items
+	for (var i = 0; i < galleryItems.length; i++) {
+		galleryItems[i].destroy();
+	}
+	galleryItems = [];
+	// Create new gallery items
+	var maxItems = Math.min(savedPlants.length, 9); // Show max 9 items
+	for (var i = 0; i < maxItems; i++) {
+		var item = new GalleryItem(savedPlants[i], i);
+		item.x = 400 + i % 3 * 200;
+		item.y = 1900 + Math.floor(i / 3) * 240;
+		game.addChild(item);
+		galleryItems.push(item);
+	}
+}
+// Initialize gallery
+updateGallery();
+// Event handlers
+game.move = function (x, y, obj) {
+	if (selectedComponent && selectedComponent.isInWorkspace) {
+		selectedComponent.x = x;
+		selectedComponent.y = y;
+	}
+};
+game.down = function (x, y, obj) {
+	// Check if clicking save button
+	if (x >= saveButton.x - 100 && x <= saveButton.x + 100 && y >= saveButton.y - 40 && y <= saveButton.y + 40) {
+		var plantData = currentPlant.getData();
+		if (plantData.top || plantData.bottom) {
+			savedPlants.push(plantData);
+			storage.savedPlants = savedPlants;
+			updateGallery();
+			LK.getSound('save').play();
+		}
+		return;
+	}
+	// Check if clicking clear button
+	if (x >= clearButton.x - 100 && x <= clearButton.x + 100 && y >= clearButton.y - 40 && y <= clearButton.y + 40) {
+		currentPlant.clear();
+		return;
+	}
+};
+game.up = function (x, y, obj) {
+	if (selectedComponent && selectedComponent.isInWorkspace) {
+		// Check if dropping in workspace
+		if (x >= workspace.x - 300 && x <= workspace.x + 300 && y >= workspace.y - 400 && y <= workspace.y + 400) {
+			if (selectedComponent.componentType === 'top') {
+				currentPlant.setTop(selectedComponent);
+			} else if (selectedComponent.componentType === 'bottom') {
+				currentPlant.setBottom(selectedComponent);
+			}
+		} else {
+			// Remove from game if not in workspace
+			selectedComponent.destroy();
+		}
+	}
+	selectedComponent = null;
+};
+game.update = function () {
+	// Update any animations or state changes here if needed
+};
\ No newline at end of file