.flow-toolbar,.flow-state,.flow-lane-head,.flow-actions,.block-arrows,.timeline-toolbar,.timeline-mode,.timeline-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-toolbar{justify-content:space-between;margin-bottom:12px}.flow-toolbar h2{margin:0}.flow-toolbar p,.flow-lane p{margin:4px 0}.flow-state{padding:10px 0;border-block:1px solid var(--line);margin-bottom:8px}.flow-state button{margin-left:auto}.flow-lane{border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);margin:12px 0;min-width:0}.flow-lane-head{padding:12px;border-bottom:1px solid var(--line)}.flow-lane-head>div:first-of-type{flex:1;min-width:160px}.flow-lane h3{margin:0;font-size:14px}.flow-actions button,.block-arrows button{min-height:28px}.drag-handle{cursor:grab;color:var(--muted)}.block-sequence{display:flex;gap:10px;padding:12px;overflow-x:auto}.sequence-block{flex:0 0 205px;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--pl-support-bg)}.sequence-block>div,.sequence-block>small{display:block;margin-bottom:6px}.sequence-block form{display:flex;align-items:end;gap:6px;margin:8px 0}.sequence-block input{width:84px}.sequence-block label{font-size:11px}.flow-busy{opacity:.65;pointer-events:none}.timeline-toolbar{justify-content:space-between;padding:8px 0}.timeline-mode button[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:var(--primary-soft,#fff1f3)}.timeline-wrap{overflow:auto;max-height:650px;border:1px solid var(--line);background:var(--surface,#fff);border-radius:6px}.timeline-wrap svg{display:block;font:11px system-ui;fill:var(--pl-heading)}.timeline-legend{padding:12px 0;gap:12px}.timeline-legend span{display:flex;align-items:center;gap:5px;font-size:11px}.timeline-legend i{width:10px;height:10px;border-radius:2px}.flow-lane[draggable=true]:active,.sequence-block[draggable=true]:active{cursor:grabbing}@media(max-width:760px){.flow-toolbar{align-items:start}.flow-actions button,.block-arrows button{min-height:44px;min-width:44px}.flow-lane-head{align-items:start}.flow-actions{width:100%}.flow-state button{margin-left:0}.timeline-toolbar{align-items:start}.flow-toolbar p{line-height:1.5}.timeline-mode{width:100%}.timeline-mode button{flex:1}#flowDialog{width:calc(100vw - 24px)}}

.timeline-wrap svg{width:1050px;height:auto;max-width:none;stroke:none;flex:none}.timeline-wrap svg text{stroke:none}.timeline-wrap svg line,.timeline-wrap svg polyline{stroke-linecap:butt}
.flow-toolbar p{margin:0;font-size:12px}.flow-state{font-size:12px}.flow-state>.tag{font-size:10px}.flow-state+.form-help{font-size:11px}.flow-toolbar:has(+.flow-state){margin-bottom:10px}