Added UI and painted pendulum in different colors

src/styles.scss

@@ -262,13 +262,13 @@ a {
   }
 }
 
-.grid-size {
+.input-container {
   display: flex;
   gap: 0.75rem;
   align-items: center;
   flex-wrap: wrap;
 
-  .grid-field {
+  .input-field {
     width: 150px;
   }
 }
@@ -301,6 +301,10 @@ canvas {
     &.path { background-color: gold; }
     &.empty { background-color: lightgray; }
     &.alive { background-color: black; }
+    &.L1 { background-color: yellow; }
+    &.L2 { background-color: magenta; }
+    &.M1 { background-color: red; }
+    &.M2 { background-color: green; }
   }
 }
 
@@ -339,4 +343,4 @@ canvas {
       background-color: #4caf50; /* Green for sorted */
     }
   }
-}
+}