diff --git a/frontend/app.js b/frontend/app.js
index f93658eb..fef36728 100644
--- a/frontend/app.js
+++ b/frontend/app.js
@@ -973,14 +973,7 @@ function setup() {
             console.log(arg);
             ipcRenderer.send('refreshTemplateList', arg);
 
-            // renderer choice (OF_USE_ANGLE / OF_USE_DAWN) only applies to the Xcode-based
-            // osx/ios/macos (mega iOS/tvOS/macOS) targets
-            const rendererPlatforms = ['osx', 'ios', 'macos'];
-            if (selectedPlatformArray.some((p) => rendererPlatforms.includes(p))) {
-                $('#rendererField').show();
-            } else {
-                $('#rendererField').hide();
-            }
+            updateRendererFieldVisibility();
         })
         $("#platformsDropdownMulti").on('change', () => {
             const selectedPlatforms = $("#platformsDropdownMulti input").val();
@@ -1314,6 +1307,7 @@ function enableAdvancedMode(isAdvanced) {
         $('#templateSectionMulti').show();
         $('#ofPathButton').show();
         $('#emsdkField').show();
+        $('#customDefinesField').show();
         if (!defaultSettings['detachConsole']) {
             $('body').addClass('showConsole');
         }
@@ -1331,14 +1325,28 @@ function enableAdvancedMode(isAdvanced) {
 
         $('#ofPathButton').hide();
         $('#emsdkField').hide();
+        $('#customDefinesField').hide();
         $("body").removeClass('advanced');
         $('a.updateMultiMenuOption').hide();
     }
     defaultSettings.advancedMode = isAdvanced;
     saveDefaultSettings();
+    updateRendererFieldVisibility();
     //$("#advancedToggle").prop('checked', defaultSettings['advancedMode'] );
 }
 
+// renderer choice (OF_USE_ANGLE / OF_USE_DAWN) only applies to the Xcode-based
+// osx/ios/macos (mega iOS/tvOS/macOS) targets, and is an advanced-only option
+function updateRendererFieldVisibility() {
+    const rendererPlatforms = ['osx', 'ios', 'macos'];
+    const selectedPlatforms = ($("#platformsDropdown input").val() || '').trim().split(',');
+    if (defaultSettings.advancedMode && selectedPlatforms.some((p) => rendererPlatforms.includes(p))) {
+        $('#rendererField').show();
+    } else {
+        $('#rendererField').hide();
+    }
+}
+
 //----------------------------------------
 function getPlatformList() {
     const platformsPicked = $("#platformsDropdown  .active");
diff --git a/frontend/index.html b/frontend/index.html
index a6a5d41f..9d56e001 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -233,15 +233,18 @@
 						<div class="ui selection dropdown" id="rendererDropdown">
 							<input type="hidden" id="rendererValue" value="default">
 							<i class="dropdown icon"></i>
-							<div class="text">Default (OpenGL)</div>
+							<div class="text">Default (OpenGL / OpenGL ES)</div>
+							<!-- labels assume the Metal backend since this field is currently only
+							     shown for osx/ios/macos - update if/when Linux/Windows ANGLE-Vulkan
+							     or Dawn-Vulkan packages are actually available to build against -->
 							<div class="menu">
-								<div class="item" data-value="default">Default (OpenGL)</div>
-								<div class="item" data-value="angle">ANGLE (OF_USE_ANGLE)</div>
-								<div class="item" data-value="dawn">Dawn / WebGPU (OF_USE_DAWN)</div>
+								<div class="item" data-value="default">Default (OpenGL / OpenGL ES)</div>
+								<div class="item" data-value="angle">ANGLE - Auto OpenGL to Metal</div>
+								<div class="item" data-value="dawn">Dawn - Auto OpenGL to WebGPU/Metal</div>
 							</div>
 						</div>
 					</div>
-					<div class="field">
+					<div class="field advanced" id="customDefinesField" style="display: none">
 						<label>Custom defines: &nbsp;
 							<a class="ui icon tooltip" href="#" data-content="Comma-separated preprocessor defines, e.g. MY_FLAG,OTHER_FLAG=1" data-position="right center">
 								<i class="help circle icon"></i>