.flow-workspace{background:#fff;border:1px solid #dce2ed;border-radius:18px;overflow:hidden;color:#17243b}.flow-header{padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid #e3e8f0}.flow-eyebrow{font:11px var(--font-mono);letter-spacing:.11em;color:#7d89a0}.flow-header h2{font-size:28px;letter-spacing:-.03em;margin:10px 0 4px;line-height:1.1}.flow-header p{max-width:70ch;font-size:12px;line-height:1.6;color:#77849b;margin:8px 0 0}.flow-toolbar{display:flex;gap:5px;flex-shrink:0}.flow-toolbar button{font:inherit;font-size:11px;padding:9px 12px;min-height:36px;border:1px solid #dce2ed;background:#fff;border-radius:6px;color:#51617b;cursor:pointer}.flow-toolbar button:hover,.flow-toolbar button:focus-visible{border-color:var(--flow-accent,#5261ff);color:var(--flow-accent,#5261ff)}.flow-stage{min-height:420px;height:min(68vh,720px);background:#fff;position:relative}.flow-svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}.flow-svg.is-panning{cursor:grabbing}.flow-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;font:13px var(--font-sans);color:#77849b}.flow-error{color:#ab435c}.flow-footer{padding:12px 26px;display:flex;justify-content:space-between;gap:20px;font:11px var(--font-mono);color:#8290a6;border-top:1px solid #e8ecf3}.flow-selection{max-width:38%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#5261ff}@media(max-width:700px){.flow-header{padding:18px;display:block}.flow-header h2{font-size:24px}.flow-toolbar{margin-top:18px}.flow-stage{height:65vh;min-height:380px}.flow-footer{padding:12px 18px;font-size:11px}.flow-selection{display:none}}@media print{.flow-toolbar,.flow-footer{display:none}.flow-workspace{break-inside:avoid}.flow-stage{height:700px}}

/* V6.8.0: the diagram's own chrome follows the shared type tokens. */
.flow-workspace{border-radius:14px}.flow-eyebrow{font:var(--text-label) var(--font-mono);letter-spacing:var(--track-label)}.flow-header h2{font-size:var(--text-heading);font-weight:600;letter-spacing:var(--track-display)}.flow-header p{font-size:var(--text-body);line-height:1.5}.flow-toolbar button{font:500 var(--text-small) var(--font-sans);border-radius:8px;min-height:32px;padding:0 12px}.flow-footer{font:var(--text-label) var(--font-mono)}