.wf-card-grid{gap:var(--space-4);flex-direction:column;display:flex}.wf-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.wf-card-name{font-family:var(--font-display);color:var(--color-text-primary);font-size:19px;line-height:1.2}.wf-card-meta{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12.5px}.wf-card-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.wf-card-state{align-items:center;gap:var(--space-2);font-size:13px;font-weight:var(--weight-semibold);color:var(--color-text-secondary);display:inline-flex}.wf-preview{align-items:center;gap:var(--space-1-5);flex-wrap:wrap;display:flex}.wf-preview-pill{border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-semibold);white-space:nowrap;background:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.wf-preview-pill-trigger{background:var(--color-accent-soft);color:var(--color-accent-deep);border-color:var(--color-accent-soft)}.wf-preview-pill-condition{background:var(--color-info-soft);color:var(--color-info);border-color:var(--color-info-soft)}.wf-preview-arrow{color:var(--color-text-muted);flex-shrink:0;display:inline-flex}.wf-preview-more{color:var(--color-text-muted);font-size:12px;font-weight:var(--weight-semibold)}.wf-preview-empty{color:var(--color-text-muted);font-size:12.5px}.wf-builder{min-height:calc(100vh - var(--topbar-height) - (var(--content-pad) * 2));flex-direction:column;display:flex}.wf-builder-bar{align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.wf-builder-bar-main{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.wf-name-input{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-normal);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin-left:calc(var(--space-2) * -1);max-width:520px;transition:var(--transition-fast);background:0 0;border:1px solid #0000}.wf-name-input:hover{border-color:var(--color-border)}.wf-name-input:focus{background:var(--color-surface);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.wf-builder-bar-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.wf-builder-body{gap:var(--space-5);flex:1;align-items:stretch;min-height:0;display:flex}.wf-canvas-wrap{background:radial-gradient(circle, var(--color-border) 1px, transparent 1px) 0 0 / 22px 22px, var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;padding:var(--space-8) var(--space-6);flex:1;overflow:auto}.wf-canvas{margin:0 auto;position:relative}.wf-canvas-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.wf-connector{fill:none;stroke:var(--color-border-strong);stroke-width:2px}.wf-connector-yes{stroke:var(--color-success)}.wf-connector-no{stroke:var(--color-danger)}.wf-node{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-xs);padding:var(--space-3);cursor:pointer;transition:var(--transition-fast);text-align:left;position:absolute}.wf-node:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.wf-node-selected,.wf-node-selected:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.wf-node-row{align-items:center;gap:var(--space-2-5);display:flex}.wf-node-icon{border-radius:var(--radius-md);background:var(--color-surface-alt);width:34px;height:34px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wf-node-trigger .wf-node-icon{background:var(--color-accent-soft);color:var(--color-accent)}.wf-node-condition .wf-node-icon{background:var(--color-info-soft);color:var(--color-info)}.wf-node-text{flex:1;min-width:0}.wf-node-kind{font-size:10.5px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.wf-node-title{font-size:13.5px;font-weight:var(--weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wf-node-sub{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.wf-node-incomplete{margin-top:var(--space-2);font-size:11.5px;font-weight:var(--weight-semibold);color:var(--color-warning);align-items:center;gap:var(--space-1);display:inline-flex}.wf-node-del{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);width:22px;height:22px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:none;position:absolute;top:-9px;right:-9px}.wf-node:hover .wf-node-del{display:inline-flex}.wf-node-del:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-soft)}.wf-branch-label{border-radius:var(--radius-pill);font-size:10.5px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;z-index:2;padding:2px 9px;position:absolute;transform:translate(-50%,-50%)}.wf-branch-label-yes{background:var(--color-success-soft);color:var(--color-success)}.wf-branch-label-no{background:var(--color-danger-soft);color:var(--color-danger)}.wf-insert{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-xs);z-index:3;transition:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.wf-insert:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft);transform:translate(-50%,-50%)scale(1.08)}.wf-picker-overlay{z-index:var(--z-modal);position:fixed;inset:0}.wf-picker{z-index:calc(var(--z-modal) + 1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:240px;max-height:360px;box-shadow:var(--shadow-lg);padding:var(--space-1-5);position:absolute;overflow-y:auto;transform:translate(-50%)}.wf-picker-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.wf-picker-item{align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;display:flex}.wf-picker-item:hover{color:var(--color-text-primary);background:var(--color-surface-alt)}.wf-picker-item svg{color:var(--color-text-muted);flex-shrink:0}.wf-picker-item:hover svg{color:var(--color-accent)}.wf-picker-divider{background:var(--color-divider);height:1px;margin:var(--space-1-5) 0}.wf-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:360px;box-shadow:var(--shadow-xs);flex-direction:column;flex:0 0 360px;align-self:stretch;display:flex;overflow:hidden}.wf-panel-head{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-divider);display:flex}.wf-panel-head-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wf-panel-head-text{flex:1;min-width:0}.wf-panel-kind{font-size:10.5px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.wf-panel-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text-primary)}.wf-panel-body{padding:var(--space-4);flex:1;overflow-y:auto}.wf-panel-empty{text-align:center;padding:var(--space-6);color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.wf-panel-empty-icon{opacity:.5;width:40px;height:40px;margin-bottom:var(--space-3)}.wf-hints{gap:var(--space-1-5);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.wf-hint{font-family:var(--font-mono);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition-fast);font-size:11px}.wf-hint:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.wf-field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.wf-builder-body{flex-direction:column}.wf-panel{flex-basis:auto;width:100%}.wf-canvas-wrap{min-height:420px}}@media (max-width:640px){.wf-builder-bar{flex-direction:column;align-items:stretch}.wf-builder-bar-actions{justify-content:flex-end}}