Polish AI Labs density

frontend/src/styles/app.css

@@ -2295,20 +2295,115 @@ button.entity-card {
   margin-top: 0.85rem;
 }
 
+.ai-lab-shell {
+  display: grid;
+  gap: 0.85rem;
+  min-width: 0;
+  align-content: start;
+}
+
+.ai-lab-shell > .lab-block {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  box-shadow: none;
+}
+
 .workspace-grid-ai .workspace-panel {
   min-width: 0;
 }
 
+.ai-lab-model-surface,
+.ai-lab-run-surface,
+.ai-lab-results-surface,
+.ai-lab-qa-surface {
+  display: grid;
+  gap: 0.68rem;
+  min-width: 0;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 0.78rem;
+  background: linear-gradient(180deg, #ffffff, #f7fbf8);
+  box-shadow: 0 1px 0 rgba(19, 32, 24, 0.03);
+}
+
+.ai-lab-results-surface {
+  background: #ffffff;
+}
+
+.ai-lab-section-header {
+  display: flex;
+  min-width: 0;
+  align-items: start;
+  justify-content: space-between;
+  gap: 0.65rem;
+}
+
+.ai-lab-section-header h3,
+.ai-lab-run-surface h3,
+.ai-lab-qa-surface h3 {
+  margin: 0;
+}
+
+.ai-lab-section-header p,
+.ai-lab-results-surface .muted {
+  margin: 0.16rem 0 0;
+  color: var(--muted);
+  font-size: 0.84rem;
+  line-height: 1.35;
+}
+
+.ai-lab-state-stack {
+  display: grid;
+  gap: 0.5rem;
+  min-width: 0;
+}
+
+.ai-lab-shell .model-list {
+  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
+  gap: 0.55rem;
+}
+
+.ai-lab-shell .model-card {
+  align-content: start;
+  padding: 0.68rem;
+}
+
+.ai-lab-shell .lab-form-grid {
+  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
+  gap: 0.55rem;
+}
+
+.ai-lab-summary-grid {
+  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
+}
+
+.ai-lab-shell .result-summary-card {
+  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
+}
+
+.ai-lab-run-surface label,
+.ai-lab-results-surface label,
+.ai-lab-qa-surface label,
 .lab-block label {
   min-width: 0;
 }
 
+.ai-lab-run-surface input,
+.ai-lab-run-surface select,
+.ai-lab-results-surface input,
+.ai-lab-results-surface select,
+.ai-lab-qa-surface input,
+.ai-lab-qa-surface select,
 .lab-block input,
 .lab-block select {
   width: 100%;
   min-width: 0;
 }
 
+.ai-lab-run-surface .primary-action,
+.ai-lab-results-surface .primary-action,
+.ai-lab-qa-surface .primary-action,
 .lab-block .primary-action {
   width: fit-content;
   max-width: 100%;