Add GPU selection to job launcher

frontend/src/styles.css

@@ -398,6 +398,81 @@ h2 {
   background: rgba(157, 226, 111, 0.08);
 }
 
+.gpuSelector {
+  display: grid;
+  gap: 10px;
+  margin-top: 14px;
+  padding: 10px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: #101310;
+}
+
+.gpuSelector > div:first-child {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+}
+
+.gpuSelector span {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.gpuSelector strong {
+  min-width: 0;
+  color: var(--green);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.gpuPicker {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 8px;
+}
+
+.gpuPicker button {
+  min-width: 0;
+  min-height: 38px;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  gap: 6px;
+  padding: 7px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--line);
+  background: #080a08;
+  color: var(--muted);
+}
+
+.gpuPicker button.selected {
+  border-color: var(--green);
+  color: var(--ink);
+  background: rgba(157, 226, 111, 0.08);
+}
+
+.gpuPicker button svg {
+  color: var(--green);
+}
+
+.gpuPicker button span,
+.gpuPicker button small {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.gpuPicker button small {
+  grid-column: 2;
+  color: var(--muted);
+  font-size: 10px;
+}
+
 .field {
   display: grid;
   gap: 8px;
@@ -1373,6 +1448,7 @@ meter {
   .sampleStrip,
   .datasetOutputLinks,
   .datasetOutputPreview,
+  .gpuPicker,
   .taskCheckList,
   .agentCheckList,
   .qualityStats,