Added custom sequence input.

style.css

@@ -56,7 +56,7 @@ strong
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
-    max-width: 1155px;
+    max-width: 1175px;
     margin-top: 30px;
 }
 
@@ -91,7 +91,7 @@ strong
 #calculator-panel
 {
     margin-right: 30px;
-    min-width: 375px;
+    min-width: 395px;
 }
 
 #calculator-panel h2
@@ -171,6 +171,27 @@ input[type=number]::-webkit-inner-spin-button {
     opacity: 0.5;
 }
 
+input[type="text"]
+{
+    box-sizing: border-box;
+    width: 15em;
+    font-size: inherit;
+    border: 1px solid black;
+    background-color: #222425;
+    scrollbar-color: #3b4042 #222425;
+    color: inherit;
+    border-color: rgb(67, 73, 76);
+    height: 2em;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+input[type="text"]::placeholder
+{
+    font-style: italic;
+    opacity: 0.25;
+}
+
 .control-group
 {
     margin-bottom: 10px;
@@ -185,7 +206,7 @@ input[type=number]::-webkit-inner-spin-button {
 
 .control-group .control-label
 {
-    width: 120px;
+    width: 190px;
     text-align: right;
     padding-right: 17px;
 }
@@ -200,6 +221,11 @@ input[type=number]::-webkit-inner-spin-button {
     width: 5em;
 }
 
+.controls
+{
+    width: 310px;
+}
+
 .error-msg, .progress-msg
 {
     max-width: 356px;
@@ -210,6 +236,11 @@ input[type=number]::-webkit-inner-spin-button {
     margin-top: 25px;
 }
 
+#custom-sequence-group
+{
+    margin-top: 15px;
+}
+
 /* Editor forms' action buttons */
 
 .form-actions