.workspace-flow{min-width:0}.flow-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.flow-controls label{flex:1;min-width:220px}.flow-controls select{width:100%;max-width:100%;text-overflow:ellipsis}.flow-canvas-wrap{position:relative;margin:18px 0;border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden}.flow-canvas-wrap canvas{display:block;width:100%;height:440px;touch-action:none}.flow-canvas-wrap p{position:absolute;bottom:0;left:16px;right:16px;font-size:11px;pointer-events:none;color:var(--muted)}.flow-record-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:350px;overflow:auto;padding:4px}.workbench .flow-node{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-content:start;gap:8px;text-align:left;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);overflow-wrap:anywhere;cursor:pointer}.flow-node small{color:var(--muted)}.flow-node[aria-pressed=true]{border-color:var(--green);outline:1px solid var(--green)}.workspace-flow summary,.setting-editor summary{cursor:pointer;margin:18px 0}.setting-editor form{display:grid;gap:12px}.setting-editor label{display:grid;gap:6px}#flow-selection{margin:16px 0}#flow-selection h3{font-size:17px;overflow-wrap:anywhere}@media(max-width:760px){.flow-record-list{grid-template-columns:1fr}.flow-canvas-wrap canvas{height:320px;touch-action:pan-y}.flow-controls label{flex-basis:100%}.flow-canvas-wrap p{font-size:10px}.flow-controls button{flex:1}}

.flow-node b{font-size:12px}.flow-node span{font-size:14px;line-height:1.55}.flow-node small{font-size:11px}.flow-intro p{font-size:13px}
