diff --git a/server/src/wled_controller/static/js/features/color-strips.js b/server/src/wled_controller/static/js/features/color-strips.js
index 7f68583..1a429b6 100644
--- a/server/src/wled_controller/static/js/features/color-strips.js
+++ b/server/src/wled_controller/static/js/features/color-strips.js
@@ -822,6 +822,9 @@ export async function showCSSEditor(cssId = null, cloneData = null) {
             document.getElementById('css-editor-led-count').value = css.led_count ?? 0;
         };
 
+        // Hide type selector in edit mode (type is immutable)
+        document.getElementById('css-editor-type-group').style.display = cssId ? 'none' : '';
+
         if (cssId) {
             const resp = await fetchWithAuth(`/color-strip-sources/${cssId}`);
             if (!resp.ok) throw new Error('Failed to load color strip source');
diff --git a/server/src/wled_controller/templates/modals/css-editor.html b/server/src/wled_controller/templates/modals/css-editor.html
index 5711a55..0e15aed 100644
--- a/server/src/wled_controller/templates/modals/css-editor.html
+++ b/server/src/wled_controller/templates/modals/css-editor.html
@@ -14,7 +14,7 @@
                     <input type="text" id="css-editor-name" data-i18n-placeholder="color_strip.name.placeholder" placeholder="Wall Strip" required>
                 </div>
 
-                <div class="form-group">
+                <div id="css-editor-type-group" class="form-group">
                     <div class="label-row">
                         <label for="css-editor-type" data-i18n="color_strip.type">Type:</label>
                         <button type="button" class="hint-toggle" onclick="toggleHint(this)" title="?" data-i18n-aria-label="aria.hint">?</button>