disable adding inner blocks using appender

src/edit.js

@@ -26,6 +26,9 @@ export default function Edit({ clientId }) {
 			const index = count;
 			dispatch("core/editor").insertBlock(orbiter, index, clientId);
 		}
+		if (value < count) {
+			// remove block and append to deleted blocks list
+		}
 		setCount(value);
 	};
 
@@ -45,11 +48,13 @@ export default function Edit({ clientId }) {
 			secondary = element;
 		}
 
-		return <Orbiter
+		return (
+			<Orbiter
 				primary={primary}
 				secondary={secondary}
 				backgroundColor={block.attributes.backgroundColor}
-		/>;
+			/>
+		);
 	});
 
 	return (
@@ -59,7 +64,9 @@ export default function Edit({ clientId }) {
 					<NumberControl value={count} min={1} onChange={onCountChange} />
 				</div>
 			</InspectorControls>
+
 			<div {...useBlockProps()}>
+				<div className="orbital-view">
 					<ul className={`orbiters count-${count}`}>{viewList}</ul>
 
 					<div className="inner-content">
@@ -77,7 +84,8 @@ export default function Edit({ clientId }) {
 				</div>
 
 				<div class="block-list">
-				<InnerBlocks />
+					<InnerBlocks renderAppender={false} allowedBlocks={['red-block/red-orbiter']} />
+				</div>
 			</div>
 		</>
 	);

src/editor.scss

@@ -5,6 +5,15 @@
  */
 
 .wp-block-red-block-red-orbital {
+	height: auto;
+
+	.orbital-view {
+		position: relative;
+		width: 80vw;
+		max-width: 100%;
+		height: 80vh;
+	}
+
 	.orbiter-bg {
 		position: absolute;
 		inset: 0;
@@ -62,3 +71,7 @@
 		}
 	}
 }
+
+.block-list {
+	margin-top: 0;
+}

src/style.scss

@@ -217,7 +217,8 @@
 		animation: rotate var(--duration__rotation) linear infinite running;
 
 		.orbiter-content {
-			animation: rotate var(--duration__rotation) reverse linear infinite running;
+			animation: rotate var(--duration__rotation) reverse linear infinite
+				running;
 		}
 	}