.json-node[data-v-c612c83e]{min-width:0}.json-line[data-v-c612c83e]{display:flex;align-items:flex-start;min-height:22px}.json-fold[data-v-c612c83e],.json-gutter[data-v-c612c83e]{flex:none;width:22px;height:22px}.json-fold[data-v-c612c83e]{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--accent);cursor:pointer}.json-fold[data-v-c612c83e]:hover{background:var(--btn-hover)}.json-fold[data-v-c612c83e]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chevron[data-v-c612c83e]{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor}.chevron.open[data-v-c612c83e]{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;border-bottom:0}.json-children[data-v-c612c83e]{padding-left:2ch}.json-text[data-v-c612c83e]{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.json-summary[data-v-c612c83e]{color:var(--text-muted)}.time-value[data-v-c612c83e]{text-decoration:underline dotted;text-underline-offset:2px;cursor:help}.mermaid-board[data-v-bbfadf11]{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-canvas)}.board-tools[data-v-bbfadf11]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:none;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bar-bg)}.board-tools button[data-v-bbfadf11],.board-tools select[data-v-bbfadf11],.board-tools input[data-v-bbfadf11]{height:30px;border-radius:8px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);padding:0 10px;font-size:13px}.board-tools button[data-v-bbfadf11]{cursor:pointer}.board-tools button[data-v-bbfadf11]:hover{background:var(--btn-hover)}.board-tools button[data-v-bbfadf11]:disabled{opacity:.45;cursor:default}.board-tools label[data-v-bbfadf11]{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.board-tools input[data-v-bbfadf11]{width:140px;background:var(--input-bg);border-color:var(--input-border)}.board-error[data-v-bbfadf11]{color:var(--danger, #b91c1c);font-size:13px}.board-hint[data-v-bbfadf11]{color:var(--text-muted);font-size:12px}@media(max-width:800px){.board-hint[data-v-bbfadf11]{display:none}}.viewport[data-v-bbfadf11]{flex:1;min-height:0}.mermaid-preview[data-v-583ab37c]{display:flex;flex-direction:column}.mermaid-slot[data-v-583ab37c]{display:flex;justify-content:center;min-height:0}.mermaid-slot[data-v-583ab37c]:empty:before{content:"预览会显示在这里";color:var(--text-muted)}.mermaid-slot[data-v-583ab37c] svg{max-width:100%;height:auto}.mermaid-error[data-v-583ab37c]{margin:0;color:#b91c1c;white-space:pre-wrap}.bar[data-v-1df2afe9]{position:relative;z-index:8}.create-menu[data-v-1df2afe9]{position:relative}.create-menu .kind-picker[data-v-1df2afe9]{top:calc(100% + 6px);bottom:auto;left:0;z-index:20}.canvas-pane[data-v-1df2afe9]{overflow:hidden}.canvas-stack[data-v-1df2afe9]{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.canvas-template-bar[data-v-1df2afe9]{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:none;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bar-bg)}.canvas-template-bar label[data-v-1df2afe9]{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.canvas-template-bar select[data-v-1df2afe9]{height:30px;min-width:220px;max-width:min(420px,70vw);border-radius:8px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);padding:0 8px}.board-note[data-v-1df2afe9]{margin:0 0 8px;color:var(--text-muted)}.json-preview[data-v-1df2afe9]{white-space:normal;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px;line-height:1.6}.json-compact[data-v-1df2afe9]{white-space:pre-wrap;overflow-wrap:anywhere}.json-error[data-v-1df2afe9]{color:#b91c1c}.json-actions[data-v-1df2afe9]{display:flex;gap:10px;flex:none;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-canvas)}.json-actions button[data-v-1df2afe9]{height:36px;min-width:96px;padding:0 18px;border:1px solid var(--primary-border);border-radius:8px;background:var(--primary-bg);color:var(--primary-text);font-size:14px;font-weight:650;cursor:pointer}.json-actions button[data-v-1df2afe9]:hover{filter:brightness(1.08)}.json-actions button[data-v-1df2afe9]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html[data-theme=dark]{color-scheme:dark;--bg-body: #0c0f14;--bg-app: #10141c;--bg-surface: #161b26;--bg-elevated: #1c2330;--bg-canvas: #121820;--bg-canvas-dot: rgba(148, 163, 184, .14);--border: rgba(148, 163, 184, .18);--border-subtle: rgba(148, 163, 184, .1);--text: #e7e5e4;--text-secondary: #a8a29e;--text-muted: #78716c;--accent: #14b8a6;--accent-strong: #0f766e;--accent-soft: rgba(20, 184, 166, .14);--danger: #f87171;--warning: #fbbf24;--card-bg: #1a2130;--card-border: rgba(148, 163, 184, .16);--card-shadow: 0 10px 28px rgba(0, 0, 0, .35);--field-border: rgba(148, 163, 184, .12);--input-bg: #0f141c;--input-border: rgba(148, 163, 184, .22);--edge-label: #d6d3d1;--edge-type: #94a3b8;--glyph-fill: #1a2130;--bend-fill: #1a2130;--menu-bg: #1c2330;--menu-border: rgba(148, 163, 184, .2);--bar-bg: #141a24;--status-bg: #141a24;--btn-bg: #1c2330;--btn-border: rgba(148, 163, 184, .22);--btn-text: #e7e5e4;--btn-hover: #252d3d;--primary-bg: #0f766e;--primary-border: #0f766e;--primary-text: #ecfdf5;--on-bg: rgba(20, 184, 166, .12);--on-border: rgba(45, 212, 191, .35);--on-text: #5eead4;--start-grid: rgba(148, 163, 184, .08);--start-bg: #0c1018;--start-card: #161b26;--editor-pane-bg: #0f141c;--editor-pane-border: rgba(148, 163, 184, .16);--editor-label: #94a3b8;--zoom-bg: #1c2330;--zoom-border: rgba(148, 163, 184, .2);--zoom-text: #d6d3d1;--enum-header: #44403c;--overlay: rgba(0, 0, 0, .55);--menu-shadow: 0 10px 28px rgba(0, 0, 0, .45);--chip-bg: #141a24;--chip-text: #94a3b8;--del-bg: rgba(248, 113, 113, .16)}html[data-theme=light]{color-scheme:light;--bg-body: #e7ecee;--bg-app: #f7f6f3;--bg-surface: #fffcf8;--bg-elevated: #ffffff;--bg-canvas: #f7f6f3;--bg-canvas-dot: rgba(28, 25, 23, .08);--border: #e7e3dc;--border-subtle: #f2f4f5;--text: #1c1917;--text-secondary: #57534e;--text-muted: #78716c;--accent: #0f766e;--accent-strong: #0d675f;--accent-soft: #f0fdfa;--danger: #b91c1c;--warning: #b45309;--card-bg: #ffffff;--card-border: rgba(28, 25, 23, .08);--card-shadow: 0 1px 2px rgba(28, 25, 23, .05), 0 10px 24px rgba(28, 25, 23, .06);--field-border: #f2f4f5;--input-bg: #ffffff;--input-border: #e7e3dc;--edge-label: #44403c;--edge-type: #a8a29e;--glyph-fill: #ffffff;--bend-fill: #ffffff;--menu-bg: #ffffff;--menu-border: #e7e3dc;--bar-bg: #fffcf8;--status-bg: #fffcf8;--btn-bg: #ffffff;--btn-border: #e4e1db;--btn-text: #1c1917;--btn-hover: #f7f6f3;--primary-bg: #0f766e;--primary-border: #0f766e;--primary-text: #ffffff;--on-bg: #f0fdfa;--on-border: #99f6e4;--on-text: #0f766e;--start-grid: rgba(28, 25, 23, .08);--start-bg: #e7ecee;--start-card: #fffcf8;--editor-pane-bg: #fbfcfd;--editor-pane-border: #e4e7eb;--editor-label: #8b9390;--zoom-bg: #ffffff;--zoom-border: #e4e7eb;--zoom-text: #44403c;--enum-header: #44403c;--overlay: rgba(28, 25, 23, .28);--menu-shadow: 0 10px 28px rgba(28, 25, 23, .1);--chip-bg: #f8faf9;--chip-text: #8a847c;--del-bg: #fee2e2}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{color:var(--text);background:var(--bg-body);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}button,input,textarea{font-family:inherit;color:inherit}.md-app{height:100%;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text)}.bar{position:relative;z-index:8;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:var(--bar-bg);border-bottom:1px solid var(--border)}.bar strong{font-size:14px}.file{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:13px}.bar button,.bar a.home{height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);text-decoration:none;display:inline-flex;align-items:center;font-size:13px;cursor:pointer}.bar button:hover,.bar a.home:hover{background:var(--btn-hover)}.bar button.on{background:var(--on-bg);border-color:var(--on-border);color:var(--on-text)}.pane-switch{display:none;gap:6px}.body{flex:1;min-height:0;display:flex}.pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--editor-pane-bg)}.editor-pane{flex:none;width:20%}.preview-pane{position:relative;border-left:1px solid var(--editor-pane-border);background:var(--bg-canvas)}.md-app .sheet-dock{position:relative;z-index:6;flex:none}.md-app .sheet-tabs{position:relative;flex:none;z-index:4;display:flex;align-items:stretch;gap:4px;padding:6px 10px;background:var(--bar-bg);border-top:1px solid var(--border);overflow-x:auto}.md-app .sheet-tabs .tab{display:inline-flex;align-items:center;gap:4px;max-width:180px;height:28px;padding:0 8px 0 10px;border:1px solid var(--btn-border);border-radius:8px 8px 0 0;background:var(--btn-bg);color:var(--text-secondary);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.md-app .sheet-tabs .tab.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary-text);font-weight:600}.md-app .sheet-tabs .tab.active .close{color:var(--primary-text)}.md-app .sheet-tabs .tab.active .close:hover{background:#ffffff2e}.md-app .sheet-tabs .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-app .sheet-tabs .rename{width:108px;border:0;background:transparent;font:inherit;color:inherit;outline:none}.md-app .sheet-tabs .close,.md-app .sheet-tabs .add{border:0;background:transparent;color:var(--text-muted);font-size:16px;line-height:1;width:22px;height:22px;border-radius:6px;cursor:pointer}.md-app .sheet-tabs .add{flex:none;border:1px dashed var(--border);font-size:18px}.md-app .sheet-tabs .close:hover,.md-app .sheet-tabs .add:hover{background:var(--btn-hover)}.md-app .create-menu{position:relative}.md-app .create-menu .kind-picker{top:calc(100% + 6px);bottom:auto;left:0;z-index:20}.md-app .kind-picker{position:absolute;left:8px;bottom:calc(100% + 6px);z-index:5;display:grid;gap:4px;min-width:140px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--bar-bg);box-shadow:var(--card-shadow, 0 8px 24px rgba(0, 0, 0, .12))}.md-app .kind-picker button{height:30px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer}.md-app .kind-picker button:hover{background:var(--btn-hover)}.pane-label{margin:0;padding:8px 14px 0;font-size:12px;color:var(--text-muted)}#md-source,.source,.preview{flex:1;min-height:0}#md-source,.source{width:100%;resize:none;border:none;outline:none;background:transparent;color:var(--text);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13.5px;line-height:1.6;padding:12px 14px 16px}.preview{overflow:auto;padding:8px 22px 28px;line-height:1.65}.preview:empty:before{content:"预览会显示在这里";color:var(--text-muted)}.preview :is(h1,h2,h3,h4){margin:1.1em 0 .4em;line-height:1.3;font-weight:650}.preview h1{font-size:1.7rem}.preview h2{font-size:1.35rem}.preview h3{font-size:1.12rem}.preview p,.preview ul,.preview ol,.preview blockquote,.preview pre,.preview table{margin:.7em 0}.preview a{color:var(--accent)}.preview code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:var(--bg-elevated);border-radius:4px;padding:.1em .35em}.preview pre{overflow:auto;padding:12px 14px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.preview pre code{background:none;padding:0}.preview blockquote{margin-left:0;padding-left:12px;border-left:3px solid var(--accent);color:var(--text-secondary)}.preview img{max-width:100%;height:auto}.preview table{border-collapse:collapse;width:100%}.preview th,.preview td{border:1px solid var(--border);padding:6px 8px;text-align:left}.preview th{background:var(--bg-elevated)}.preview input[type=checkbox]{margin-right:6px}.status{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;min-height:42px;padding:8px 12px;background:var(--status-bg);border-top:1px solid var(--border);font-size:13px}.status .note{color:var(--text-muted)}@media(max-width:800px){.pane-switch{display:inline-flex}.md-app.pane-edit .preview-pane,.md-app.pane-preview .editor-pane{display:none}.md-app.pane-edit .editor-pane,.md-app.pane-preview .preview-pane{width:100%;flex:1 1 auto}.preview-pane{border-left:none}.bar{gap:6px;padding:6px 8px}.bar button,.bar a.home{height:30px;padding:0 8px}}.viewport{position:relative;flex:1;min-width:0;overflow:hidden;background-color:var(--bg-canvas);background-image:radial-gradient(var(--bg-canvas-dot) 1px,transparent 1px);background-size:22px 22px;touch-action:none}.surface{width:100%;height:100%;display:block}.edge{fill:none;stroke:var(--edge-type);stroke-width:1.6}.edge.dotted{stroke-dasharray:5 4}.edge.selected{stroke:var(--accent);stroke-width:2.4}.edge-hit{fill:none;stroke:transparent;stroke-width:14}.edge-label{fill:var(--edge-label);font-size:12px;text-anchor:middle}#flow-arrow path{fill:var(--edge-type)}.flow-node{position:relative;cursor:grab}.mermaid-flow .vue-flow,.flowchart-viewport .vue-flow{width:100%;height:100%;background:transparent}.mermaid-flow .vue-flow__node,.flowchart-viewport .vue-flow__node{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}.mermaid-flow .vue-flow__edges{overflow:visible}.flow-node rect,.flow-node polygon,.flow-node ellipse{fill:var(--card-bg);stroke:var(--card-border);stroke-width:1.4}.flow-node.diamond polygon{stroke:#d97706}.flow-node.stadium rect{stroke:var(--accent)}.flow-node.io polygon{stroke:#7c6fcd}.flow-node.selected rect,.flow-node.selected polygon,.flow-node.selected ellipse,.flow-node.linking rect,.flow-node.linking polygon,.flow-node.linking ellipse{stroke:var(--accent);stroke-width:2.4}.flow-node.drop rect,.flow-node.drop polygon,.flow-node.drop ellipse{stroke:var(--accent);stroke-width:2.4}.port-wrap{pointer-events:none}.show-ports .port-wrap{pointer-events:all;cursor:crosshair}.port-hit{fill:transparent}.port{fill:var(--bg-elevated);stroke:var(--accent);stroke-width:1.8;opacity:0}.show-ports .port{opacity:1}.port-wrap:hover .port{fill:var(--accent);stroke:#fff;r:6}.draft-edge{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-dasharray:5 4;pointer-events:none}.flow-node text{fill:var(--text);font-size:13px;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.empty{position:absolute;left:24px;top:20px;margin:0;color:var(--text-muted)}.shape-picker{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(3,76px);gap:6px;padding:8px;background:var(--menu-bg);border:1px solid var(--menu-border);border-radius:10px;box-shadow:var(--menu-shadow)}.shape-picker button{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-size:12px}.shape-picker button svg{width:36px;height:28px}.shape-picker button svg rect,.shape-picker button svg polygon,.shape-picker button svg ellipse{fill:var(--card-bg);stroke:var(--text-secondary);stroke-width:1.4}.shape-picker button.active,.shape-picker button:hover{border-color:var(--accent);background:var(--accent-soft)}.zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.zoom button{width:32px;height:32px;border-radius:8px;border:1px solid var(--zoom-border);background:var(--zoom-bg);color:var(--zoom-text);cursor:pointer}
