✨feature: Add editable hostname and operating system

app/static/styles.css

@@ -81,6 +81,11 @@ button {
   font-weight: 600;
 }
 
+button:disabled {
+  cursor: wait;
+  opacity: 0.75;
+}
+
 .scan-progress-card {
   border: 1px solid var(--border);
   border-radius: 10px;
@@ -206,6 +211,12 @@ button {
   background: rgba(255,255,255,0.02);
 }
 
+.info-card-edit {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
 .label {
   color: var(--muted);
   font-size: 0.78rem;
@@ -218,6 +229,38 @@ button {
   word-break: break-word;
 }
 
+.subvalue {
+  color: var(--muted);
+  font-size: 0.78rem;
+}
+
+.inline-input {
+  width: 100%;
+  min-width: 0;
+  background: rgba(10, 17, 24, 0.75);
+}
+
+.machine-info-form {
+  display: grid;
+  gap: 12px;
+}
+
+.machine-info-actions {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+}
+
+.secondary-btn {
+  background: linear-gradient(180deg, var(--accent), var(--accent-2));
+}
+
+.ghost-btn {
+  border: 1px solid var(--border);
+  background: rgba(255,255,255,0.03);
+  color: var(--text);
+}
+
 details.port {
   border: 1px solid var(--border);
   border-radius: 10px;
@@ -263,4 +306,5 @@ summary {
   .toolbar { min-width: 0; }
   .controls { flex-direction: column; align-items: stretch; }
   input { min-width: 0; }
+  .machine-info-actions { flex-direction: column; }
 }