/* Local fixture UX additions. Keep the imported Host P1 styles byte-identical. */
.workspace-body { grid-template-rows: minmax(0, 1fr); min-height: 0; }
.canvas, .conversation { min-height: 0; }
.preview-card { display: grid; gap: 16px; }
.preview-card h3 { margin: 0; font-size: 19px; }
.preview-card > p { margin: 0; }
.preview-boundary { padding: 11px 13px; border: 1px solid #e8d291; border-radius: 9px; background: #fff9e9; color: #684c14; }
.preview-status { display: grid; gap: 4px; padding: 14px 16px; border: 1px solid #b9c8fa; border-radius: 10px; background: #f4f7ff; }
.preview-status strong { font-size: 16px; }
.preview-status span, .preview-step span, .preview-field span { color: var(--muted); }
.preview-flow { display: grid; gap: 16px; }
.preview-step { display: grid; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); }
.preview-step > div:first-child, .preview-field { display: grid; gap: 5px; }
.preview-field select, .preview-field input { width: min(100%, 420px); }
.preview-field input { min-height: 44px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); color: var(--ink); }
.preview-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.preview-actions button { min-width: 150px; }
.preview-actions button:first-child { border-color: #8798ef; background: #edf0ff; color: #283f9d; font-weight: 700; }
.preview-observation { padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcff; }
.preview-observation p { margin: 5px 0 0; }
.preview-observation ul { margin: 8px 0 0; }
.preview-result { padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: #f8fafc; }
.preview-result p { margin: 6px 0 0; }
.preview-card .technical { margin: 0; padding: 0 14px 12px; }
.preview-card .technical summary { margin: 0 -14px; }
.preview-card .technical h4 { margin: 12px 0 6px; }

@media (max-width: 420px) {
  .project-identity code, .project-identity .dot, .freshness { display: none; }
  .preview-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .preview-actions button { width: 100%; }
}