diff --git a/src/editor/components/select-voice/class-assets.php b/src/editor/components/select-voice/class-assets.php
index 9e92c54e..95a40c64 100644
--- a/src/editor/components/select-voice/class-assets.php
+++ b/src/editor/components/select-voice/class-assets.php
@@ -59,6 +59,8 @@ public static function admin_enqueue_scripts( $hook ): void {
 				'nonce'            => wp_create_nonce( 'wp_rest' ),
 				'root'             => esc_url_raw( rest_url() ),
 				'projectId'        => (string) get_option( 'beyondwords_project_id', '' ),
+				// Lets the script rebuild the Accent dropdown when a language name is picked.
+				'languages'        => \BeyondWords\Editor\Components\SelectVoice::languages_for_script(),
 				'selectVoice'      => __( 'Select a voice', 'speechkit' ),
 				'selectModel'      => __( 'Select a model', 'speechkit' ),
 				'standardModel'    => __( 'Legacy', 'speechkit' ),
diff --git a/src/editor/components/select-voice/class-select-voice.php b/src/editor/components/select-voice/class-select-voice.php
index c8262734..c1a9e94d 100644
--- a/src/editor/components/select-voice/class-select-voice.php
+++ b/src/editor/components/select-voice/class-select-voice.php
@@ -87,6 +87,9 @@ public static function element( $post ) {
 		$languages     = self::get_languages();
 		$voices        = self::get_voices_for_language( $language_code );
 
+		$native_filter   = self::default_native_filter( $voices, $language_code, $voice_id );
+		$filtered_voices = self::filter_voices_by_native( $voices, $language_code, $native_filter, $voice_id );
+
 		// "Customize" is opt-in: a post is customised once it has an explicit
 		// language or voice; when off we store nothing so project defaults apply.
 		$customize    = '' !== (string) $language_code || '' !== (string) $voice_id;
@@ -98,9 +101,11 @@ public static function element( $post ) {
 		?>
 		<div id="beyondwords-metabox-select-voice--fields" style="<?php echo esc_attr( $fields_style ); ?>">
 		<?php
-		self::render_language_select( $languages, $language_code );
-		self::render_model_select( $voices, $voice_id );
-		self::render_voice_select( $voices, $voice_id );
+		self::render_language_name_select( $languages, $language_code );
+		self::render_accent_select( $languages, $language_code );
+		self::render_native_select( $native_filter );
+		self::render_model_select( $filtered_voices, $voice_id );
+		self::render_voice_select( $filtered_voices, $voice_id );
 		self::render_loading_spinner();
 		?>
 		</div>
@@ -213,42 +218,153 @@ private static function get_voices_for_language( $language_code ): array {
 	}
 
 	/**
-	 * Render the language select dropdown.
+	 * Whether a language row carries the fields the pickers need.
 	 *
-	 * @since 6.0.0
-	 * @since 7.0.0 Refactored to BeyondWords namespace with snake_case methods.
+	 * @since 7.0.0
+	 *
+	 * @param mixed $language A language record.
+	 *
+	 * @return bool
+	 */
+	private static function is_valid_language( $language ): bool {
+		return is_array( $language )
+			&& ! empty( $language['code'] )
+			&& ! empty( $language['name'] )
+			&& ! empty( $language['accent'] );
+	}
+
+	/**
+	 * The distinct language names across the language rows, in API order.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array $languages The languages array.
+	 *
+	 * @return string[] The language names.
+	 */
+	public static function language_names( array $languages ): array {
+		$names = [];
+
+		foreach ( $languages as $language ) {
+			if ( ! self::is_valid_language( $language ) ) {
+				continue;
+			}
+			if ( ! in_array( $language['name'], $names, true ) ) {
+				$names[] = $language['name'];
+			}
+		}
+
+		return $names;
+	}
+
+	/**
+	 * The language rows (accents) for a language name, in API order.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array  $languages The languages array.
+	 * @param string $name      The language name.
+	 *
+	 * @return array The matching language rows.
+	 */
+	public static function accents_for_name( array $languages, string $name ): array {
+		if ( '' === $name ) {
+			return [];
+		}
+
+		return array_values(
+			array_filter(
+				$languages,
+				static function ( $language ) use ( $name ) {
+					return self::is_valid_language( $language ) && $language['name'] === $name;
+				}
+			)
+		);
+	}
+
+	/**
+	 * Find a language row by its code.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array        $languages The languages array.
+	 * @param string|false $code      The language code.
+	 *
+	 * @return array|null The matching language row, or null.
+	 */
+	public static function find_language_by_code( array $languages, $code ): ?array {
+		foreach ( $languages as $language ) {
+			if ( self::is_valid_language( $language ) && strval( $language['code'] ) === strval( $code ) ) {
+				return $language;
+			}
+		}
+
+		return null;
+	}
+
+	/**
+	 * Slim language rows for the classic-editor script, so it can rebuild the
+	 * Accent dropdown client-side without another API round-trip.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @return array The slim language rows.
+	 */
+	public static function languages_for_script(): array {
+		$rows = [];
+
+		foreach ( self::get_languages() as $language ) {
+			if ( ! self::is_valid_language( $language ) ) {
+				continue;
+			}
+
+			$rows[] = [
+				'code'           => strval( $language['code'] ),
+				'name'           => strval( $language['name'] ),
+				'accent'         => strval( $language['accent'] ),
+				'defaultVoiceId' => strval( $language['default_voices']['body']['id'] ?? '' ),
+			];
+		}
+
+		return $rows;
+	}
+
+	/**
+	 * Render the Language select: one entry per language NAME (e.g. "English").
+	 * Carries no `name` attribute, so it is not submitted — the Accent select
+	 * holds the `beyondwords_language_code` field.
+	 *
+	 * @since 6.0.0 As render_language_select, combining name + accent.
+	 * @since 7.0.0 Split into Language (name) + Accent selects.
 	 *
 	 * @param array        $languages The languages array.
 	 * @param string|false $selected_lang_code The selected language code.
 	 */
-	private static function render_language_select( array $languages, $selected_lang_code ): void {
+	private static function render_language_name_select( array $languages, $selected_lang_code ): void {
+		$selected_language = self::find_language_by_code( $languages, $selected_lang_code );
+		$selected_name     = $selected_language['name'] ?? '';
 		?>
 		<p
-			id="beyondwords-metabox-select-voice--language-code"
+			id="beyondwords-metabox-select-voice--language-name"
 			class="post-attributes-label-wrapper page-template-label-wrapper"
 		>
-			<label class="post-attributes-label" for="beyondwords_language_code">
+			<label class="post-attributes-label" for="beyondwords_language_name">
 				<?php esc_html_e( 'Language', 'speechkit' ); ?>
 			</label>
 		</p>
-		<select id="beyondwords_language_code" name="beyondwords_language_code" style="width: 100%;">
+		<select id="beyondwords_language_name" style="width: 100%;">
 			<?php
 			printf(
 				'<option value="" %s>%s</option>',
-				selected( '', strval( $selected_lang_code ), false ),
+				selected( '', strval( $selected_name ), false ),
 				esc_html__( 'Select a language…', 'speechkit' )
 			);
-			foreach ( $languages as $language ) {
-				if ( empty( $language['code'] ) || empty( $language['name'] ) || empty( $language['accent'] ) ) {
-					continue;
-				}
+			foreach ( self::language_names( $languages ) as $name ) {
 				printf(
-					'<option value="%s" data-default-voice-id="%s" %s>%s (%s)</option>',
-					esc_attr( $language['code'] ),
-					esc_attr( $language['default_voices']['body']['id'] ?? '' ),
-					selected( strval( $language['code'] ), strval( $selected_lang_code ) ),
-					esc_html( $language['name'] ),
-					esc_html( $language['accent'] )
+					'<option value="%s" %s>%s</option>',
+					esc_attr( $name ),
+					selected( $name, strval( $selected_name ), false ),
+					esc_html( $name )
 				);
 			}
 			?>
@@ -256,6 +372,94 @@ class="post-attributes-label-wrapper page-template-label-wrapper"
 		<?php
 	}
 
+	/**
+	 * Render the Accent select — the submitted `beyondwords_language_code` field,
+	 * since a (name, accent) pair maps to exactly one language code. Hidden, not
+	 * omitted, for single-accent languages, and always renders an option because
+	 * save() requires the key to be posted.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array        $languages The languages array.
+	 * @param string|false $selected_lang_code The selected language code.
+	 */
+	private static function render_accent_select( array $languages, $selected_lang_code ): void {
+		$selected_language = self::find_language_by_code( $languages, $selected_lang_code );
+		$selected_name     = $selected_language['name'] ?? '';
+		$accents           = self::accents_for_name( $languages, strval( $selected_name ) );
+
+		$show_accent  = count( $accents ) > 1;
+		$accent_style = $show_accent ? '' : 'display: none;';
+		?>
+		<div
+			id="beyondwords-metabox-select-voice--accent"
+			class="beyondwords-metabox-settings__field"
+			style="<?php echo esc_attr( $accent_style ); ?>"
+		>
+			<p class="post-attributes-label-wrapper page-template-label-wrapper">
+				<label class="post-attributes-label" for="beyondwords_language_code">
+					<?php esc_html_e( 'Accent', 'speechkit' ); ?>
+				</label>
+			</p>
+			<select id="beyondwords_language_code" name="beyondwords_language_code" style="width: 100%;">
+				<?php
+				if ( empty( $accents ) ) {
+					echo '<option value=""></option>';
+				}
+				foreach ( $accents as $language ) {
+					printf(
+						'<option value="%s" data-default-voice-id="%s" %s>%s</option>',
+						esc_attr( $language['code'] ),
+						esc_attr( $language['default_voices']['body']['id'] ?? '' ),
+						selected( strval( $language['code'] ), strval( $selected_lang_code ), false ),
+						esc_html( $language['accent'] )
+					);
+				}
+				?>
+			</select>
+		</div>
+		<?php
+	}
+
+	/**
+	 * Render the Native select: filter the Voice list to voices native to the
+	 * language, or all. Carries no `name`, so it is not submitted.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param string $native_filter The selected filter ("native" or "all").
+	 */
+	private static function render_native_select( string $native_filter ): void {
+		$options = [
+			'native' => __( 'Native', 'speechkit' ),
+			'all'    => __( 'All', 'speechkit' ),
+		];
+		?>
+		<div
+			id="beyondwords-metabox-select-voice--native"
+			class="beyondwords-metabox-settings__field"
+		>
+			<p class="post-attributes-label-wrapper page-template-label-wrapper">
+				<label class="post-attributes-label" for="beyondwords_native">
+					<?php esc_html_e( 'Native', 'speechkit' ); ?>
+				</label>
+			</p>
+			<select id="beyondwords_native" style="width: 100%;">
+				<?php
+				foreach ( $options as $value => $label ) {
+					printf(
+						'<option value="%s" %s>%s</option>',
+						esc_attr( $value ),
+						selected( $value, $native_filter, false ),
+						esc_html( $label )
+					);
+				}
+				?>
+			</select>
+		</div>
+		<?php
+	}
+
 	/**
 	 * Render the Model select: a language-level filter over the voices.
 	 *
@@ -392,6 +596,115 @@ private static function find_voice( array $voices, $voice_id ): ?array {
 		return null;
 	}
 
+	/**
+	 * A voice's primary (native) language code. The API returns `language` as
+	 * either a string or a `{ code }` object, with `languages[]` as a fallback.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array $voice A voice record.
+	 *
+	 * @return string The primary language code, or '' when unknown.
+	 */
+	public static function voice_primary_code( array $voice ): string {
+		$language = $voice['language'] ?? null;
+
+		if ( is_string( $language ) ) {
+			return $language;
+		}
+		if ( is_array( $language ) && ! empty( $language['code'] ) ) {
+			return (string) $language['code'];
+		}
+		return (string) ( $voice['languages'][0]['code'] ?? '' );
+	}
+
+	/**
+	 * Whether a language code is a voice's primary language. A voice with no
+	 * determinable primary language counts as native, so it is never hidden.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array  $voice A voice record.
+	 * @param string $code  The language code.
+	 *
+	 * @return bool
+	 */
+	public static function voice_is_native( array $voice, string $code ): bool {
+		$primary = self::voice_primary_code( $voice );
+		if ( '' === $primary ) {
+			return true;
+		}
+		return $primary === $code;
+	}
+
+	/**
+	 * Apply the Native filter to a language's voices. `$keep_id` is always kept
+	 * so the saved voice is never dropped from the list.
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array        $voices        The voices array.
+	 * @param string       $code          The language code.
+	 * @param string       $native_filter "native" or "all".
+	 * @param string|false $keep_id       The voice id to always keep.
+	 *
+	 * @return array The filtered voices.
+	 */
+	public static function filter_voices_by_native( array $voices, string $code, string $native_filter, $keep_id ): array {
+		if ( 'all' === $native_filter ) {
+			$result = $voices;
+		} else {
+			$result = array_values(
+				array_filter(
+					$voices,
+					static function ( $voice ) use ( $code ) {
+						return self::voice_is_native( $voice, $code );
+					}
+				)
+			);
+		}
+
+		$keep_id = strval( $keep_id );
+		if ( '' === $keep_id ) {
+			return $result;
+		}
+
+		foreach ( $result as $voice ) {
+			if ( strval( $voice['id'] ?? '' ) === $keep_id ) {
+				return $result;
+			}
+		}
+
+		$saved = self::find_voice( $voices, $keep_id );
+		if ( $saved ) {
+			$result[] = $saved;
+		}
+
+		return $result;
+	}
+
+	/**
+	 * The Native filter to open with: "all" when the saved voice is not native
+	 * to the language (so it stays visible), otherwise "native".
+	 *
+	 * @since 7.0.0
+	 *
+	 * @param array        $voices        The voices array.
+	 * @param string|false $language_code The language code.
+	 * @param string|false $voice_id      The saved voice id.
+	 *
+	 * @return string "native" or "all".
+	 */
+	public static function default_native_filter( array $voices, $language_code, $voice_id ): string {
+		$saved = self::find_voice( $voices, $voice_id );
+
+		if ( $saved && '' !== strval( $language_code ) && ! self::voice_is_native( $saved, strval( $language_code ) ) ) {
+			return 'all';
+		}
+
+		return 'native';
+	}
+
 	/**
 	 * The model bucket key for a voice: its ElevenLabs model_id, else Standard.
 	 *
diff --git a/src/editor/components/select-voice/classic-metabox.js b/src/editor/components/select-voice/classic-metabox.js
index 8c739e6e..40e9bd44 100644
--- a/src/editor/components/select-voice/classic-metabox.js
+++ b/src/editor/components/select-voice/classic-metabox.js
@@ -1,8 +1,9 @@
 /* global beyondwordsData */
 
 /*
- * Classic-editor Customize + Language + Model + Voice behaviour. Mirrors the
- * block editor's voice-section.js + helpers.js. The selects live in the post
+ * Classic-editor Customize + Language + Accent + Model + Voice behaviour. Mirrors
+ * the block editor's voice-section.js + helpers.js. Language lists names while
+ * Accent carries the submitted language CODE. The selects live in the post
  * <form> and submit on save, so no autosave/Heartbeat hook is needed.
  */
 ( function () {
@@ -11,6 +12,7 @@
 	const data =
 		typeof beyondwordsData !== 'undefined' ? beyondwordsData : null;
 
+	const LANGUAGES = ( data && data.languages ) || [];
 	const ELEVENLABS = ( data && data.elevenLabs ) || 'ElevenLabs';
 	const DEFAULT_MODEL_ID =
 		( data && data.defaultModelId ) || 'eleven_multilingual_v2';
@@ -57,6 +59,45 @@
 		return STANDARD_MODEL_KEY;
 	};
 
+	/**
+	 * A voice's primary (native) language code.
+	 *
+	 * @param {Object} voice A voice record.
+	 *
+	 * @return {string} The primary language code, or ''.
+	 */
+	const voicePrimaryCode = ( voice ) => {
+		const language = voice && voice.language;
+		if ( typeof language === 'string' ) {
+			return language;
+		}
+		if ( language && typeof language === 'object' && language.code ) {
+			return language.code;
+		}
+		return (
+			( voice && voice.languages && voice.languages[ 0 ]
+				? voice.languages[ 0 ].code
+				: '' ) || ''
+		);
+	};
+
+	/**
+	 * Whether a voice is native to a language code. A voice with no
+	 * determinable primary language is treated as native, so it is never hidden.
+	 *
+	 * @param {Object} voice A voice record.
+	 * @param {string} code  The language code.
+	 *
+	 * @return {boolean} Whether the voice is native to the code.
+	 */
+	const voiceIsNative = ( voice, code ) => {
+		const primary = voicePrimaryCode( voice );
+		if ( ! primary ) {
+			return true;
+		}
+		return String( primary ) === String( code );
+	};
+
 	/**
 	 * The distinct model buckets across a language's voices, for the Model dropdown.
 	 *
@@ -108,6 +149,45 @@
 
 	const byId = ( id ) => document.getElementById( id );
 
+	/**
+	 * The language rows (accents) for a language name, in API order.
+	 *
+	 * @param {string} name The language name, or ''.
+	 *
+	 * @return {Array<Object>} The matching slim language rows.
+	 */
+	const accentsForName = ( name ) =>
+		name ? LANGUAGES.filter( ( language ) => language.name === name ) : [];
+
+	/**
+	 * Find a slim language row by its code.
+	 *
+	 * @param {string} code The language code.
+	 *
+	 * @return {Object|null} The matching row, or null.
+	 */
+	const findLanguageByCode = ( code ) =>
+		LANGUAGES.find(
+			( language ) => String( language.code ) === String( code )
+		) || null;
+
+	/**
+	 * An Accent <option> for a language row: the CODE as its value, carrying
+	 * the language's default body voice id for the voice-seeding flow.
+	 *
+	 * @param {Object} language A slim language row.
+	 *
+	 * @return {HTMLOptionElement} The option element.
+	 */
+	const accentOption = ( language ) => {
+		const el = option( String( language.code ), language.accent );
+		el.setAttribute(
+			'data-default-voice-id',
+			language.defaultVoiceId ? String( language.defaultVoiceId ) : ''
+		);
+		return el;
+	};
+
 	const toggleLoader = ( show ) => {
 		const loader = document.querySelector(
 			'.beyondwords-settings__loader'
@@ -129,7 +209,9 @@
 			}
 
 			const customize = byId( 'beyondwords_customize' );
+			const languageName = byId( 'beyondwords_language_name' );
 			const language = byId( 'beyondwords_language_code' );
+			const native = byId( 'beyondwords_native' );
 			const model = byId( 'beyondwords_model' );
 
 			if ( customize ) {
@@ -138,6 +220,19 @@
 				} );
 			}
 
+			if ( native ) {
+				native.addEventListener( 'change', () => {
+					const voiceSelect = byId( 'beyondwords_voice_id' );
+					this.renderModels( voiceSelect ? voiceSelect.value : '' );
+				} );
+			}
+
+			if ( languageName ) {
+				languageName.addEventListener( 'change', ( event ) => {
+					this.onLanguageNameChange( event.target.value );
+				} );
+			}
+
 			if ( language ) {
 				language.addEventListener( 'change', ( event ) => {
 					const select = event.target;
@@ -178,15 +273,108 @@
 				return;
 			}
 
-			const language = byId( 'beyondwords_language_code' );
-			if ( language ) {
-				language.value = '';
+			const languageName = byId( 'beyondwords_language_name' );
+			if ( languageName ) {
+				languageName.value = '';
 			}
 
+			// Leaves a single empty option, so it submits '' and save() removes the meta.
+			this.renderAccents( '', '' );
+
 			this.voices = [];
 			this.renderModels( '' );
 		},
 
+		/**
+		 * Pick a language NAME → rebuild the Accent select, auto-select its
+		 * first accent and seed that language's default body voice.
+		 *
+		 * @param {string} name The language name, or '' for the placeholder.
+		 */
+		onLanguageNameChange( name ) {
+			const first = this.renderAccents( name, '' );
+
+			if ( first ) {
+				this.getVoices(
+					String( first.code ),
+					first.defaultVoiceId ? String( first.defaultVoiceId ) : ''
+				);
+			} else {
+				this.getVoices( '', '' );
+			}
+		},
+
+		/**
+		 * Rebuild the Accent select for a language name, selecting selectedCode
+		 * or the first accent. The wrapper is hidden for a single accent, but
+		 * the select stays mounted so it still submits that accent's code.
+		 *
+		 * @param {string} name         The language name, or ''.
+		 * @param {string} selectedCode The language code to select, or ''.
+		 *
+		 * @return {Object|null} The selected slim language row, or null.
+		 */
+		renderAccents( name, selectedCode ) {
+			const wrapper = byId( 'beyondwords-metabox-select-voice--accent' );
+			const accentSelect = byId( 'beyondwords_language_code' );
+			const accents = accentsForName( name );
+
+			let selected = null;
+
+			if ( accents.length ) {
+				selected =
+					accents.find(
+						( language ) =>
+							String( language.code ) === String( selectedCode )
+					) || accents[ 0 ];
+			}
+
+			if ( accentSelect ) {
+				if ( selected ) {
+					accentSelect.replaceChildren(
+						...accents.map( accentOption )
+					);
+					accentSelect.value = String( selected.code );
+				} else {
+					accentSelect.replaceChildren( option( '', '' ) );
+					accentSelect.value = '';
+				}
+			}
+
+			if ( wrapper ) {
+				wrapper.style.display = accents.length > 1 ? '' : 'none';
+			}
+
+			return selected;
+		},
+
+		/**
+		 * Programmatically select a language code across the Language + Accent
+		 * selects and fetch its voices.
+		 *
+		 * @param {string} code        The language code.
+		 * @param {string} seedVoiceId The voice id to seed, or '' for none.
+		 *
+		 * @return {boolean} Whether the code matched a known language.
+		 */
+		selectCode( code, seedVoiceId ) {
+			const row = findLanguageByCode( code );
+
+			if ( ! row ) {
+				return false;
+			}
+
+			const nameSelect = byId( 'beyondwords_language_name' );
+			if ( nameSelect ) {
+				nameSelect.value = row.name;
+			}
+
+			this.renderAccents( row.name, String( code ) );
+			this.getVoices( String( code ), seedVoiceId || '' );
+
+			return true;
+		},
+
 		/**
 		 * On Customize-on, fetch the project's default language and pre-select it.
 		 *
@@ -225,11 +413,7 @@
 					}
 
 					const lang = project && project.language;
-					if ( lang ) {
-						language.value = lang;
-						// Populate the language's models/voices but seed no voice.
-						this.getVoices( lang, '' );
-					} else {
+					if ( ! lang || ! this.selectCode( String( lang ), '' ) ) {
 						toggleLoader( false );
 					}
 				} )
@@ -371,9 +555,46 @@
 		},
 
 		/**
-		 * Rebuild the Model dropdown from the current voices, then the Voice dropdown.
+		 * The current voices narrowed by the Native filter. keepId is always
+		 * kept, so toggling the filter never drops the current selection.
 		 *
-		 * The Model dropdown is hidden when a language offers a single bucket.
+		 * @param {string} keepId The voice id to always keep, or ''.
+		 *
+		 * @return {Array<Object>} The native-scoped voices.
+		 */
+		scopedVoices( keepId ) {
+			const nativeSelect = byId( 'beyondwords_native' );
+			const codeSelect = byId( 'beyondwords_language_code' );
+			const nativeFilter = nativeSelect ? nativeSelect.value : 'native';
+			const code = codeSelect ? codeSelect.value : '';
+
+			let result =
+				nativeFilter === 'all'
+					? this.voices
+					: this.voices.filter( ( voice ) =>
+							voiceIsNative( voice, code )
+					  );
+
+			if (
+				keepId &&
+				! result.some(
+					( voice ) => String( voice.id ) === String( keepId )
+				)
+			) {
+				const saved = this.voices.find(
+					( voice ) => String( voice.id ) === String( keepId )
+				);
+				if ( saved ) {
+					result = result.concat( [ saved ] );
+				}
+			}
+
+			return result;
+		},
+
+		/**
+		 * Rebuild the Model dropdown from the native-scoped voices, then the Voice
+		 * dropdown. The Model dropdown is hidden when the scoped set offers one bucket.
 		 *
 		 * @param {string} selectedVoiceId The voice id to pre-select, or ''.
 		 */
@@ -383,7 +604,8 @@
 			);
 			const modelSelect = byId( 'beyondwords_model' );
 
-			const models = languageModels( this.voices );
+			const voices = this.scopedVoices( selectedVoiceId );
+			const models = languageModels( voices );
 			const showModel = models.length > 1;
 
 			if ( modelSelect ) {
@@ -396,7 +618,7 @@
 			}
 
 			const selectedVoice = selectedVoiceId
-				? this.voices.find(
+				? voices.find(
 						( voice ) =>
 							String( voice.id ) === String( selectedVoiceId )
 				  )
@@ -412,7 +634,12 @@
 				modelWrapper.style.display = showModel ? '' : 'none';
 			}
 
-			this.renderVoices( selectedKey, selectedVoiceId, showModel );
+			this.renderVoices(
+				selectedKey,
+				selectedVoiceId,
+				showModel,
+				voices
+			);
 		},
 
 		/**
@@ -420,11 +647,12 @@
 		 *
 		 * Hidden while gated with no model chosen; a single bucket lists every voice.
 		 *
-		 * @param {string}  modelKey    The selected model bucket key, or ''.
-		 * @param {string}  preselectId The voice id to select if in the bucket.
-		 * @param {boolean} showModel   Whether the Model dropdown is shown.
+		 * @param {string}        modelKey    The selected model bucket key, or ''.
+		 * @param {string}        preselectId The voice id to select if in the bucket.
+		 * @param {boolean}       showModel   Whether the Model dropdown is shown.
+		 * @param {Array<Object>} voices      The native-scoped voices to list.
 		 */
-		renderVoices( modelKey, preselectId, showModel ) {
+		renderVoices( modelKey, preselectId, showModel, voices ) {
 			const voiceWrapper = byId(
 				'beyondwords-metabox-select-voice--voice-id'
 			);
@@ -442,10 +670,10 @@
 			}
 
 			const bucketVoices = showModel
-				? this.voices.filter(
+				? voices.filter(
 						( voice ) => voiceModelKey( voice ) === modelKey
 				  )
-				: this.voices;
+				: voices;
 
 			if ( voiceSelect ) {
 				voiceSelect.replaceChildren(
@@ -474,17 +702,23 @@
 		 * @param {string} modelKey The selected model bucket key.
 		 */
 		onModelChange( modelKey ) {
+			const voiceSelect = byId( 'beyondwords_voice_id' );
+			const voices = this.scopedVoices(
+				voiceSelect ? voiceSelect.value : ''
+			);
+
 			if ( ! modelKey ) {
-				this.renderVoices( '', '', true );
+				this.renderVoices( '', '', true, voices );
 				return;
 			}
-			const first = this.voices.find(
+			const first = voices.find(
 				( voice ) => voiceModelKey( voice ) === modelKey
 			);
 			this.renderVoices(
 				modelKey,
 				first ? String( first.id ) : '',
-				true
+				true,
+				voices
 			);
 		},
 	};
diff --git a/src/editor/components/settings-panel/helpers.js b/src/editor/components/settings-panel/helpers.js
index 2cba4e18..fba97a1f 100644
--- a/src/editor/components/settings-panel/helpers.js
+++ b/src/editor/components/settings-panel/helpers.js
@@ -1,6 +1,7 @@
 /**
  * WordPress dependencies
  */
+import { decodeEntities } from '@wordpress/html-entities';
 import { __ } from '@wordpress/i18n';
 
 export const SOURCE_POST = 'post';
@@ -25,6 +26,157 @@ export function projectDefaultOption() {
 	return { label: __( 'Project default', 'speechkit' ), value: '' };
 }
 
+// A language row is a (name, accent, code) triple: Language selects the name,
+// Accent selects the row, and the row's CODE is the stored value.
+const isValidLanguage = ( language ) =>
+	!! ( language?.code && language?.name && language?.accent );
+
+/**
+ * The distinct language names across the /languages rows, in API order.
+ *
+ * @param {Array<Object>} languages The language rows.
+ *
+ * @return {Array<string>} The decoded language names.
+ */
+export function getLanguageNames( languages ) {
+	const names = [];
+
+	( languages ?? [] ).forEach( ( language ) => {
+		if ( ! isValidLanguage( language ) ) {
+			return;
+		}
+		const name = decodeEntities( language.name );
+		if ( ! names.includes( name ) ) {
+			names.push( name );
+		}
+	} );
+
+	return names;
+}
+
+/**
+ * The accents for a language name, as options carrying the language CODE.
+ *
+ * @param {Array<Object>} languages The language rows.
+ * @param {string}        name      The decoded language name.
+ *
+ * @return {Array<{label: string, value: string}>} The Accent dropdown options.
+ */
+export function getAccentsForName( languages, name ) {
+	if ( ! name ) {
+		return [];
+	}
+
+	return ( languages ?? [] )
+		.filter(
+			( language ) =>
+				isValidLanguage( language ) &&
+				decodeEntities( language.name ) === name
+		)
+		.map( ( language ) => ( {
+			label: decodeEntities( language.accent ),
+			value: decodeEntities( language.code ),
+		} ) );
+}
+
+/**
+ * Find a language row by its code.
+ *
+ * @param {Array<Object>} languages The language rows.
+ * @param {string}        code      The language code.
+ *
+ * @return {Object|null} The matching row, or null.
+ */
+export function findLanguageByCode( languages, code ) {
+	if ( ! code ) {
+		return null;
+	}
+
+	return (
+		( languages ?? [] ).find(
+			( language ) =>
+				isValidLanguage( language ) &&
+				decodeEntities( language.code ) === code
+		) ?? null
+	);
+}
+
+// Native = the language is the voice's primary one; multilingual voices merely
+// support it as a secondary language and only show under "All".
+export const NATIVE_ONLY = 'native';
+export const NATIVE_ALL = 'all';
+
+/**
+ * A voice's primary (native) language code.
+ *
+ * @param {Object} voice A voice record.
+ *
+ * @return {string} The primary language code, or '' when unknown.
+ */
+export function voicePrimaryCode( voice ) {
+	const language = voice?.language;
+
+	if ( typeof language === 'string' ) {
+		return language;
+	}
+	if ( language && typeof language === 'object' && language.code ) {
+		return language.code;
+	}
+	return voice?.languages?.[ 0 ]?.code || '';
+}
+
+/**
+ * Whether a voice is native to a language code. A voice with no determinable
+ * primary language counts as native, so we never hide what we cannot classify.
+ *
+ * @param {Object} voice A voice record.
+ * @param {string} code  The language code.
+ *
+ * @return {boolean} Whether the voice is native to the code.
+ */
+export function voiceIsNative( voice, code ) {
+	const primary = voicePrimaryCode( voice );
+	if ( ! primary ) {
+		return true;
+	}
+	return String( primary ) === String( code );
+}
+
+/**
+ * Apply the Native filter to a language's voices.
+ *
+ * `keepId` is always kept, so changing the filter never drops the saved voice.
+ *
+ * @param {Array<Object>} voices       All fetched voices for the language.
+ * @param {string}        code         The selected language code.
+ * @param {string}        nativeFilter NATIVE_ONLY or NATIVE_ALL.
+ * @param {string}        keepId       The voice id to always keep, or ''.
+ *
+ * @return {Array<Object>} The filtered voices.
+ */
+export function filterVoicesByNative( voices, code, nativeFilter, keepId ) {
+	const list = voices ?? [];
+
+	let result =
+		nativeFilter === NATIVE_ALL
+			? list
+			: list.filter( ( voice ) => voiceIsNative( voice, code ) );
+
+	if (
+		keepId &&
+		! result.some( ( voice ) => String( voice.id ) === String( keepId ) )
+	) {
+		const saved = list.find(
+			( voice ) => String( voice.id ) === String( keepId )
+		);
+		if ( saved ) {
+			result = [ ...result, saved ];
+		}
+	}
+
+	return result;
+}
+
 // Voice "models" only exist for ElevenLabs voices; each (name, model_id) pair is
 // a distinct voice record, and the chosen voice id is the only value sent to the API.
 export const ELEVENLABS_SERVICE = 'ElevenLabs';
diff --git a/src/editor/components/settings-panel/voice-section.js b/src/editor/components/settings-panel/voice-section.js
index 453a9a3a..aa669bb1 100644
--- a/src/editor/components/settings-panel/voice-section.js
+++ b/src/editor/components/settings-panel/voice-section.js
@@ -5,13 +5,23 @@ import { __ } from '@wordpress/i18n';
 import { PanelBody, SelectControl, Spinner } from '@wordpress/components';
 import { useEntityProp } from '@wordpress/core-data';
 import { select, useSelect } from '@wordpress/data';
-import { useEffect, useState } from '@wordpress/element';
+import { useEffect, useRef, useState } from '@wordpress/element';
 import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
  */
-import { getLanguageModels, voiceModelKey } from './helpers';
+import {
+	NATIVE_ALL,
+	NATIVE_ONLY,
+	filterVoicesByNative,
+	findLanguageByCode,
+	getAccentsForName,
+	getLanguageModels,
+	getLanguageNames,
+	voiceIsNative,
+	voiceModelKey,
+} from './helpers';
 import Stack from '../stack';
 import Toggle from '../toggle';
 
@@ -96,23 +106,55 @@ export function VoiceSection( { withPanel = true } ) {
 		[ customize, languageCode ]
 	);
 
-	// Show a Spinner in place of the Voice/Model dropdowns while voices re-fetch.
-	const isResolvingVoices = useSelect(
+	// `hasFinishedResolution` is monotonic; `isResolving` flip-flops and leaves a
+	// one-frame gap where stale voices show.
+	const languagesResolving = useSelect(
+		( s ) =>
+			customize &&
+			! s( 'beyondwords/settings' ).hasFinishedResolution(
+				'getLanguages',
+				[]
+			),
+		[ customize ]
+	);
+
+	const voicesResolving = useSelect(
 		( s ) =>
 			customize &&
 			!! languageCode &&
-			s( 'beyondwords/settings' ).isResolving( 'getVoices', [
+			! s( 'beyondwords/settings' ).hasFinishedResolution( 'getVoices', [
 				languageCode,
 			] ),
 		[ customize, languageCode ]
 	);
 
+	const [ nativeFilter, setNativeFilter ] = useState( NATIVE_ONLY );
+
+	// Open on "All" when the saved voice is not native to the language, so that
+	// voice stays visible in the list.
+	const nativeSeeded = useRef( false );
+	useEffect( () => {
+		if ( nativeSeeded.current || ! customize || voicesResolving ) {
+			return;
+		}
+		const saved = ( voices ?? [] ).find(
+			( voice ) => String( voice.id ) === String( voiceId )
+		);
+		if ( voiceId && ! saved ) {
+			return;
+		}
+		nativeSeeded.current = true;
+		if ( saved && languageCode && ! voiceIsNative( saved, languageCode ) ) {
+			setNativeFilter( NATIVE_ALL );
+		}
+	}, [ customize, voicesResolving, voices, voiceId, languageCode ] );
+
 	const setVoiceId = ( value ) => {
 		setMeta( { ...meta, beyondwords_body_voice_id: value } );
 	};
 
-	// Picking a Language also seeds its default body voice so a concrete voice is
-	// always stored (we never send the language itself — the voice carries it).
+	// Seeds the default body voice too: we never send the language itself, so a
+	// concrete voice must always be stored.
 	const setLanguageCode = ( value ) => {
 		const language = ( languages ?? [] ).find(
 			( item ) => decodeEntities( item.code ) === value
@@ -128,6 +170,11 @@ export function VoiceSection( { withPanel = true } ) {
 		} );
 	};
 
+	const setLanguageName = ( name ) => {
+		const first = getAccentsForName( languages, name )[ 0 ];
+		setLanguageCode( first ? first.value : '' );
+	};
+
 	// Customize off reverts to the project defaults by clearing both choices.
 	const toggleCustomize = () => {
 		const next = ! customize;
@@ -142,22 +189,38 @@ export function VoiceSection( { withPanel = true } ) {
 		}
 	};
 
-	const languageOptions = [
+	// The Accent select carries the language CODE — it is the stored value, and
+	// a (name, accent) pair maps to exactly one code.
+	const selectedLanguage = findLanguageByCode( languages, languageCode );
+	const languageName = selectedLanguage
+		? decodeEntities( selectedLanguage.name )
+		: '';
+
+	const languageNameOptions = [
 		{ label: __( 'Select a language…', 'speechkit' ), value: '' },
-		...( languages ?? [] ).map( ( language ) => ( {
-			label: `${ decodeEntities( language.name ) } (${ decodeEntities(
-				language.accent
-			) })`,
-			value: decodeEntities( language.code ),
+		...getLanguageNames( languages ).map( ( name ) => ( {
+			label: name,
+			value: name,
 		} ) ),
 	];
 
+	const accentOptions = getAccentsForName( languages, languageName );
+
+	const showAccent = accentOptions.length > 1;
+
+	const filteredVoices = filterVoicesByNative(
+		voices,
+		languageCode,
+		nativeFilter,
+		voiceId
+	);
+
 	// "Model" is a language-level filter over the voices; with a single bucket
 	// there is no Model dropdown and every voice is listed.
-	const models = getLanguageModels( voices );
+	const models = getLanguageModels( filteredVoices );
 	const showModel = models.length > 1;
 
-	const selectedVoice = ( voices ?? [] ).find(
+	const selectedVoice = filteredVoices.find(
 		( voice ) => String( voice.id ) === String( voiceId )
 	);
 	// Derived from the selected voice — we persist only the voice id.
@@ -166,12 +229,12 @@ export function VoiceSection( { withPanel = true } ) {
 		: '';
 
 	const bucketVoices = showModel
-		? ( voices ?? [] ).filter(
+		? filteredVoices.filter(
 				( voice ) => voiceModelKey( voice ) === selectedModelKey
 		  )
-		: voices ?? [];
+		: filteredVoices;
 
-	const hasVoices = ( voices ?? [] ).length > 0;
+	const hasVoices = filteredVoices.length > 0;
 
 	// Model gates the Voice list: hide Voice until a model is chosen.
 	const showVoice = hasVoices && ( ! showModel || '' !== selectedModelKey );
@@ -195,12 +258,17 @@ export function VoiceSection( { withPanel = true } ) {
 	// Picking a Model selects that bucket's first voice, so a concrete voice is
 	// always stored (the voice carries the model).
 	const setModel = ( key ) => {
-		const first = ( voices ?? [] ).find(
+		const first = filteredVoices.find(
 			( voice ) => voiceModelKey( voice ) === key
 		);
 		setVoiceId( first ? String( first.id ) : '' );
 	};
 
+	// The Model + Voice group is hidden with an inline style rather than
+	// unmounted, so the <select> can't detach mid-interaction or lose to
+	// component CSS specificity.
+	const fieldsReady = customize && ! loadingProject && ! languagesResolving;
+
 	const fields = (
 		<Stack>
 			<Toggle
@@ -209,43 +277,86 @@ export function VoiceSection( { withPanel = true } ) {
 				checked={ customize }
 				onChange={ toggleCustomize }
 			/>
-			{ loadingProject && <Spinner /> }
-			{ customize && ! loadingProject && (
+			{ customize && ( loadingProject || languagesResolving ) && (
+				<div className="beyondwords--languages-spinner">
+					<Spinner />
+				</div>
+			) }
+			{ fieldsReady && (
 				<SelectControl
 					className="beyondwords--language"
 					label={ __( 'Language', 'speechkit' ) }
-					options={ languageOptions }
-					value={ languageCode }
-					onChange={ setLanguageCode }
+					options={ languageNameOptions }
+					value={ languageName }
+					onChange={ setLanguageName }
 					__nextHasNoMarginBottom
 					__next40pxDefaultSize
 				/>
 			) }
-			{ customize && ! loadingProject && isResolvingVoices && (
-				<Spinner />
-			) }
-			{ customize && ! loadingProject && showModel && (
+			{ fieldsReady && showAccent && (
 				<SelectControl
-					className="beyondwords--model"
-					label={ __( 'Model', 'speechkit' ) }
-					options={ modelOptions }
-					value={ selectedModelKey }
-					onChange={ setModel }
+					className="beyondwords--accent"
+					label={ __( 'Accent', 'speechkit' ) }
+					options={ accentOptions }
+					value={ languageCode }
+					onChange={ setLanguageCode }
 					__nextHasNoMarginBottom
 					__next40pxDefaultSize
 				/>
 			) }
-			{ customize && ! loadingProject && showVoice && (
+			{ fieldsReady && languageCode && (
 				<SelectControl
-					className="beyondwords--voice"
-					label={ __( 'Voice', 'speechkit' ) }
-					options={ voiceOptions }
-					value={ String( voiceId ) }
-					onChange={ setVoiceId }
+					className="beyondwords--native"
+					label={ __( 'Native', 'speechkit' ) }
+					options={ [
+						{
+							label: __( 'Native', 'speechkit' ),
+							value: NATIVE_ONLY,
+						},
+						{ label: __( 'All', 'speechkit' ), value: NATIVE_ALL },
+					] }
+					value={ nativeFilter }
+					onChange={ setNativeFilter }
 					__nextHasNoMarginBottom
 					__next40pxDefaultSize
 				/>
 			) }
+			{ fieldsReady && languageCode && ( showModel || showVoice ) && (
+				<div
+					className="beyondwords--voice-fields"
+					style={ voicesResolving ? { display: 'none' } : undefined }
+				>
+					<Stack>
+						{ showModel && (
+							<SelectControl
+								className="beyondwords--model"
+								label={ __( 'Model', 'speechkit' ) }
+								options={ modelOptions }
+								value={ selectedModelKey }
+								onChange={ setModel }
+								__nextHasNoMarginBottom
+								__next40pxDefaultSize
+							/>
+						) }
+						{ showVoice && (
+							<SelectControl
+								className="beyondwords--voice"
+								label={ __( 'Voice', 'speechkit' ) }
+								options={ voiceOptions }
+								value={ String( voiceId ) }
+								onChange={ setVoiceId }
+								__nextHasNoMarginBottom
+								__next40pxDefaultSize
+							/>
+						) }
+					</Stack>
+				</div>
+			) }
+			{ fieldsReady && languageCode && voicesResolving && (
+				<div className="beyondwords--voice-spinner">
+					<Spinner />
+				</div>
+			) }
 		</Stack>
 	);
 
diff --git a/tests/cypress/e2e/block-editor/select-voice.cy.js b/tests/cypress/e2e/block-editor/select-voice.cy.js
index e0f02ac7..6318bd1b 100644
--- a/tests/cypress/e2e/block-editor/select-voice.cy.js
+++ b/tests/cypress/e2e/block-editor/select-voice.cy.js
@@ -55,10 +55,13 @@ context( 'Block Editor: Select Voice', () => {
 				} );
 
 				// Enabling Customize fetches the project's default language and
-				// pre-selects it (mock project: en_US → English (American)).
+				// pre-selects it (mock project: en_US → English + American).
 				cy.getBlockEditorSelect( 'Language' )
 					.find( 'option:selected' )
-					.should( 'have.text', 'English (American)' );
+					.should( 'have.text', 'English' );
+				cy.getBlockEditorSelect( 'Accent' )
+					.find( 'option:selected' )
+					.should( 'have.text', 'American' );
 
 				// Only the language is pre-filled — no model picked yet, so the
 				// Model dropdown opens on its placeholder…
@@ -83,21 +86,34 @@ context( 'Block Editor: Select Voice', () => {
 					.find( 'option' )
 					.should( ( $els ) => {
 						const values = optionLabels( $els );
-						// 148 languages + the "Select a language…" placeholder.
-						expect( values ).to.have.length( 149 );
+						expect( values ).to.have.length( 80 );
 						expect( values[ 0 ] ).to.eq( 'Select a language…' );
-						expect( values ).to.include( 'English (British)' );
+						expect( values ).to.include( 'English' );
+						expect( values ).to.include( 'Welsh' );
+					} );
+				cy.getBlockEditorSelect( 'Accent' )
+					.find( 'option' )
+					.should( ( $els ) => {
+						const values = optionLabels( $els );
+						expect( values ).to.have.length( 14 );
+						expect( values ).to.include( 'American' );
+						expect( values ).to.include( 'British' );
 					} );
 
-				// Changing the Language re-fetches voices and seeds that
-				// language's default body voice, resolving Model + Voice.
-				cy.getBlockEditorSelect( 'Language' ).select(
-					'English (British)',
-					{ force: true }
-				);
-				cy.getBlockEditorSelect( 'Language' )
+				// Changing the Accent seeds that language's default body voice
+				// (en_GB → Ollie, a Legacy voice).
+				cy.getBlockEditorSelect( 'Accent' ).select( 'British', {
+					force: true,
+				} );
+				cy.getBlockEditorSelect( 'Accent' )
 					.find( 'option:selected' )
-					.should( 'have.text', 'English (British)' );
+					.should( 'have.text', 'British' );
+
+				// The mock's English voices are all American-primary, so none
+				// are native to en_GB and Native must be "All" to list them.
+				cy.getBlockEditorSelect( 'Native' ).select( 'All', {
+					force: true,
+				} );
 				cy.getBlockEditorSelect( 'Model' )
 					.find( 'option:selected' )
 					.should( 'have.text', 'Legacy' );
@@ -174,10 +190,17 @@ context( 'Block Editor: Select Voice', () => {
 					'.beyondwords--customize input[type="checkbox"]'
 				).should( 'be.checked' );
 
-				// Language/Model/Voice persist after reload, derived from the saved voice id.
+				// Caleb is not native to en_GB, so the Native filter seeds to
+				// "All" on load to keep the saved voice visible.
 				cy.getBlockEditorSelect( 'Language' )
 					.find( 'option:selected' )
-					.should( 'have.text', 'English (British)' );
+					.should( 'have.text', 'English' );
+				cy.getBlockEditorSelect( 'Accent' )
+					.find( 'option:selected' )
+					.should( 'have.text', 'British' );
+				cy.getBlockEditorSelect( 'Native' )
+					.find( 'option:selected' )
+					.should( 'have.text', 'All' );
 				cy.getBlockEditorSelect( 'Model' )
 					.find( 'option:selected' )
 					.should( 'have.text', 'v3' );
@@ -211,7 +234,10 @@ context( 'Block Editor: Select Voice', () => {
 		cy.get( '.beyondwords--customize label' ).click( { force: true } );
 		cy.getBlockEditorSelect( 'Language' )
 			.find( 'option:selected' )
-			.should( 'have.text', 'English (American)' );
+			.should( 'have.text', 'English' );
+		cy.getBlockEditorSelect( 'Accent' )
+			.find( 'option:selected' )
+			.should( 'have.text', 'American' );
 	};
 
 	it( 'stores a distinct voice id for the same name under each Model', () => {
@@ -284,6 +310,102 @@ context( 'Block Editor: Select Voice', () => {
 		} );
 	} );
 
+	it( 'hides the Accent select for single-accent languages', () => {
+		cy.createPost( {
+			postType: edgePostType,
+			title: 'Single-accent language',
+		} );
+		enableCustomizeForEnUs();
+
+		// Welsh has one accent, so it is auto-selected and its code stored.
+		cy.getBlockEditorSelect( 'Language' ).select( 'Welsh', {
+			force: true,
+		} );
+		cy.contains( '.components-select-control label', 'Accent' ).should(
+			'not.exist'
+		);
+		expectMeta( ( meta ) =>
+			expect( meta?.beyondwords_language_code ).to.eq( 'cy_GB' )
+		);
+	} );
+
+	it( 'filters the Voice list by Native', () => {
+		cy.createPost( {
+			postType: edgePostType,
+			title: 'Native filter',
+		} );
+		enableCustomizeForEnUs();
+
+		// Klaus is German-primary, so he is not native to en_US.
+		cy.getBlockEditorSelect( 'Native' )
+			.find( 'option:selected' )
+			.should( 'have.text', 'Native' );
+		cy.getBlockEditorSelect( 'Model' ).select( 'Legacy', { force: true } );
+		cy.getBlockEditorSelect( 'Voice' )
+			.find( 'option' )
+			.should( ( $els ) => {
+				expect( optionLabels( $els ) ).to.deep.eq( [
+					'Select a voice',
+					'Ada (Multilingual)',
+					'Ava (Multilingual)',
+					'Ollie (Multilingual)',
+				] );
+			} );
+
+		cy.getBlockEditorSelect( 'Native' ).select( 'All', { force: true } );
+		cy.getBlockEditorSelect( 'Voice' )
+			.find( 'option' )
+			.should( ( $els ) => {
+				expect( optionLabels( $els ) ).to.deep.eq( [
+					'Select a voice',
+					'Ada (Multilingual)',
+					'Ava (Multilingual)',
+					'Ollie (Multilingual)',
+					'Klaus (Multilingual)',
+				] );
+			} );
+	} );
+
+	it( 'shows a spinner in place of Model and Voice while voices resolve', () => {
+		cy.createPost( {
+			postType: edgePostType,
+			title: 'Voice resolving spinner',
+		} );
+		enableCustomizeForEnUs();
+		cy.getBlockEditorSelect( 'Model' ).should( 'exist' );
+
+		// Delay rather than stub the response: the wp.data store still needs
+		// the real mock data to arrive.
+		cy.intercept(
+			'GET',
+			'**/beyondwords/v1/languages/*/voices*',
+			( req ) => {
+				req.on( 'response', ( res ) => {
+					res.setDelay( 4000 );
+				} );
+			}
+		);
+
+		// Asserted together so a fast resolve can't slip between two commands,
+		// and via our own class as the component's varies by WP version.
+		cy.getBlockEditorSelect( 'Accent' ).select( 'British', {
+			force: true,
+		} );
+		cy.get( 'body' ).should( ( $body ) => {
+			expect(
+				$body.find( '.beyondwords--voice-fields:visible' ),
+				'Model + Voice hidden while resolving'
+			).to.have.length( 0 );
+			expect(
+				$body.find( '.beyondwords--voice-spinner' ),
+				'spinner shown in their place'
+			).to.have.length( 1 );
+		} );
+
+		// Recovery is covered by the other tests: cy.intercept does not
+		// re-populate the wp.data voices store, so it can't be asserted here.
+	} );
+
 	// The single-bucket branch (Model dropdown hidden) is covered by the
 	// classic-editor spec and jest — cy.intercept can't stub the wp.data voices store.
 } );
diff --git a/tests/cypress/e2e/block-editor/settings-panel.cy.js b/tests/cypress/e2e/block-editor/settings-panel.cy.js
index cc74e907..aa19fa3e 100644
--- a/tests/cypress/e2e/block-editor/settings-panel.cy.js
+++ b/tests/cypress/e2e/block-editor/settings-panel.cy.js
@@ -111,11 +111,14 @@ context( 'Block Editor: Settings panel', () => {
 					force: true,
 				} );
 
-				// Enabling Customize pre-selects the project default language
-				// (mock: en_US → English (American)); wait for it before picking.
+				// Customize pre-selects the project default (mock en_US) across
+				// both selects; wait for it to land before picking.
 				select( 'beyondwords--language' )
 					.find( 'option:selected' )
-					.should( 'have.text', 'English (American)' );
+					.should( 'have.text', 'English' );
+				select( 'beyondwords--accent' )
+					.find( 'option:selected' )
+					.should( 'have.text', 'American' );
 
 				// Model is a language-level filter; the Voice list stays
 				// hidden until a model is chosen.
diff --git a/tests/cypress/e2e/classic-editor/select-voice.cy.js b/tests/cypress/e2e/classic-editor/select-voice.cy.js
index c4ae7f90..b37cd0be 100644
--- a/tests/cypress/e2e/classic-editor/select-voice.cy.js
+++ b/tests/cypress/e2e/classic-editor/select-voice.cy.js
@@ -37,22 +37,38 @@ context( 'Classic Editor: Select Voice', () => {
 				cy.get( '#beyondwords_customize' ).check();
 
 				// Enabling Customize fetches the project's default language and
-				// pre-selects it (mock project: en_US).
+				// pre-selects its name + accent (mock project: en_US).
 				cy.get( 'select#beyondwords_language_code' ).should(
 					'have.value',
 					'en_US'
 				);
+				cy.get( 'select#beyondwords_language_name' ).should(
+					'have.value',
+					'English'
+				);
 
-				cy.get( 'select#beyondwords_language_code' )
+				cy.get( 'select#beyondwords_language_name' )
 					.find( 'option' )
 					.should( ( $els ) => {
 						const values = optionLabels( $els );
-						// 148 languages + the "Select a language…" placeholder.
-						expect( values ).to.have.length( 149 );
+						expect( values ).to.have.length( 80 );
 						expect( values[ 0 ] ).to.eq( 'Select a language…' );
-						expect( values ).to.include( 'English (American)' );
-						expect( values ).to.include( 'English (British)' );
-						expect( values ).to.include( 'Welsh (Welsh)' );
+						expect( values ).to.include( 'English' );
+						expect( values ).to.include( 'Welsh' );
+					} );
+
+				// The Accent select carries the language code, so it is the
+				// field that gets submitted.
+				cy.get( '#beyondwords-metabox-select-voice--accent' ).should(
+					'be.visible'
+				);
+				cy.get( 'select#beyondwords_language_code' )
+					.find( 'option' )
+					.should( ( $els ) => {
+						const values = optionLabels( $els );
+						expect( values ).to.have.length( 14 );
+						expect( values ).to.include( 'American' );
+						expect( values ).to.include( 'British' );
 					} );
 
 				cy.get( '#beyondwords-metabox-select-voice--model' ).should(
@@ -150,9 +166,13 @@ context( 'Classic Editor: Select Voice', () => {
 				// so the fields are visible after the page refresh.
 				cy.get( '#beyondwords_customize' ).should( 'be.checked' );
 
+				cy.get( 'select#beyondwords_language_name' ).should(
+					'have.value',
+					'English'
+				);
 				cy.get( 'select#beyondwords_language_code' )
 					.find( 'option:selected' )
-					.should( 'have.text', 'English (American)' );
+					.should( 'have.text', 'American' );
 				cy.get( '#beyondwords-metabox-select-voice--model' ).should(
 					'be.visible'
 				);
@@ -229,6 +249,100 @@ context( 'Classic Editor: Select Voice', () => {
 		);
 	} );
 
+	it( 'picking a language name auto-selects its first accent', () => {
+		cy.createPost( { postType: edgePostType } );
+		cy.get( '#beyondwords_customize' ).check();
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_US'
+		);
+
+		// Welsh has a single accent, so the Accent select hides itself while
+		// still holding the code.
+		cy.get( 'select#beyondwords_language_name' ).select( 'Welsh' );
+		cy.get( '#beyondwords-metabox-select-voice--accent' ).should(
+			'not.be.visible'
+		);
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'cy_GB'
+		);
+
+		cy.get( 'select#beyondwords_language_name' ).select( 'English' );
+		cy.get( '#beyondwords-metabox-select-voice--accent' ).should(
+			'be.visible'
+		);
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_NZ'
+		);
+		cy.get( 'select#beyondwords_language_code' )
+			.find( 'option' )
+			.should( 'have.length', 14 );
+	} );
+
+	it( 'switching accent re-fetches voices and seeds the default voice', () => {
+		cy.createPost( { postType: edgePostType } );
+		cy.get( '#beyondwords_customize' ).check();
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_US'
+		);
+
+		// en_GB's default body voice is Ollie, a Legacy voice.
+		cy.get( 'select#beyondwords_language_code' ).select( 'British' );
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_GB'
+		);
+
+		// The mock's English voices are all American-primary, so none are
+		// native to en_GB and only "All" lists them.
+		cy.get( 'select#beyondwords_native' ).select( 'All' );
+		cy.get( 'select#beyondwords_model' )
+			.find( 'option:selected' )
+			.should( 'have.text', 'Legacy' );
+		cy.get( 'select#beyondwords_voice_id' )
+			.find( 'option:selected' )
+			.should( 'have.text', 'Ollie (Multilingual)' );
+	} );
+
+	it( 'filters the Voice list by Native', () => {
+		cy.createPost( { postType: edgePostType } );
+		cy.get( '#beyondwords_customize' ).check();
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_US'
+		);
+
+		// Klaus is German-primary, so Native excludes him from en_US.
+		cy.get( 'select#beyondwords_native' ).should( 'have.value', 'native' );
+		cy.get( 'select#beyondwords_model' ).select( 'Legacy' );
+		cy.get( 'select#beyondwords_voice_id' )
+			.find( 'option' )
+			.should( ( $els ) => {
+				expect( optionLabels( $els ) ).to.deep.eq( [
+					'Select a voice',
+					'Ada (Multilingual)',
+					'Ava (Multilingual)',
+					'Ollie (Multilingual)',
+				] );
+			} );
+
+		cy.get( 'select#beyondwords_native' ).select( 'All' );
+		cy.get( 'select#beyondwords_voice_id' )
+			.find( 'option' )
+			.should( ( $els ) => {
+				expect( optionLabels( $els ) ).to.deep.eq( [
+					'Select a voice',
+					'Ada (Multilingual)',
+					'Ava (Multilingual)',
+					'Ollie (Multilingual)',
+					'Klaus (Multilingual)',
+				] );
+			} );
+	} );
+
 	it( 'reverts to project defaults when Customize is turned off', () => {
 		cy.createPost( { postType: edgePostType } );
 		cy.get( '#beyondwords_customize' ).check();
@@ -244,6 +358,7 @@ context( 'Classic Editor: Select Voice', () => {
 		cy.get( '#beyondwords-metabox-select-voice--fields' ).should(
 			'not.be.visible'
 		);
+		cy.get( 'select#beyondwords_language_name' ).should( 'have.value', '' );
 		cy.get( 'select#beyondwords_language_code' ).should( 'have.value', '' );
 		cy.get( 'select#beyondwords_voice_id' ).should( 'have.value', '' );
 
@@ -297,4 +412,40 @@ context( 'Classic Editor: Select Voice', () => {
 				] );
 			} );
 	} );
+
+	it( 'shows the loader in place of Model and Voice while voices resolve', () => {
+		cy.createPost( { postType: edgePostType } );
+		cy.get( '#beyondwords_customize' ).check();
+		cy.get( 'select#beyondwords_language_code' ).should(
+			'have.value',
+			'en_US'
+		);
+		cy.get( '#beyondwords-metabox-select-voice--model' ).should(
+			'be.visible'
+		);
+
+		// Delay the voices response so the resolving state is observable.
+		cy.intercept(
+			'GET',
+			'**/beyondwords/v1/languages/*/voices*',
+			( req ) => {
+				req.on( 'response', ( res ) => {
+					res.setDelay( 1500 );
+				} );
+			}
+		);
+
+		cy.get( 'select#beyondwords_language_code' ).select( 'British' );
+		cy.get( '.beyondwords-settings__loader' ).should( 'be.visible' );
+		cy.get( '#beyondwords-metabox-select-voice--model' ).should(
+			'not.be.visible'
+		);
+		cy.get( '#beyondwords-metabox-select-voice--voice-id' ).should(
+			'not.be.visible'
+		);
+
+		cy.get( '.beyondwords-settings__loader', { timeout: 10000 } ).should(
+			'not.be.visible'
+		);
+	} );
 } );
diff --git a/tests/fixtures/wp-content/plugins/beyondwords-mock-rest-api-responses/mock-rest-api-responses.php b/tests/fixtures/wp-content/plugins/beyondwords-mock-rest-api-responses/mock-rest-api-responses.php
index 31527f00..48982fbf 100644
--- a/tests/fixtures/wp-content/plugins/beyondwords-mock-rest-api-responses/mock-rest-api-responses.php
+++ b/tests/fixtures/wp-content/plugins/beyondwords-mock-rest-api-responses/mock-rest-api-responses.php
@@ -1126,6 +1126,25 @@ function beyondwords_mock_get_voices() {
 					),
 				),
 			),
+			// Speaks en_US only as a secondary language, so the default Native filter hides it.
+			array(
+				'id'                  => 9500,
+				'name'                => 'Klaus (Multilingual)',
+				'language'            => array( 'code' => 'de_DE' ),
+				'languages'           => array(
+					array(
+						'code'   => 'de_DE',
+						'name'   => 'German',
+						'accent' => 'German',
+					),
+					array(
+						'code'   => 'en_US',
+						'name'   => 'English',
+						'accent' => 'American',
+					),
+				),
+				'secondary_languages' => array( 'en_US' ),
+			),
 		)
 	);
 }
diff --git a/tests/phpunit/editor/components/select-voice/test-assets.php b/tests/phpunit/editor/components/select-voice/test-assets.php
index c9fbcbd3..b6f56c24 100644
--- a/tests/phpunit/editor/components/select-voice/test-assets.php
+++ b/tests/phpunit/editor/components/select-voice/test-assets.php
@@ -46,6 +46,10 @@ public function admin_enqueue_scripts_registers_classic_metabox_script()
 
         $this->assertTrue(wp_script_is('beyondwords-metabox--select-voice', 'enqueued'));
 
+        // The script rebuilds the Accent dropdown client-side, so the language rows must be localized.
+        $data = wp_scripts()->get_data('beyondwords-metabox--select-voice', 'data');
+        $this->assertStringContainsString('"languages":', (string) $data);
+
         wp_delete_post($post->ID, true);
     }
 
diff --git a/tests/phpunit/editor/components/select-voice/test-select-voice.php b/tests/phpunit/editor/components/select-voice/test-select-voice.php
index f941e004..e7ea8a62 100644
--- a/tests/phpunit/editor/components/select-voice/test-select-voice.php
+++ b/tests/phpunit/editor/components/select-voice/test-select-voice.php
@@ -68,20 +68,54 @@ public function element()
 
         $crawler = new Crawler($html);
 
-        $languageLabel = $crawler->filter('p#beyondwords-metabox-select-voice--language-code');
+        $languageLabel = $crawler->filter('p#beyondwords-metabox-select-voice--language-name');
         $this->assertEquals('Language', $languageLabel->text());
 
-        $languageSelect = $crawler->filter('#beyondwords_language_code');
-        $this->assertCount(1, $languageSelect);
+        // Client-side control only, so it has no name attribute and isn't submitted.
+        $nameSelect = $crawler->filter('#beyondwords_language_name');
+        $this->assertCount(1, $nameSelect);
+        $this->assertNull($nameSelect->attr('name'));
 
-        $this->assertSame('en_US', $languageSelect->filter('option:nth-child(34)')->attr('value'));
-        $this->assertSame('English (American)', $languageSelect->filter('option:nth-child(34)')->text());
+        // 79 distinct names + the "Select a language…" placeholder.
+        $this->assertCount(80, $nameSelect->filter('option'));
 
-        $this->assertSame('en_GB', $languageSelect->filter('option:nth-child(36)')->attr('value'));
-        $this->assertSame('English (British)', $languageSelect->filter('option:nth-child(36)')->text());
+        $this->assertSame('English', $nameSelect->filter('option:nth-child(4)')->attr('value'));
+        $this->assertSame('English', $nameSelect->filter('option:nth-child(4)')->text());
+        $this->assertNotNull($nameSelect->filter('option:nth-child(4)')->attr('selected'));
 
-        $this->assertSame('cy_GB', $languageSelect->filter('option:nth-child(93)')->attr('value'));
-        $this->assertSame('Welsh (Welsh)', $languageSelect->filter('option:nth-child(93)')->text());
+        $this->assertSame('Welsh', $nameSelect->filter('option:nth-child(53)')->attr('value'));
+        $this->assertSame('Welsh', $nameSelect->filter('option:nth-child(53)')->text());
+
+        // The Accent select carries the language CODE and is the submitted field.
+        $accentLabel = $crawler->filter('#beyondwords-metabox-select-voice--accent label');
+        $this->assertEquals('Accent', $accentLabel->text());
+
+        $accentWrapper = $crawler->filter('#beyondwords-metabox-select-voice--accent');
+        $this->assertStringNotContainsString('display: none', (string) $accentWrapper->attr('style'));
+
+        $accentSelect = $crawler->filter('#beyondwords_language_code');
+        $this->assertCount(1, $accentSelect);
+        $this->assertSame('beyondwords_language_code', $accentSelect->attr('name'));
+
+        $this->assertCount(14, $accentSelect->filter('option'));
+
+        $this->assertSame('en_US', $accentSelect->filter('option:nth-child(5)')->attr('value'));
+        $this->assertSame('American', $accentSelect->filter('option:nth-child(5)')->text());
+        $this->assertNotNull($accentSelect->filter('option:nth-child(5)')->attr('selected'));
+
+        $this->assertSame('en_GB', $accentSelect->filter('option:nth-child(6)')->attr('value'));
+        $this->assertSame('British', $accentSelect->filter('option:nth-child(6)')->text());
+
+        $nativeLabel = $crawler->filter('#beyondwords-metabox-select-voice--native label');
+        $this->assertEquals('Native', $nativeLabel->text());
+
+        $nativeSelect = $crawler->filter('#beyondwords_native');
+        $this->assertNull($nativeSelect->attr('name'));
+        $this->assertSame(
+            ['Native', 'All'],
+            $nativeSelect->filter('option')->each(fn ($node) => $node->text())
+        );
+        $this->assertSame('native', $nativeSelect->filter('option[selected]')->attr('value'));
 
         // en_US offers several models, so the Model dropdown is visible.
         $modelLabel = $crawler->filter('#beyondwords-metabox-select-voice--model label');
@@ -197,10 +231,15 @@ public function element_degrades_gracefully_when_languages_api_fails()
         $crawler = new Crawler($html);
 
         // Only the empty placeholder option remains — the failed API yields no languages.
-        $languageSelect = $crawler->filter('#beyondwords_language_code');
-        $this->assertCount(1, $languageSelect);
-        $this->assertCount(1, $languageSelect->filter('option'));
-        $this->assertSame('', $languageSelect->filter('option')->attr('value'));
+        $nameSelect = $crawler->filter('#beyondwords_language_name');
+        $this->assertCount(1, $nameSelect);
+        $this->assertCount(1, $nameSelect->filter('option'));
+        $this->assertSame('', $nameSelect->filter('option')->attr('value'));
+
+        $accentSelect = $crawler->filter('#beyondwords_language_code');
+        $this->assertCount(1, $accentSelect);
+        $this->assertCount(1, $accentSelect->filter('option'));
+        $this->assertSame('', $accentSelect->filter('option')->attr('value'));
 
         // Render reached the voice select — no TypeError was thrown.
         $this->assertCount(1, $crawler->filter('#beyondwords_voice_id'));
@@ -270,6 +309,170 @@ public function element_degrades_gracefully_when_voices_api_returns_error_object
         wp_delete_post($post->ID, true);
     }
 
+    /**
+     * @test
+     */
+    public function language_names()
+    {
+        $languages = [
+            ['code' => 'en_US', 'name' => 'English', 'accent' => 'American'],
+            ['code' => 'en_GB', 'name' => 'English', 'accent' => 'British'],
+            ['code' => 'cy_GB', 'name' => 'Welsh', 'accent' => 'Welsh'],
+            // Rows missing a code, name or accent are skipped.
+            ['code' => 'xx_XX', 'name' => 'Broken'],
+        ];
+
+        $this->assertSame(['English', 'Welsh'], SelectVoice::language_names($languages));
+    }
+
+    /**
+     * @test
+     */
+    public function accents_for_name()
+    {
+        $languages = [
+            ['code' => 'en_US', 'name' => 'English', 'accent' => 'American'],
+            ['code' => 'cy_GB', 'name' => 'Welsh', 'accent' => 'Welsh'],
+            ['code' => 'en_GB', 'name' => 'English', 'accent' => 'British'],
+        ];
+
+        $accents = SelectVoice::accents_for_name($languages, 'English');
+
+        $this->assertSame(['en_US', 'en_GB'], array_column($accents, 'code'));
+        $this->assertSame([], SelectVoice::accents_for_name($languages, ''));
+    }
+
+    /**
+     * @test
+     */
+    public function find_language_by_code()
+    {
+        $languages = [
+            ['code' => 'en_US', 'name' => 'English', 'accent' => 'American'],
+        ];
+
+        $this->assertSame('English', SelectVoice::find_language_by_code($languages, 'en_US')['name']);
+        $this->assertNull(SelectVoice::find_language_by_code($languages, 'xx_XX'));
+        $this->assertNull(SelectVoice::find_language_by_code($languages, false));
+    }
+
+    /**
+     * @test
+     */
+    public function languages_for_script()
+    {
+        $rows = SelectVoice::languages_for_script();
+
+        $this->assertCount(148, $rows);
+        $this->assertSame(
+            ['code', 'name', 'accent', 'defaultVoiceId'],
+            array_keys($rows[0])
+        );
+
+        $en = array_column($rows, null, 'code')['en_US'];
+        $this->assertSame('English', $en['name']);
+        $this->assertSame('American', $en['accent']);
+        $this->assertSame('2517', $en['defaultVoiceId']);
+    }
+
+    /**
+     * @test
+     */
+    public function voice_primary_code()
+    {
+        $this->assertSame('en_US', SelectVoice::voice_primary_code(['language' => 'en_US']));
+        $this->assertSame('en_US', SelectVoice::voice_primary_code(['language' => ['code' => 'en_US']]));
+        $this->assertSame('de_DE', SelectVoice::voice_primary_code(['languages' => [['code' => 'de_DE']]]));
+        $this->assertSame('', SelectVoice::voice_primary_code(['name' => 'Nobody']));
+    }
+
+    /**
+     * @test
+     */
+    public function voice_is_native()
+    {
+        $this->assertTrue(SelectVoice::voice_is_native(['language' => ['code' => 'en_US']], 'en_US'));
+        $this->assertFalse(SelectVoice::voice_is_native(['language' => ['code' => 'de_DE']], 'en_US'));
+
+        // A voice with no determinable primary language is treated as native.
+        $this->assertTrue(SelectVoice::voice_is_native(['name' => 'Nobody'], 'en_US'));
+    }
+
+    /**
+     * @test
+     */
+    public function filter_voices_by_native()
+    {
+        $native     = ['id' => 1, 'name' => 'Ada', 'language' => ['code' => 'en_US']];
+        $nonNative  = ['id' => 2, 'name' => 'Klaus', 'language' => ['code' => 'de_DE']];
+        $voices     = [$native, $nonNative];
+
+        $this->assertSame(
+            [1],
+            array_column(SelectVoice::filter_voices_by_native($voices, 'en_US', 'native', ''), 'id')
+        );
+        $this->assertSame(
+            [1, 2],
+            array_column(SelectVoice::filter_voices_by_native($voices, 'en_US', 'all', ''), 'id')
+        );
+
+        // The kept voice is unioned back in even when native-only would hide it.
+        $this->assertSame(
+            [1, 2],
+            array_column(SelectVoice::filter_voices_by_native($voices, 'en_US', 'native', '2'), 'id')
+        );
+    }
+
+    /**
+     * @test
+     */
+    public function default_native_filter()
+    {
+        $voices = [
+            ['id' => 1, 'name' => 'Ada', 'language' => ['code' => 'en_US']],
+            ['id' => 2, 'name' => 'Klaus', 'language' => ['code' => 'de_DE']],
+        ];
+
+        $this->assertSame('native', SelectVoice::default_native_filter($voices, 'en_US', '1'));
+        $this->assertSame('all', SelectVoice::default_native_filter($voices, 'en_US', '2'));
+        $this->assertSame('native', SelectVoice::default_native_filter($voices, 'en_US', ''));
+    }
+
+    /**
+     * A saved voice that is not native to the language opens the picker on the
+     * "All" Native filter so it stays visible in the Voice dropdown.
+     *
+     * @test
+     */
+    public function element_opens_on_all_for_non_native_saved_voice()
+    {
+        $post = self::factory()->post->create_and_get([
+            'post_title' => 'PostSelectVoiceTest::element_non_native',
+            'meta_input' => [
+                'beyondwords_language_code' => 'en_US',
+                // Klaus (9500) is German-primary, non-native to en_US.
+                'beyondwords_body_voice_id' => '9500',
+            ],
+        ]);
+
+        $html = $this->capture_output(function () use ($post) {
+            SelectVoice::element($post);
+        });
+
+        $crawler = new Crawler($html);
+
+        $this->assertSame('all', $crawler->filter('#beyondwords_native option[selected]')->attr('value'));
+
+        $voiceOptions = $crawler->filter('#beyondwords_voice_id option')->each(fn ($node) => $node->text());
+        $this->assertContains('Klaus (Multilingual)', $voiceOptions);
+        $this->assertSame(
+            '9500',
+            $crawler->filter('#beyondwords_voice_id option[selected]')->attr('value')
+        );
+
+        wp_delete_post($post->ID, true);
+    }
+
     /**
      * @test
      */