Add selectable frontend language and form labels

frontend/src/styles.css

@@ -836,6 +836,19 @@ th {
   gap: 10px;
 }
 
+.form-field {
+  display: grid;
+  gap: 6px;
+}
+
+.input-label {
+  color: var(--text-secondary);
+  font-size: var(--text-xs);
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
 .form-grid input,
 .form-grid select,
 .form-grid textarea {
@@ -962,6 +975,35 @@ table button {
   overflow-wrap: anywhere;
 }
 
+.hero__controls {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.language-select {
+  display: grid;
+  gap: 4px;
+  min-width: 130px;
+}
+
+.language-select span {
+  color: var(--text-secondary);
+  font-size: var(--text-xs);
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.language-select select {
+  min-height: 44px;
+  padding: 8px 10px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--bg-panel);
+  color: var(--text-primary);
+}
+
 table {
   width: 100%;
   border-collapse: collapse;
@@ -1024,6 +1066,7 @@ tr.is-selected-row td {
   }
 
   .hero,
+  .hero__controls,
   .machine-card__top,
   .machine-card__hero,
   .machine-card__progress-head,