Move complexity, invert symbols into randomizer widget.

lib/pages/creature-page/core.tsx

@@ -314,26 +314,6 @@ export const CreaturePageWithDefaults: React.FC<
     <Page title="Creature!">
       <div className="sidebar">
         <CompositionContextWidget ctx={compCtx} onChange={setCompCtx} />
-        <div className="thingy">
-          <NumericSlider
-            label="Random creature complexity"
-            min={0}
-            max={MAX_COMPLEXITY_LEVEL}
-            step={1}
-            value={complexity}
-            onChange={(value) => {
-              setComplexity(value);
-              newRandomCreature();
-            }}
-          />
-        </div>
-        <div className="thingy">
-          <Checkbox
-            label="Randomly invert symbols"
-            value={randomlyInvert}
-            onChange={setRandomlyInvert}
-          />
-        </div>
         <RandomizerWidget
           onColorsChange={(colors) => setCompCtx({ ...compCtx, ...colors })}
           onSymbolsChange={newRandomCreature}
@@ -346,6 +326,23 @@ export const CreaturePageWithDefaults: React.FC<
               choices={SvgVocabularyWithBlank}
             />
           </div>
+          <div className="thingy">
+            <NumericSlider
+              label="Random creature complexity"
+              min={0}
+              max={MAX_COMPLEXITY_LEVEL}
+              step={1}
+              value={complexity}
+              onChange={setComplexity}
+            />
+          </div>
+          <div className="thingy">
+            <Checkbox
+              label="Randomly invert symbols"
+              value={randomlyInvert}
+              onChange={setRandomlyInvert}
+            />
+          </div>
         </RandomizerWidget>
         <div className="thingy">
           <ExportWidget