@layer layout{.workflow-editor-page-page{max-width:56rem}.workflow-editor-page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.workflow-editor-page-confirm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.workflow-editor-page-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex}.workflow-editor-page-tab{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000}.workflow-editor-page-tab[data-active]{color:var(--color-text);border-bottom-color:var(--color-primary);font-weight:600}.workflow-editor-page-edit-grid{gap:var(--space-6);flex-direction:column;display:flex}.workflow-editor-page-section{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.workflow-editor-page-hint{color:var(--color-text-muted);font-size:.875rem}.workflow-editor-page-group-list{gap:var(--space-3);margin-block:var(--space-3);flex-direction:column;display:flex}.workflow-editor-page-group{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.workflow-editor-page-group-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:600;display:flex}.workflow-editor-page-condition-list{gap:var(--space-2);margin:0 0 var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.workflow-editor-page-condition-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.workflow-editor-page-condition-actions{gap:var(--space-2);margin-left:auto;display:flex}.workflow-editor-page-condition-form{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.workflow-editor-page-badge{color:var(--color-text-muted);background:var(--color-bg-subtle);padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.75rem}.workflow-editor-page-badge[data-status=FAILED]{color:var(--color-danger);background:var(--color-danger-bg)}.workflow-editor-page-badge[data-status=SUCCEEDED]{color:var(--color-success)}.workflow-editor-page-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.workflow-editor-page-action-list{gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:column;display:flex}.workflow-editor-page-action-row{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.workflow-editor-page-action-row-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.workflow-editor-page-action-type-select{width:14rem}.workflow-editor-page-action-row-controls{gap:var(--space-2);margin-left:auto;display:flex}.workflow-editor-page-payload-form{gap:var(--space-2);flex-direction:column;max-width:24rem;display:flex}.workflow-editor-page-run-list{gap:var(--space-2);flex-direction:column;display:flex}.workflow-editor-page-run-row{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.workflow-editor-page-run-summary{align-items:center;gap:var(--space-3);cursor:pointer;flex-wrap:wrap;font-size:.875rem;display:flex}.workflow-editor-page-error{margin-top:var(--space-2);color:var(--color-danger);font-size:.8125rem}.workflow-editor-page-step-list{gap:var(--space-2);margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.workflow-editor-page-step{padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.workflow-editor-page-step-meta{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.75rem}.workflow-editor-page-step-detail{white-space:pre-wrap;word-break:break-word;font-size:.75rem;overflow-x:auto}.workflow-editor-page-footer{margin-top:var(--space-4);justify-content:center;display:flex}@container (width<40rem){.workflow-editor-page-action-row-header{flex-direction:column;align-items:flex-start}.workflow-editor-page-action-row-controls{margin-left:0}}}