.qk-flow-editor{isolation:isolate;width:100%;min-width:0;height:100%;min-height:300px;color:var(--qk-color-text-primary);background:var(--qk-color-surface-page);font-family:var(--qk-type-body-font-family);font-size:var(--qk-type-body-font-size);line-height:var(--qk-type-body-line-height);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.qk-flow-editor *,.qk-flow-editor :after,.qk-flow-editor :before{box-sizing:border-box}.qk-flow-editor__header{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 10px;display:flex}.qk-flow-editor__identity{min-width:0;color:var(--qk-color-action-primary);align-items:center;gap:10px;display:flex}.qk-flow-editor__identity h1{color:var(--qk-color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.qk-flow-editor__actions{flex:none;align-items:center;gap:12px;display:flex}.qk-flow-editor__hint,.qk-flow-editor__status{color:var(--qk-color-text-tertiary);font-size:12px}.qk-flow-editor__toolbar{align-items:center;gap:var(--qk-space-inline);padding:var(--qk-space-inline);flex:none;min-width:0;display:flex}.qk-flow-editor__format-toolbar{flex:1 1 0;min-width:0}.qk-flow-editor__workspace{flex:1 1 0;min-width:0;min-height:0;display:flex}.qk-flow-editor__palette{border-right:1px solid var(--qk-color-border-subtle);flex:none;width:248px;padding:16px 12px;overflow:auto}.qk-flow-editor__group-label{color:var(--qk-color-text-secondary);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:flex}.qk-flow-editor__group-label>span{color:var(--qk-color-text-tertiary);font-size:11px;font-weight:400}.qk-flow-editor__shapes{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.qk-flow-editor__shape-group+.qk-flow-editor__shape-group{margin-top:8px}.qk-flow-editor__shape{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:44px;padding:0}.qk-flow-editor__shape svg{width:36px;height:26px;display:block;overflow:visible}.qk-flow-editor__shape path{fill:var(--qk-color-surface-page);stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke}.qk-flow-editor__palette-hint{color:var(--qk-color-text-tertiary);margin:16px 6px 0;font-size:11px;line-height:1.8}.qk-flow-editor__canvas{overscroll-behavior:contain;background-color:var(--qk-color-surface-workspace);background-image:radial-gradient(circle,var(--qk-color-border-default) .8px,transparent .9px);flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.qk-flow-editor__surface{width:100%;height:100%;overflow:hidden}.qk-flow-editor__surface [data-quirekit-flowchart]:focus{outline:none}.qk-flow-editor__surface .x6-graph.x6-graph-pannable{cursor:default}html:not([data-qk-modality=pointer]) .qk-flow-editor__surface [data-quirekit-flowchart]:focus-visible{outline:2px solid var(--qk-color-action-primary);outline-offset:-2px}.qk-flow-editor__surface .x6-port-body{opacity:0}.qk-flow-editor__surface .x6-node:hover .x6-port-body{opacity:1}.qk-flow-editor__footer{border-top:1px solid var(--qk-color-border-subtle);flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:6px 12px 6px 20px;display:flex}.qk-flow-editor__loading{color:var(--qk-color-text-tertiary);background:var(--qk-color-surface-workspace);place-items:center;display:grid;position:absolute;inset:0}.qk-flow-editor__error{color:var(--qk-color-danger-text);background:var(--qk-color-danger-surface);border-radius:var(--qk-radius-control);padding:10px 14px;position:absolute;top:12px;left:12px;right:12px}@container (width<=900px){.qk-flow-editor__hint{display:none}.qk-flow-editor__footer{justify-content:flex-end}.qk-flow-editor__palette{width:208px;padding:16px 10px}.qk-flow-editor__shapes{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width<=600px){.qk-flow-editor__palette{width:120px;padding:16px 8px}.qk-flow-editor__shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.qk-flow-editor__palette-hint,.qk-flow-editor__status{display:none}.qk-flow-editor__header{padding:10px 12px}}.qk-flow-editor__palette-groups{margin-top:12px}.qk-flow-editor__shape path.qk-flow-editor__shape-detail{fill:none}.qk-flow-dialog{width:calc(min(1280px,100vw - 32px));max-width:calc(100vw - 32px)}.qk-flow-dialog__workspace{height:calc(min(72vh,820px));min-height:300px}.qk-flow-editor [data-format-painter] .x6-cell,.qk-flow-editor [data-quirekit-flowchart][data-format-painter]{cursor:copy}