v0.9.13

web/styles.css

@@ -1195,6 +1195,10 @@ dialog::backdrop {
   backdrop-filter: blur(4px);
 }
 
+.dialog-wide {
+  width: min(860px, calc(100% - 24px));
+}
+
 .dialog-form {
   display: grid;
   gap: 14px;
@@ -4869,6 +4873,45 @@ body.simulation-standalone [data-view="simulation"] {
   white-space: nowrap;
 }
 
+#controlPlan .plan-rules {
+  gap: 10px;
+}
+
+#controlPlan .plan-rules .plan-card-head {
+  padding-bottom: 2px;
+}
+
+#controlPlan .plan-rules .plan-events {
+  gap: 8px;
+  padding-top: 9px;
+}
+
+#controlPlan .plan-rules .plan-events li {
+  align-items: start;
+  gap: 8px;
+}
+
+#controlPlan .plan-events .plan-rule-summary {
+  display: grid;
+  gap: 2px;
+  overflow: visible;
+  text-overflow: clip;
+  white-space: normal;
+}
+
+#controlPlan .plan-rule-summary strong {
+  color: var(--text);
+  font-size: 10px;
+  font-weight: 650;
+  line-height: 1.35;
+}
+
+#controlPlan .plan-rule-summary small {
+  color: var(--muted);
+  font-size: 9px;
+  line-height: 1.35;
+}
+
 #controlPlan .plan-events .muted {
   white-space: normal;
 }
@@ -6194,9 +6237,6 @@ body.flow-editor-open { overflow:hidden; }
 }
 
 /* Flow diagnostics, templates and portable Flow files */
-.flow-tool-dialog { width:min(860px,calc(100vw - 32px)); max-height:min(820px,calc(100vh - 32px)); overflow:auto; border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--text); padding:18px; box-shadow:0 24px 70px rgba(0,0,0,.32); }
-.flow-tool-dialog::backdrop { background:rgba(0,0,0,.48); }
-.flow-template-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-top:16px; }
 .flow-template-card { display:grid; gap:7px; text-align:left; align-content:start; min-height:118px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); color:var(--text); padding:14px; }
 .flow-template-card:hover { border-color:var(--accent); }
 .flow-template-card span { color:var(--muted); font-size:.86rem; line-height:1.4; }
@@ -6246,8 +6286,6 @@ body.flow-editor-open { overflow:hidden; }
 .flow-shared-input-fields { display:grid; gap:12px; }
 .flow-shared-input-fields .two { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 .flow-template-list { display:grid; grid-template-columns:1fr; gap:22px; }
-.flow-template-category { display:grid; gap:10px; }
-.flow-template-category + .flow-template-category { padding-top:18px; border-top:1px solid var(--line); }
 .flow-template-category-head { display:grid; gap:3px; }
 .flow-template-category-head span { color:var(--muted); font-size:.84rem; }
 .flow-template-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; }
@@ -6263,8 +6301,6 @@ body.flow-editor-open { overflow:hidden; }
 .flow-shared-settings-head { justify-content:space-between; align-items:flex-start; }
 .flow-shared-settings-head > div { min-width:0; }
 .flow-shared-add-button { flex:0 0 auto; align-self:flex-start; margin-left:auto; }
-.flow-shared-dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:14px; margin-top:4px; border-top:1px solid var(--line); }
-.flow-shared-dialog-actions > button { min-width:112px; }
 .flow-shared-settings-link { margin-top:12px; width:max-content; max-width:100%; }
 .flow-shared-settings.is-linked-target { outline:2px solid var(--accent); outline-offset:3px; }
 .flow-template-tabs { display:flex; gap:8px; overflow-x:auto; padding:4px 0 10px; margin-top:14px; border-bottom:1px solid var(--line); scrollbar-width:thin; }
@@ -6276,7 +6312,6 @@ body.flow-editor-open { overflow:hidden; }
 @media (max-width:760px) {
   .flow-shared-settings-head { gap:12px; }
   .flow-shared-add-button { width:auto; }
-  .flow-shared-dialog-actions { gap:16px; }
 }
 
 /* v0.9.10: Flow preset library preview, favorites/search and shared-input diagnostics */
@@ -6328,7 +6363,7 @@ body.flow-editor-open { overflow:hidden; }
 .flow-template-favorite { width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--muted); cursor:pointer; font-size:1.15rem; line-height:1; }
 .flow-template-card > .flow-template-favorite { position:absolute; right:7px; top:7px; }
 .flow-template-favorite.active { color:var(--accent); background:var(--accent-soft); }
-.flow-template-preview .dialog-actions { margin-top:0; padding-top:10px; border-top:1px solid var(--line); justify-content:flex-end; }
+.flow-template-preview .form-actions { margin-top:0; padding-top:10px; border-top:1px solid var(--line); }
 
 @media (max-width:900px) {
   .flow-template-browser { grid-template-columns:1fr; }
@@ -6341,3 +6376,6 @@ body.flow-editor-open { overflow:hidden; }
   .flow-shared-test-result dl > div { grid-template-columns:1fr; gap:2px; }
   .flow-template-preview-canvas { height:220px; }
 }
+
+/* Keep zone hysteresis/source controls aligned without stretching selects. */
+.zone-hysteresis-row { align-items:start; }