feat: add storyforge web v4 action workflows

web/storyforge-web-v4/assets/styles.css

@@ -294,7 +294,8 @@ select {
   z-index: 40;
 }
 
-.auth-modal-backdrop.hidden {
+.auth-modal-backdrop.hidden,
+.action-modal-backdrop.hidden {
   display: none;
 }
 
@@ -307,6 +308,29 @@ select {
   padding: 22px;
 }
 
+.action-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 28, 45, 0.34);
+  backdrop-filter: blur(8px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  z-index: 45;
+}
+
+.action-modal {
+  width: min(640px, 100%);
+  max-height: min(86vh, 920px);
+  overflow: auto;
+  border-radius: 24px;
+  border: 1px solid var(--line-strong);
+  background: rgba(255, 255, 255, 0.985);
+  box-shadow: var(--shadow);
+  padding: 22px;
+}
+
 .auth-head {
   display: flex;
   align-items: start;
@@ -339,7 +363,8 @@ select {
 }
 
 .field-stack input,
-.field-stack textarea {
+.field-stack textarea,
+.field-stack select {
   width: 100%;
   border: 1px solid var(--line);
   border-radius: 14px;
@@ -349,6 +374,20 @@ select {
   resize: vertical;
 }
 
+.checkbox-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 0 2px;
+  color: var(--text);
+  font-size: 13px;
+}
+
+.checkbox-row input {
+  width: 16px;
+  height: 16px;
+}
+
 .helper-text {
   min-height: 18px;
   color: var(--orange);