Fixed kokoro loading process.

public/css/style.css

@@ -723,7 +723,7 @@ ol.choice {
 }
 
 /* Options Modal Styling */
-.options-modal {
+.modal {
     position: fixed;
     top: 0;
     left: 0;
@@ -736,7 +736,7 @@ ol.choice {
     background-color: rgba(0, 0, 0, 0.5);
 }
 
-.options-content {
+.modal-content {
     background-color: rgba(255, 252, 245, 0.97);
     border-radius: 0.4rem;
     box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.4);
@@ -754,7 +754,7 @@ ol.choice {
     transform-origin: center center;
 }
 
-.options-header {
+.modal-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -763,7 +763,7 @@ ol.choice {
     padding-bottom: 0.7rem;
 }
 
-.options-header h2 {
+.modal-header h2 {
     margin: 0;
     font-family: 'EB Garamond', var(--book-font), serif;
     font-weight: normal;
@@ -772,7 +772,7 @@ ol.choice {
     letter-spacing: 0.02rem;
 }
 
-.options-close {
+.close {
     background: none;
     border: none;
     font-size: 1.4rem;
@@ -781,7 +781,7 @@ ol.choice {
     font-family: 'EB Garamond', var(--book-font), serif;
 }
 
-.options-close:hover {
+.close:hover {
     color: #5a3921;
 }
 
@@ -800,7 +800,7 @@ ol.choice {
     color: #5a3921;
 }
 
-.options-row {
+.option-item {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -808,14 +808,14 @@ ol.choice {
     padding: 0.25rem 0;
 }
 
-.options-row label {
+.option-item label {
     font-family: 'EB Garamond', var(--book-font), serif;
     font-size: 1rem;
     color: #4a4234;
 }
 
 /* Elegant checkboxes */
-.options-row input[type="checkbox"] {
+.option-item input[type="checkbox"] {
     appearance: none;
     -webkit-appearance: none;
     width: 1rem;
@@ -829,7 +829,7 @@ ol.choice {
     overflow: hidden;
 }
 
-.options-row input[type="checkbox"]:checked::before {
+.option-item input[type="checkbox"]:checked::before {
     content: "✓";
     position: absolute;
     font-family: 'EB Garamond', var(--book-font), serif;
@@ -840,7 +840,7 @@ ol.choice {
 }
 
 /* Elegant select dropdowns */
-.options-row select {
+.option-item select {
     appearance: none;
     -webkit-appearance: none;
     background-color: transparent;
@@ -858,12 +858,12 @@ ol.choice {
     min-width: 8rem;
 }
 
-.options-row select:focus {
+.option-item select:focus {
     outline: none;
 }
 
 /* Range inputs (sliders) - match the main menu style */
-.options-row input[type="range"] {
+.option-item input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     width: 8rem;
@@ -878,7 +878,7 @@ ol.choice {
     cursor: pointer;
 }
 
-.options-row input[type="range"]::-webkit-slider-thumb {
+.option-item input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     height: 0.5rem;
@@ -889,7 +889,7 @@ ol.choice {
     box-shadow: -407px 0 0 400px rgba(0,0,0,0.3);
 }
 
-.options-row input[type="range"]::-moz-range-thumb {
+.option-item input[type="range"]::-moz-range-thumb {
     height: 0.5rem;
     width: 0.5rem;
     border-radius: 0.25rem;
@@ -912,7 +912,7 @@ ol.choice {
     text-align: center;
 }
 
-/* API Settings in Options Panel */
+/* API Settings in options Panel */
 .api-settings-container {
     margin-top: 10px;
     padding: 10px;