/* Office-style surface scoped to the flowchart module. */
#flowchartModule .fc-shell{--fc-blue:#60a9f5;position:relative;display:flex;flex-direction:column;height:calc(100vh - 175px);min-height:560px;border:1px solid #d8d8d8;border-radius:0;overflow:hidden;background:#fff;color:#444;font:12px 'Microsoft YaHei',Arial,sans-serif;box-shadow:none}#flowchartModule .fc-shell:fullscreen{height:100vh;width:100vw;min-height:0}#flowchartModule .fc-shell [hidden]{display:none!important}#flowchartModule .fc-shell *{box-sizing:border-box}#flowchartModule .fc-shell button{font:inherit;color:#4b4b4b;background:transparent;border:1px solid transparent;border-radius:2px;box-shadow:none;min-height:0;padding:5px 7px;line-height:1.4;white-space:nowrap;cursor:pointer}#flowchartModule .fc-shell button:hover{background:#e5eef9;border-color:#bfd8f5}#flowchartModule .fc-shell button:disabled{opacity:.35;cursor:default;background:transparent;border-color:transparent}#flowchartModule .fc-shell button:focus-visible,#flowchartModule .fc-shell input:focus-visible,#flowchartModule .fc-shell select:focus-visible{outline:1px solid #60a9f5;outline-offset:1px}#flowchartModule .fc-shell svg{flex-shrink:0}#flowchartModule .fc-shell button>svg,#flowchartModule .fc-color>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}#flowchartModule .fc-shell .pressed{background:#deedfc;border-color:#9bc9f5;color:#3186d9}#flowchartModule .fc-shell input,#flowchartModule .fc-shell select,#flowchartModule .fc-shell textarea{font:inherit;color:#444;background:#fff;border:1px solid #d2d2d2;border-radius:1px;box-shadow:none;min-height:0;padding:4px 6px;line-height:1.5}#flowchartModule .fc-shell input[type=color]{padding:0;cursor:pointer}#flowchartModule .fc-shell input[type=checkbox]{width:14px;height:14px;vertical-align:middle}#flowchartModule .fc-menubar{height:43px;flex-shrink:0;display:flex;align-items:center;gap:5px;background:#fafafa;border-bottom:1px solid #ddd;padding:0 12px;white-space:nowrap}#flowchartModule .fc-menubar>details{flex-shrink:0}#flowchartModule .fc-menubar summary{cursor:pointer;list-style:none;padding:8px 6px}#flowchartModule .fc-quick{display:grid;place-items:center;width:31px;height:29px}#flowchartModule .fc-menubar #fcTitle{width:180px;max-width:220px;height:28px;border-color:transparent;background:transparent;font-size:13px}#flowchartModule .fc-menubar #fcTitle:hover,#flowchartModule .fc-menubar #fcTitle:focus{border-color:#ddd;background:#fff}#flowchartModule #fcStatus{font-size:11px;color:#969696;overflow:hidden;text-overflow:ellipsis;max-width:200px}#flowchartModule .fc-menubar nav{display:flex;height:100%;align-items:center;gap:14px;margin-left:12px;flex:1}#flowchartModule .fc-menubar nav button{padding:3px 18px;border-radius:16px;font-size:12px}#flowchartModule .fc-menubar nav button.active{color:#fff;background:#65adf5;border-color:#65adf5}#flowchartModule .fc-open-doc{display:flex;align-items:center;gap:6px}#flowchartModule .fc-ribbon{height:87px;flex-shrink:0;background:#fafafa;border-bottom:1px solid #d8d8d8;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#flowchartModule .fc-ribbon-page{display:flex;align-items:stretch;min-width:max-content;height:76px;padding:9px 5px 2px}#flowchartModule .fc-ribbon-group{display:flex;align-items:center;gap:10px;border-right:1px solid #ddd;padding:0 14px;height:61px}#flowchartModule .fc-ribbon-group:last-child{border:0}#flowchartModule .fc-ribbon-group>button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px;min-width:40px}#flowchartModule .fc-ribbon-group>button svg{width:23px;height:23px;color:#777}#flowchartModule .fc-font-group{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0 10px}#flowchartModule .fc-font-group>div{display:flex;gap:4px;align-items:center}#flowchartModule .fc-field{display:flex;flex-direction:column-reverse;align-items:center;gap:9px;font-size:11px;font-weight:normal;line-height:1;white-space:nowrap;color:#888}#flowchartModule .fc-field select{height:24px;width:68px;padding:1px 3px;font-size:12px;color:#555}#flowchartModule .fc-font-group .fc-field{flex-direction:row;gap:0}#flowchartModule .fc-font-group .fc-field>span{display:none}#flowchartModule #fcFont{width:102px}#flowchartModule #fcFontSize{width:58px}#flowchartModule #fcAlign{width:62px}#flowchartModule .fc-font-group .fc-letter{width:24px;height:23px;padding:0;font-size:15px;color:#666}#flowchartModule .fc-color{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;font-weight:normal;line-height:1;color:#888;cursor:pointer;padding-top:2px;white-space:nowrap}#flowchartModule .fc-color input{position:absolute;width:25px;height:6px;top:22px;border:0;opacity:1}#flowchartModule .fc-font-group .fc-color{width:24px;height:24px;padding:0;gap:0}#flowchartModule .fc-font-group .fc-color>span{display:none}#flowchartModule .fc-font-group .fc-color input{top:19px;height:4px;width:19px}#flowchartModule .fc-work{display:flex;flex:1;min-height:0;background:#fff}#flowchartModule .fc-palette{width:164px;flex-shrink:0;background:#f8f8f8;border-right:1px solid #cfcfcf;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin;padding:0}#flowchartModule .fc-search{display:flex;align-items:center;gap:4px;border-bottom:1px solid #d5d5d5;padding:7px 6px;background:#fafafa}#flowchartModule .fc-search svg{height:14px;width:14px;stroke:#999;fill:none;stroke-width:1.5}#flowchartModule .fc-search input{width:120px;border:0;background:transparent;padding:0;font-size:11px}#flowchartModule .fc-palette details{border-bottom:1px solid #d9d9d9}#flowchartModule .fc-palette summary{padding:10px 8px;cursor:pointer;font-weight:600;font-size:12px;background:#f2f2f2;color:#343434}#flowchartModule .fc-shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:7px 4px 12px}#flowchartModule .fc-shape-grid button{width:36px;height:34px;display:grid;place-items:center;padding:0}#flowchartModule .fc-shape-grid button svg{width:34px;height:30px}#flowchartModule .fc-more-shapes{margin:12px 15px!important;background:#65adf5!important;color:#fff!important;align-self:center}#flowchartModule .fc-drawing{position:relative;display:flex;flex:1;min-width:0;flex-direction:column;overflow:hidden;background:#efefef}#flowchartModule .fc-canvas-tools{height:31px;flex-shrink:0;display:flex;align-items:center;gap:4px;background:#fff;border-bottom:1px solid #e1e1e1;padding:2px 8px}#flowchartModule .fc-canvas-tools button{height:25px;width:29px;padding:3px;display:grid;place-items:center}#flowchartModule .fc-canvas-tools button>svg{width:17px;height:17px}#flowchartModule .fc-canvas-tools button>span{display:none}#flowchartModule #fcHint{font-size:11px;color:#a3a3a3;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#flowchartModule .fc-viewport{overflow:auto;flex:1;min-height:0;position:relative;padding:0 22px 22px;background:#efefef;scrollbar-width:thin}#flowchartModule .fc-surface{position:relative;background:#fff;box-shadow:0 1px 4px #0000000c}#flowchartModule #fcSvg{display:block;outline:none;touch-action:none}#flowchartModule .fc-node{cursor:move}#flowchartModule .fc-node.locked{cursor:default}#flowchartModule .fc-port{opacity:0;cursor:crosshair}#flowchartModule .fc-node:hover .fc-port,#flowchartModule .fc-node.selected .fc-port{opacity:1}#flowchartModule .fc-resize{opacity:1}#flowchartModule .fc-resize-nw,#flowchartModule .fc-resize-se{cursor:nwse-resize}#flowchartModule .fc-resize-ne,#flowchartModule .fc-resize-sw{cursor:nesw-resize}#flowchartModule .fc-resize-n,#flowchartModule .fc-resize-s{cursor:ns-resize}#flowchartModule .fc-resize-w,#flowchartModule .fc-resize-e{cursor:ew-resize}#flowchartModule .fc-edge{cursor:pointer}#flowchartModule .fc-hand,#flowchartModule .fc-hand .fc-node{cursor:grab}#flowchartModule .fc-inline-editor{position:absolute;z-index:3;resize:both;border:1px solid #61a8ef!important;background:#ffffffed!important;padding:10px 6px!important;outline:1px solid #61a8ef;border-radius:0;line-height:1.35!important}#flowchartModule .fc-dock{width:36px;flex-shrink:0;background:#fafafa;border-left:1px solid #cfcfcf;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:7px}#flowchartModule .fc-dock button{padding:4px;width:30px;height:31px;display:grid;place-items:center}#flowchartModule .fc-dock button span{display:none}#flowchartModule .fc-dock button svg{width:19px;height:19px}#flowchartModule .fc-inspector{width:230px;background:#fafafa;border-left:1px solid #ddd;overflow:auto;flex-shrink:0}#flowchartModule .fc-inspector>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;height:38px;padding:0 12px}#flowchartModule .fc-inspector strong{font-size:12px;font-weight:500}#flowchartModule .fc-inspector-section{padding:12px;border-bottom:1px solid #ddd}#flowchartModule .fc-inspector h3{font-size:12px;margin:0 0 13px;color:#555;font-weight:500}#flowchartModule .fc-inspector textarea{width:100%;resize:vertical}#flowchartModule .fc-inspector p{font-size:10px;color:#999;line-height:1.6;margin:8px 0 0}#flowchartModule .fc-numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#flowchartModule .fc-inspector label{font-size:11px;color:#888;font-weight:400;display:block;margin:0}#flowchartModule .fc-numeric-grid input{width:100%;margin-top:4px}#flowchartModule #fcPagePanel label{margin:12px 0}#flowchartModule #fcPagePanel input[type=number]{display:block;width:100%;margin-top:6px}#flowchartModule .fc-swatches{display:flex;gap:5px;margin-bottom:10px}#flowchartModule .fc-swatches button{width:27px;height:27px;border:1px solid #ddd}#flowchartModule .fc-statusbar{display:flex;align-items:center;gap:7px;min-height:33px;background:#fafafa;border-top:1px solid #ddd;padding:0 8px;color:#888;font-size:11px;flex-shrink:0}#flowchartModule .fc-statusbar button{padding:2px 5px;min-width:24px}#flowchartModule .fc-statusbar svg{width:16px;height:16px}#flowchartModule .fc-sheet-tab{align-self:stretch;display:flex;align-items:center;background:#fff;color:#666;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:2px solid #60a9f5;padding:0 19px;margin-right:8px}#flowchartModule .fc-status-spacer{flex:1}#flowchartModule #fcZoomRange{width:100px;height:16px;padding:0;accent-color:#6daaf0;border:0}#flowchartModule .fc-empty{position:absolute;inset:31px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffed;gap:12px;padding-bottom:80px}#flowchartModule .fc-empty>div{background:#eff6fe;padding:20px;border-radius:50%;color:#70a7e1}#flowchartModule .fc-empty svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:.8}#flowchartModule .fc-empty h2{margin:10px 0 0;font-size:20px;font-weight:400;color:#555}#flowchartModule .fc-empty p{margin:0 0 10px;color:#999}#flowchartModule .fc-empty button{padding:8px 27px;border:1px solid #b8d8f7;background:#65adf5;color:#fff}#flowchartModule .fc-empty button:last-child{background:#fff;color:#68a4df}#flowchartModule .fc-context,#flowchartModule .fc-file-menu{z-index:20;background:#fff;border:1px solid #ddd;box-shadow:0 4px 16px #0002;padding:5px;width:184px;position:absolute}#flowchartModule .fc-file-menu{top:40px;left:5px}#flowchartModule .fc-context button,#flowchartModule .fc-file-menu button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;padding:7px}#flowchartModule .fc-context svg,#flowchartModule .fc-file-menu svg{width:16px;height:16px;color:#888}#flowchartModule .fc-dialog{border:1px solid #d3d3d3;border-radius:4px;box-shadow:0 12px 55px #0003;padding:0 24px 24px;max-width:min(800px,94vw);min-width:360px;max-height:85vh;color:#444;background:#fff;font:13px 'Microsoft YaHei',sans-serif}#flowchartModule .fc-dialog::backdrop{background:#0004}#flowchartModule .fc-dialog>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;margin-bottom:20px;padding:13px 0;gap:30px}#flowchartModule .fc-dialog h2{font-size:16px;font-weight:500;margin:0}#flowchartModule .fc-dialog p{line-height:1.8;color:#888;font-size:12px}#flowchartModule .fc-dialog form{display:flex;flex-direction:column;gap:15px}#flowchartModule .fc-dialog form label{display:flex;flex-direction:column;gap:6px}#flowchartModule .fc-dialog form button{background:#65adf5;color:#fff;padding:7px 15px;margin-right:8px}#flowchartModule .fc-document-list{display:flex;flex-direction:column;gap:8px;min-width:340px}#flowchartModule .fc-document-list button{display:flex;justify-content:space-between;gap:30px;border:1px solid #eee;padding:16px;text-align:left}#flowchartModule .fc-document-list strong{font-weight:500}#flowchartModule .fc-document-list span{font-size:11px;color:#999}#flowchartModule .fc-template-list{display:grid;grid-template-columns:repeat(4,150px);gap:14px}#flowchartModule .fc-template-list button{border:1px solid #e4e4e4;padding:0 0 10px;text-align:left;white-space:normal}#flowchartModule .fc-template-list strong{display:block;padding:12px 10px 0;font-weight:500}#flowchartModule .fc-template-list p{padding:0 10px;margin:4px 0;font-size:10px}#flowchartModule .fc-template-preview{height:155px;background:#fafafa;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;border-bottom:1px solid #eee}#flowchartModule .fc-template-preview svg{width:40px;height:50px;stroke:#aaa;fill:none;stroke-width:.7}#flowchartModule .fc-template-preview span{height:21px;width:55px;background:#fff;border:1px solid #aaa}#flowchartModule .fc-template-preview span:first-child,#flowchartModule .fc-template-preview span:last-child{border-radius:14px}#flowchartModule .fc-template-preview i{font-size:13px;color:#aaa;line-height:1}#flowchartModule .fc-library-hidden .fc-palette{display:none}@media(max-width:1000px){#flowchartModule .fc-menubar #fcStatus{max-width:90px}#flowchartModule .fc-menubar #fcTitle{width:130px}#flowchartModule .fc-menubar nav{gap:0;margin-left:0}#flowchartModule .fc-menubar nav button{padding:4px 12px}#flowchartModule .fc-inspector{width:200px}#flowchartModule .fc-open-doc{display:none}}@media(max-width:650px){#flowchartModule .fc-shell{height:650px;min-height:560px}#flowchartModule .fc-menubar{padding:0 5px;gap:1px;flex-wrap:wrap;height:75px;align-content:center}#flowchartModule .fc-menubar nav{height:30px;flex:1;justify-content:flex-end}#flowchartModule #fcStatus{display:none}#flowchartModule .fc-menubar #fcTitle{width:140px}#flowchartModule .fc-palette{width:120px}#flowchartModule .fc-shape-grid{grid-template-columns:repeat(3,1fr)}#flowchartModule .fc-inspector{position:absolute;right:35px;top:162px;bottom:33px;z-index:4;box-shadow:-3px 0 12px #0001}#flowchartModule .fc-statusbar{gap:2px}#flowchartModule #fcCounts{display:none}#flowchartModule #fcZoomRange{width:65px}#flowchartModule .fc-template-list{grid-template-columns:repeat(2,130px)}#flowchartModule .fc-dialog{min-width:300px}#flowchartModule .fc-document-list{min-width:240px}#flowchartModule .fc-search input{width:85px}#flowchartModule .fc-viewport{padding-left:10px}}
/* Keep the editor inset from the host navigation and header. */
#flowchartModule {
  min-width: 0;
  padding: 16px;
  box-sizing: border-box;
}
#flowchartModule .fc-shell {
  height: calc(100dvh - 207px);
  border-radius: 8px;
}
@media (max-width: 650px) {
  #flowchartModule { padding: 12px; }
  #flowchartModule .fc-shell { height: 650px; }
}