Deploy Project Epsilon Space bundle

app.py

@@ -212,6 +212,24 @@ APP_CSS = """
   line-height: 1.55;
 }
 
+.control-room {
+  background:
+    linear-gradient(180deg, rgba(45, 40, 49, 0.82), rgba(34, 28, 24, 0.94) 18%, rgba(28, 23, 19, 0.96) 100%);
+  border: 1px solid rgba(236, 214, 188, 0.10);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.04),
+    0 24px 70px rgba(0, 0, 0, 0.28);
+}
+
+.control-room .panel-title {
+  margin-bottom: 8px;
+}
+
+.control-room .panel-copy {
+  max-width: 56ch;
+  color: #cdbca9;
+}
+
 .surface-card {
   background: rgba(23, 18, 14, 0.84);
   border: 1px solid var(--ea-border);
@@ -317,6 +335,14 @@ APP_CSS = """
   word-break: break-word;
 }
 
+.control-room .control-field {
+  margin-bottom: 12px;
+}
+
+.control-room .control-field:last-of-type {
+  margin-bottom: 0;
+}
+
 .control-room input,
 .control-room textarea,
 .control-room select,
@@ -324,24 +350,149 @@ APP_CSS = """
   min-height: 48px;
 }
 
+.control-room .gr-block-label,
+.control-room label,
+.control-room .gr-form > label {
+  color: #efe2d1;
+  font-size: 0.78rem;
+  letter-spacing: 0.12em;
+}
+
 .control-room [role="radiogroup"] {
-  gap: 10px;
+  display: grid !important;
+  gap: 10px !important;
+  margin-top: 10px;
+}
+
+.control-room .control-field:first-of-type [role="radiogroup"] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.control-room .control-field:nth-of-type(2) [role="radiogroup"] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 
 .control-room [role="radio"] {
-  border: 1px solid rgba(236, 214, 188, 0.12) !important;
-  border-radius: 16px !important;
-  background: rgba(255, 255, 255, 0.05) !important;
-  padding: 12px 14px !important;
+  position: relative;
+  display: flex !important;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  min-height: 72px;
+  border: 1px solid rgba(236, 214, 188, 0.14) !important;
+  border-radius: 18px !important;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)) !important;
+  padding: 16px 18px !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.03),
+    0 10px 24px rgba(0, 0, 0, 0.16);
+  transition:
+    transform 160ms ease,
+    border-color 160ms ease,
+    background 160ms ease,
+    box-shadow 160ms ease;
+}
+
+.control-room [role="radio"]:hover {
+  transform: translateY(-1px);
+  border-color: rgba(225, 161, 111, 0.34) !important;
+  background:
+    linear-gradient(180deg, rgba(225, 161, 111, 0.08), rgba(255, 255, 255, 0.03)) !important;
 }
 
 .control-room [role="radio"][aria-checked="true"] {
-  border-color: rgba(201, 121, 67, 0.54) !important;
-  background: rgba(201, 121, 67, 0.12) !important;
+  border-color: rgba(201, 121, 67, 0.58) !important;
+  background:
+    linear-gradient(180deg, rgba(201, 121, 67, 0.18), rgba(201, 121, 67, 0.08)) !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.06),
+    0 16px 34px rgba(108, 54, 24, 0.22);
+}
+
+.control-room [role="radio"]::before {
+  content: "";
+  width: 16px;
+  height: 16px;
+  flex: 0 0 16px;
+  border-radius: 999px;
+  border: 1px solid rgba(236, 214, 188, 0.26);
+  background: rgba(255, 255, 255, 0.02);
+  box-shadow: inset 0 0 0 3px rgba(25, 21, 18, 0.96);
+}
+
+.control-room [role="radio"][aria-checked="true"]::before {
+  background: var(--ea-accent-deep);
+  border-color: rgba(225, 161, 111, 0.82);
+  box-shadow:
+    inset 0 0 0 3px rgba(36, 28, 23, 0.92),
+    0 0 0 4px rgba(201, 121, 67, 0.14);
+}
+
+.control-room [role="radio"] span {
+  color: #f3e7d9 !important;
+  font-size: 0.9rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  line-height: 1.35;
+  white-space: normal !important;
+  word-break: break-word;
+}
+
+.control-room [role="radio"] svg,
+.control-room [role="radio"] input {
+  display: none !important;
+}
+
+.control-room [data-testid="number"] {
+  margin-top: 2px;
+}
+
+.control-room [data-testid="number"] input {
+  border-radius: 18px !important;
+  background: rgba(255, 255, 255, 0.06) !important;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.control-room .gr-accordion {
+  margin-top: 4px;
+  border: 1px solid rgba(236, 214, 188, 0.12) !important;
+  border-radius: 18px !important;
+  overflow: hidden;
+  background: rgba(255, 255, 255, 0.03) !important;
 }
 
-.control-room [role="radio"] svg {
-  color: var(--ea-accent-deep) !important;
+.control-room .gr-accordion summary,
+.control-room .gr-accordion button {
+  font-weight: 600;
+}
+
+.control-room .gr-accordion .label-wrap,
+.control-room .gr-accordion label {
+  color: #efe2d1 !important;
+}
+
+.control-room .gr-accordion .hide-container {
+  background: rgba(18, 15, 12, 0.18);
+}
+
+.control-room .gr-button {
+  font-family: "Avenir Next", "Segoe UI", sans-serif;
+  font-size: 1.02rem;
+}
+
+.control-room .gr-button.secondary {
+  background: linear-gradient(180deg, rgba(90, 88, 94, 0.9), rgba(72, 70, 76, 0.95));
+}
+
+.control-room .gr-button.primary {
+  background: linear-gradient(135deg, #cf8450 0%, #df9a67 100%);
+}
+
+.control-room .footnote {
+  margin-top: 18px;
+  color: #c0b09f;
 }
 
 .status-reason {
@@ -473,6 +624,11 @@ APP_CSS = """
   .metric-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+
+  .control-room .control-field:first-of-type [role="radiogroup"],
+  .control-room .control-field:nth-of-type(2) [role="radiogroup"] {
+    grid-template-columns: 1fr;
+  }
 }
 
 @media (max-width: 640px) {