.automation-mock_pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--mock-surface-3);color:var(--mock-surface-8);font-size:12px;font-weight:500;transition:background-color .5s ease,color .5s ease}.automation-mock_pill--success{background:color-mix(in srgb,var(--mock-success) 15%,transparent);color:var(--mock-success)}.automation-mock_body{display:flex;flex:1;gap:16px;min-height:0}.automation-mock_canvas{position:relative;flex:1;min-width:0;overflow:hidden;border:1px solid var(--mock-line);border-radius:8px;background-color:var(--mock-card);background-image:radial-gradient(var(--mock-surface-4) 1px,transparent 1px);background-size:20px 20px}.automation-mock_stage{position:absolute;top:0;left:50%;width:720px;height:540px;transform:translateX(-50%)}.automation-mock_edges{position:absolute;inset:0;overflow:visible}.automation-mock_edge{fill:none;stroke-width:2;transition:stroke .6s ease}.automation-mock_edge--taken{stroke:var(--mock-accent);stroke-dasharray:6 4;animation:automation-mock-march .9s linear infinite}@keyframes automation-mock-march{to{stroke-dashoffset:-10}}.automation-mock_node{position:absolute;border:1px solid;border-radius:8px;background:var(--mock-card);transition:border-color .5s ease,box-shadow .5s ease}.automation-mock_node--trigger{top:48px;left:50%;min-width:170px;height:50px;padding:6px 14px;transform:translateX(-50%)}.automation-mock_node--operation{width:220px;height:48px;padding:10px 12px;overflow:hidden}.automation-mock_node--junction{top:170px;left:230px;width:260px;height:70px;padding:10px 12px 22px}.automation-mock_node--email{top:360px;left:110px}.automation-mock_node--update{top:360px;left:390px}.automation-mock_node-row{display:flex;align-items:center;gap:8px}.automation-mock_marker-icon{display:flex;color:var(--mock-accent)}.automation-mock_marker-label{color:var(--mock-accent);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.automation-mock_trigger-summary{margin-top:2px;padding-left:2px;font-size:11px;line-height:1.2;white-space:nowrap}.automation-mock_trigger-event{color:var(--mock-accent);font-weight:600}.automation-mock_trigger-dot{color:var(--mock-surface-5)}.automation-mock_trigger-object{color:var(--mock-surface-6);font-weight:500}.automation-mock_chip{display:flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px}.automation-mock_node-text{flex:1;min-width:0}.automation-mock_node-label{font-size:12px}.automation-mock_node-kind,.automation-mock_node-label{overflow:hidden;font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.automation-mock_node-kind{font-size:10px;letter-spacing:.4px;text-transform:uppercase}.automation-mock_badge{display:flex;flex:none;align-items:center;gap:4px;padding:1px 6px;border-radius:999px;background:var(--mock-card);font-size:10px;font-weight:600;line-height:1.2}.automation-mock_badge--soft{padding:2px 6px;border-radius:4px}.automation-mock_badge-dot{width:6px;height:6px;border-radius:50%}.automation-mock_badge-dot--pulse{animation:automation-mock-pulse 1.2s ease-in-out infinite}@keyframes automation-mock-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.automation-mock_handle{position:absolute;bottom:0;width:14px;height:14px;border:2px solid var(--mock-card);border-radius:50%;transform:translate(-50%,50%)}.automation-mock_handle--false{left:28%;background:oklch(63.7% .237 25.331);box-shadow:0 0 0 1px oklch(63.7% .237 25.331)}.automation-mock_handle--true{left:72%;background:oklch(69.6% .17 162.48);box-shadow:0 0 0 1px oklch(69.6% .17 162.48)}.automation-mock_branch-label{position:absolute;bottom:6px;font-size:9px;font-weight:700;letter-spacing:.2px;line-height:1;transform:translateX(-50%)}.automation-mock_branch-label--false{left:28%;color:oklch(57.7% .245 27.325)}.automation-mock_branch-label--true{left:72%;color:oklch(59.6% .145 163.225)}.automation-mock_panel{display:flex;flex:none;flex-direction:column;gap:12px;width:440px;overflow:hidden}.automation-mock_details{padding:12px;border:1px solid var(--mock-line);border-radius:6px;background:var(--mock-card)}.automation-mock_details-title{margin-bottom:8px;color:var(--mock-surface-6);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.automation-mock_details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.automation-mock_field-label{color:var(--mock-surface-6);font-size:14px;font-weight:500}.automation-mock_field-value{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.automation-mock_trace{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mock-line);border-radius:6px;background:var(--mock-card)}.automation-mock_trace-status{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:600}.automation-mock_trace-text{flex:1;min-width:0}.automation-mock_trace-title{display:flex;align-items:baseline;gap:8px}.automation-mock_trace-label{overflow:hidden;color:var(--mock-surface-9);font-size:14px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.automation-mock_trace-kind{color:var(--mock-surface-6);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.automation-mock_trace-summary{margin-top:2px;overflow:hidden;color:var(--mock-surface-7);font-size:11px;font-style:italic;white-space:nowrap;text-overflow:ellipsis}.automation-mock_trace-duration{color:var(--mock-surface-6);font-size:11px;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.automation-mock_badge-dot--pulse,.automation-mock_edge--taken{animation:none}}