.experiment-workspace { min-width: 0; padding: 8px 0 20px; }
.experiment-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.experiment-heading h3 { margin: 0; }
.experiment-list { display: flex; flex-wrap: wrap; gap: 8px; }
.experiment-list h4 { width: 100%; margin-bottom: 0; }
.experiment-list-item { max-width: 100%; overflow-wrap: anywhere; text-align: left; }
.experiment-detail { min-width: 0; display: flex; flex-wrap: wrap; gap: 12px; }
.experiment-detail > h3, .experiment-detail > h4, .experiment-detail > p, .experiment-detail > pre,
.experiment-detail > details, .experiment-detail > label { flex-basis: 100%; min-width: 0; margin: 0; }
.experiment-manifest { max-width: 100%; max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 14px; border: 1px solid var(--border, #dce2d8); border-radius: 10px; background: var(--surface, #f7f8f4); font-size: 12px; line-height: 1.6; }
.experiment-confirm { display: flex !important; align-items: flex-start; gap: 10px; padding: 8px 0; }
.experiment-confirm input { width: auto; flex: 0 0 auto; margin-top: 4px; }
.experiment-workspace fieldset { min-width: 0; }
.experiment-help { margin: 0 0 12px; font-size: 13px; }
.experiment-help summary { cursor: pointer; color: var(--muted, #637066); }
.experiment-help code { display: block; padding: 8px 10px; border-radius: 8px; background: var(--surface, #f7f8f4); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.experiment-statistics { flex-basis: 100%; min-width: 0; }
.experiment-statistics svg { width: 100%; max-height: 320px; font-size: 12px; fill: currentColor; }
.experiment-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border, #dce2d8); border-radius: 10px; }
.experiment-table-scroll table { width: 100%; border-collapse: collapse; font-size: 13px; }
.experiment-table-scroll th, .experiment-table-scroll td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border, #dce2d8); white-space: nowrap; }
.experiment-table-scroll th { background: var(--surface, #f7f8f4); font-weight: 600; }
.experiment-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 10px; }
.experiment-metrics > div { padding: 14px; border: 1px solid var(--border, #dce2d8); border-radius: 10px; background: var(--surface, #f7f8f4); }
.experiment-metrics span, .experiment-metrics strong { display: block; }
.experiment-metrics span { font-size: 12px; color: var(--muted, #637066); }
.experiment-metrics strong { margin-top: 8px; font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.experiment-workspace [hidden] { display: none !important; }
@media (max-width: 600px) { .experiment-workspace button { min-height: 44px; } .experiment-heading { align-items: stretch; } .experiment-manifest { font-size: 11px; } }