diff --git a/docker-compose.yml b/docker-compose.yml
index 0c31dbe..9cb2806 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -17,6 +17,10 @@ services:
       - STABILITY_API_KEY=${STABILITY_API_KEY:-}
       - REPLICATE_API_KEY=${REPLICATE_API_KEY:-}
       - CORS_ORIGINS=*
+    # DNS servers for reliable external API access (Replicate, etc.)
+    dns:
+      - 8.8.8.8
+      - 8.8.4.4
     restart: unless-stopped
 
 volumes:
diff --git a/frontend/index.html b/frontend/index.html
index 7c7a022..56eac22 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta http-equiv="x-ua-compatible" content="IE=edge" />
-	<title>miniPaint - image editor</title>
+	<title>+miniPaint - AI Image Editor</title>
 	<meta name="description" content="miniPaint is free online image editor using HTML5. Edit, adjust your images, add effects online in your browser, without installing anything..." />
 	<meta name="keywords" content="photo, image, picture, transparent, layers, free, edit, html5, canvas, javascript, online, photoshop, gimp, effects, sharpen, blur, magic eraser tool, clone tool, rotate, resize, photoshop online, online tools, tilt shift, sprites, keypoints" />
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0" />
@@ -35,7 +35,7 @@
 		<nav aria-label="Main Menu" class="main_menu" id="main_menu"></nav>
 		
 		<div class="submenu">
-			<a class="logo" href="#">miniPaint</a>
+			<a class="logo" href="#">+miniPaint</a>
 			<div class="block attributes" id="action_attributes"></div>
 			<button class="undo_button" id="undo_button" type="button">
 				<span class="sr_only">Undo</span>
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index ae907e7..969b618 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -323,6 +323,9 @@ IMPORTANT: any new icon should also must be added on /service-worker.js + its ve
 .sidebar_left .animation:after{ background-image: url('images/icons/animation.svg'); }
 .sidebar_left .smart_select:after{ background-image: url('images/icons/smart_select.svg'); }
 .sidebar_left .ai_inpaint:after{ background-image: url('images/icons/ai_inpaint.svg'); }
+.sidebar_left .magic_wand:after{ background-image: url('images/icons/magic_wand.svg'); }
+.sidebar_left .lasso:after{ background-image: url('images/icons/lasso.svg'); }
+.sidebar_left .ellipse_select:after{ background-image: url('images/icons/ellipse_select.svg'); }
 
 @media screen and (max-width:550px){
 	#sidebar_left{
@@ -722,8 +725,25 @@ canvas{
 	height: 0;
 	border: none;
 }
-.alertify-notifier{
-	color: black;
+/* Alertify toast notification styling */
+.alertify-notifier .ajs-message {
+	background-color: #333;
+	color: #fff;
+	border-radius: 4px;
+	padding: 10px 15px;
+	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
+}
+.alertify-notifier .ajs-message.ajs-success {
+	background-color: #28a745;
+	color: #fff;
+}
+.alertify-notifier .ajs-message.ajs-error {
+	background-color: #dc3545;
+	color: #fff;
+}
+.alertify-notifier .ajs-message.ajs-warning {
+	background-color: #ffc107;
+	color: #000;
 }
 .effectsPreview{
 	cursor: pointer;
diff --git a/frontend/src/js/tools/ai_inpaint.js b/frontend/src/js/tools/ai_inpaint.js
index b346829..1bff763 100644
--- a/frontend/src/js/tools/ai_inpaint.js
+++ b/frontend/src/js/tools/ai_inpaint.js
@@ -1,6 +1,6 @@
 /**
  * AI Inpaint Tool - Edit selected regions using AI with text prompts
- * Works with Smart Select tool's mask or manual selection
+ * Works with any selection tool: Smart Select, Magic Wand, Lasso, Ellipse Select, or Selection
  */
 
 import app from './../app.js';
@@ -38,12 +38,13 @@ class Ai_inpaint_class extends Base_tools_class {
     showInpaintDialog() {
         var _this = this;
 
-        // Check if we have a selection
-        var hasMask = window.smartSelectMask != null;
+        // Check if we have a selection from any selection tool
+        // All selection tools (Smart Select, Magic Wand, Lasso, Ellipse Select) store their mask in window.smartSelectMask
+        var hasMask = window.smartSelectMask != null && window.smartSelectMask.canvas != null;
         var hasRectSelection = this.getRectSelection() != null;
 
         if (!hasMask && !hasRectSelection) {
-            alertify.warning('No selection found. Use Smart Select or Selection tool first.');
+            alertify.warning('No selection found. Use Smart Select, Magic Wand, Lasso, Ellipse Select, or Selection tool first.');
             return;
         }
 
diff --git a/frontend/src/js/tools/smart_select.js b/frontend/src/js/tools/smart_select.js
index f25c2ab..8899e6d 100644
--- a/frontend/src/js/tools/smart_select.js
+++ b/frontend/src/js/tools/smart_select.js
@@ -394,8 +394,11 @@ class Smart_select_class extends Base_tools_class {
 
     /**
      * Copy selected area to a new layer
+     * The result preserves the mask shape with transparency
      */
     copyToLayer() {
+        var _this = this;
+
         if (!this.currentMask || !this.maskCanvas) {
             alertify.error('No selection to copy');
             return;
@@ -409,27 +412,27 @@ class Smart_select_class extends Base_tools_class {
 
         // Get the bounds of the selection
         var bounds = this.selectionBounds;
-        if (!bounds || !bounds.origMinX === undefined) {
+        if (!bounds || bounds.origMinX === undefined) {
             alertify.error('Invalid selection bounds');
             return;
         }
 
-        // Create canvas with just the selected pixels
-        var canvas = document.createElement('canvas');
-        canvas.width = layer.width_original;
-        canvas.height = layer.height_original;
-        var ctx = canvas.getContext('2d');
+        // Create canvas with just the selected pixels (masked)
+        var maskedCanvas = document.createElement('canvas');
+        maskedCanvas.width = layer.width_original;
+        maskedCanvas.height = layer.height_original;
+        var maskedCtx = maskedCanvas.getContext('2d');
 
         // Draw original image
-        ctx.drawImage(layer.link, 0, 0);
+        maskedCtx.drawImage(layer.link, 0, 0);
 
-        // Apply mask - keep only selected pixels
-        ctx.globalCompositeOperation = 'destination-in';
-        ctx.drawImage(this.maskCanvas, 0, 0);
+        // Apply mask - keep only selected pixels (this creates the shape!)
+        maskedCtx.globalCompositeOperation = 'destination-in';
+        maskedCtx.drawImage(this.maskCanvas, 0, 0);
 
-        // Crop to selection bounds
-        var cropWidth = bounds.origMaxX - bounds.origMinX;
-        var cropHeight = bounds.origMaxY - bounds.origMinY;
+        // Crop to selection bounds (still preserves transparency within the crop)
+        var cropWidth = bounds.origMaxX - bounds.origMinX + 1;
+        var cropHeight = bounds.origMaxY - bounds.origMinY + 1;
 
         if (cropWidth <= 0 || cropHeight <= 0) {
             alertify.error('Selection is too small');
@@ -441,8 +444,9 @@ class Smart_select_class extends Base_tools_class {
         croppedCanvas.height = cropHeight;
         var croppedCtx = croppedCanvas.getContext('2d');
 
+        // Copy only the selected region (transparency is preserved)
         croppedCtx.drawImage(
-            canvas,
+            maskedCanvas,
             bounds.origMinX, bounds.origMinY, cropWidth, cropHeight,
             0, 0, cropWidth, cropHeight
         );
@@ -455,12 +459,12 @@ class Smart_select_class extends Base_tools_class {
         var params = {
             x: Math.round(layer.x + bounds.origMinX * scaleX),
             y: Math.round(layer.y + bounds.origMinY * scaleY),
-            width: cropWidth,
-            height: cropHeight,
+            width: Math.round(cropWidth * scaleX),
+            height: Math.round(cropHeight * scaleY),
             width_original: cropWidth,
             height_original: cropHeight,
             type: 'image',
-            name: 'AI Selection Copy',
+            name: config.layer.name + ' (Selection)',
             data: croppedCanvas.toDataURL('image/png')
         };
 
@@ -470,13 +474,22 @@ class Smart_select_class extends Base_tools_class {
             ])
         );
 
-        alertify.success('Selection copied to new layer!');
+        // Enable transparency so the user can see the mask shape
+        if (config.TRANSPARENCY == false) {
+            config.TRANSPARENCY = true;
+            _this.Base_layers.render();
+        }
+
+        alertify.success('Selection copied to new layer! Switch to Select tool to move it.');
     }
 
     /**
      * Cut selected area to a new layer (copy + delete from original)
+     * The result preserves the mask shape with transparency
      */
     cutToLayer() {
+        var _this = this;
+
         if (!this.currentMask || !this.maskCanvas) {
             alertify.error('No selection to cut');
             return;
@@ -495,22 +508,22 @@ class Smart_select_class extends Base_tools_class {
             return;
         }
 
-        // Create canvas with just the selected pixels
-        var canvas = document.createElement('canvas');
-        canvas.width = layer.width_original;
-        canvas.height = layer.height_original;
-        var ctx = canvas.getContext('2d');
+        // Create canvas with just the selected pixels (masked)
+        var maskedCanvas = document.createElement('canvas');
+        maskedCanvas.width = layer.width_original;
+        maskedCanvas.height = layer.height_original;
+        var maskedCtx = maskedCanvas.getContext('2d');
 
         // Draw original image
-        ctx.drawImage(layer.link, 0, 0);
+        maskedCtx.drawImage(layer.link, 0, 0);
 
-        // Apply mask - keep only selected pixels
-        ctx.globalCompositeOperation = 'destination-in';
-        ctx.drawImage(this.maskCanvas, 0, 0);
+        // Apply mask - keep only selected pixels (this creates the shape!)
+        maskedCtx.globalCompositeOperation = 'destination-in';
+        maskedCtx.drawImage(this.maskCanvas, 0, 0);
 
-        // Crop to selection bounds
-        var cropWidth = bounds.origMaxX - bounds.origMinX;
-        var cropHeight = bounds.origMaxY - bounds.origMinY;
+        // Crop to selection bounds (still preserves transparency within the crop)
+        var cropWidth = bounds.origMaxX - bounds.origMinX + 1;
+        var cropHeight = bounds.origMaxY - bounds.origMinY + 1;
 
         if (cropWidth <= 0 || cropHeight <= 0) {
             alertify.error('Selection is too small');
@@ -522,8 +535,9 @@ class Smart_select_class extends Base_tools_class {
         croppedCanvas.height = cropHeight;
         var croppedCtx = croppedCanvas.getContext('2d');
 
+        // Copy only the selected region (transparency is preserved)
         croppedCtx.drawImage(
-            canvas,
+            maskedCanvas,
             bounds.origMinX, bounds.origMinY, cropWidth, cropHeight,
             0, 0, cropWidth, cropHeight
         );
@@ -536,12 +550,12 @@ class Smart_select_class extends Base_tools_class {
         var params = {
             x: Math.round(layer.x + bounds.origMinX * scaleX),
             y: Math.round(layer.y + bounds.origMinY * scaleY),
-            width: cropWidth,
-            height: cropHeight,
+            width: Math.round(cropWidth * scaleX),
+            height: Math.round(cropHeight * scaleY),
             width_original: cropWidth,
             height_original: cropHeight,
             type: 'image',
-            name: 'AI Selection Cut',
+            name: config.layer.name + ' (Cut)',
             data: croppedCanvas.toDataURL('image/png')
         };
 
@@ -554,7 +568,7 @@ class Smart_select_class extends Base_tools_class {
         // Draw original image
         holeCtx.drawImage(layer.link, 0, 0);
 
-        // Cut out the mask area
+        // Cut out the mask area (creates transparent hole in original shape)
         holeCtx.globalCompositeOperation = 'destination-out';
         holeCtx.drawImage(this.maskCanvas, 0, 0);
 
@@ -566,10 +580,16 @@ class Smart_select_class extends Base_tools_class {
             ])
         );
 
+        // Enable transparency so the user can see the mask shape
+        if (config.TRANSPARENCY == false) {
+            config.TRANSPARENCY = true;
+            _this.Base_layers.render();
+        }
+
         // Clear the selection
         this.clearSelection();
 
-        alertify.success('Selection cut to new layer!');
+        alertify.success('Selection cut to new layer! Switch to Select tool to move it.');
     }
 
     /**
