Update voice demo language problem

examples/webpage/styles.css

@@ -271,11 +271,34 @@ body {
 }
 
 .camera-drawer__sources {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
+  display: flex;
+  flex-direction: column;
   gap: 8px;
 }
 
+/* Mirror the mic controls: labeled device select + an action pill button. */
+.camera-drawer__camera-row {
+  display: flex;
+  align-items: flex-end;
+  gap: 8px;
+}
+
+.camera-drawer__camera-row .device-picker {
+  flex: 1 1 auto;
+  max-width: none;
+}
+
+.cam-btn {
+  flex-shrink: 0;
+}
+
+.cam-btn.is-active {
+  background: var(--success);
+  border-color: var(--success);
+  color: #fff;
+  box-shadow: 0 0 0 6px rgba(45, 210, 139, 0.18);
+}
+
 .camera-drawer__source {
   display: inline-flex;
   align-items: center;
@@ -287,30 +310,6 @@ body {
   cursor: pointer;
 }
 
-.camera-drawer__select {
-  appearance: none;
-  width: 100%;
-  min-height: 38px;
-  background: var(--bg-soft);
-  color: var(--text);
-  border: 1px solid var(--border);
-  border-radius: 10px;
-  padding: 7px 28px 7px 10px;
-  font: inherit;
-  font-size: 13px;
-  outline: none;
-  cursor: pointer;
-}
-
-.camera-drawer__select:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-/* Upload spans the full width on its own row below camera + device list. */
-.camera-drawer__source--upload {
-  grid-column: 1 / -1;
-}
 
 .camera-drawer__source.is-active {
   border-color: var(--success);
@@ -709,8 +708,8 @@ body {
   margin: 0;
   font-size: 12px;
   color: var(--text-dim);
-  text-transform: uppercase;
-  letter-spacing: 0.8px;
+  letter-spacing: 0.5px;
+  white-space: nowrap;
 }
 
 .ws-log__header-left {
@@ -965,6 +964,12 @@ body {
   outline: none;
   width: 100%;
   cursor: pointer;
+  text-overflow: ellipsis;
+}
+
+.device-picker__select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
 
 .device-picker__select:focus {