.ffc[data-v-67637e6c]{display:flex;flex-direction:column;height:100vh;background:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;font-size:13px;color:#1e293b}.ffc-body[data-v-67637e6c]{display:flex;flex:1;overflow:hidden;min-height:0}.ffc-body.is-mobile[data-v-67637e6c]{overflow:visible;position:relative}.panel-hd[data-v-67637e6c]{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:2px solid #e2e8f0;flex-shrink:0;background:linear-gradient(to bottom,#fff,#fafafa);box-shadow:0 1px #f1f5f9}.panel-hd-title[data-v-67637e6c]{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:.02em}.panel-hd-tabs[data-v-67637e6c]{display:flex;gap:2px;margin-left:auto;background:#f1f5f9;border-radius:6px;padding:2px}.hd-tab[data-v-67637e6c]{padding:3px 10px;font-size:11.5px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .12s}.hd-tab.active[data-v-67637e6c]{background:#fff;color:#1e293b;box-shadow:0 1px 3px #00000014}.badge[data-v-67637e6c]{margin-left:auto;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:20px}.badge-node[data-v-67637e6c]{background:#eff6ff;color:#3b82f6}.badge-edge[data-v-67637e6c]{background:#fefce8;color:#b45309}.badge-multi[data-v-67637e6c]{background:#f0fdf4;color:#16a34a}.ffc-sidebar[data-v-67637e6c]{width:192px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-body[data-v-67637e6c]{flex:1;overflow-y:auto;padding:10px 8px 20px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.shape-group[data-v-67637e6c]{margin-bottom:16px}.shape-group-label[data-v-67637e6c]{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:0 4px;margin-bottom:7px}.shape-grid[data-v-67637e6c]{display:grid;grid-template-columns:1fr 1fr;gap:5px}.shape-card[data-v-67637e6c]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;cursor:grab;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shape-card[data-v-67637e6c]:hover{background:#f0f9ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 10px #3b82f61a}.shape-card[data-v-67637e6c]:active{cursor:grabbing;transform:scale(.97);box-shadow:none}.shape-svg-wrap[data-v-67637e6c]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.shape-card-name[data-v-67637e6c]{font-size:10.5px;color:#64748b;font-weight:500;margin-top:2px}.edge-type-list[data-v-67637e6c]{display:flex;flex-direction:column;gap:5px}.edge-type-card[data-v-67637e6c]{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:7px;cursor:pointer;background:#fafafa;font-size:12px;color:#64748b;transition:all .12s}.edge-type-card[data-v-67637e6c]:hover{background:#f0f9ff;border-color:#93c5fd}.edge-type-card.active[data-v-67637e6c]{background:#eff6ff;border-color:#3b82f6;color:#2563eb;font-weight:600}.edge-type-svg[data-v-67637e6c]{width:60px;height:20px;flex-shrink:0;color:#6b7280}.edge-type-card.active .edge-type-svg[data-v-67637e6c]{color:#3b82f6}.sidebar-tip[data-v-67637e6c]{display:flex;align-items:flex-start;gap:5px;padding:8px 9px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:7px;font-size:11px;color:#94a3b8;line-height:1.5;margin-top:4px}.sidebar-tip svg[data-v-67637e6c]{flex-shrink:0;margin-top:1px}.ffc-canvas-area[data-v-67637e6c]{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.toolbar[data-v-67637e6c]{height:46px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 10px;gap:1px;flex-shrink:0;box-shadow:0 1px 4px #0000000a}.toolbar-group[data-v-67637e6c]{display:flex;align-items:center}.tbtn[data-v-67637e6c]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .12s;flex-shrink:0}.tbtn svg[data-v-67637e6c]{width:15px;height:15px}.tbtn[data-v-67637e6c]:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.tbtn[data-v-67637e6c]:disabled{opacity:.3;cursor:not-allowed}.tbtn.tbtn-active[data-v-67637e6c]{background:#eff6ff;color:#2563eb}.tbtn.tbtn-danger[data-v-67637e6c]:hover:not(:disabled){background:#fef2f2;color:#dc2626}.tbtn-sep[data-v-67637e6c]{width:1px;height:18px;background:#e2e8f0;margin:0 5px;flex-shrink:0}.zoom-badge[data-v-67637e6c]{height:30px;min-width:40px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .12s;font-variant-numeric:tabular-nums}.zoom-badge[data-v-67637e6c]:hover{background:#f1f5f9;color:#1e293b}.tbtn-export[data-v-67637e6c]{display:flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:7px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:0 1px 3px #00000026}.tbtn-export[data-v-67637e6c]:hover{background:linear-gradient(135deg,#0f172a,#1e293b)}.tbtn-export svg[data-v-67637e6c]{width:13px;height:13px}.flex-1[data-v-67637e6c]{flex:1}.canvas-box[data-v-67637e6c]{flex:1;position:relative;overflow:hidden;min-width:0;min-height:0;transition:background .25s}.canvas-box.bg-dot[data-v-67637e6c]{background-color:#f8fafc;background-image:radial-gradient(circle,#c8d3e0 1px,transparent 1px);background-size:20px 20px}.canvas-box.bg-grid[data-v-67637e6c]{background-color:#f8fafc;background-image:linear-gradient(rgba(100,116,139,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.12) 1px,transparent 1px);background-size:24px 24px}.canvas-box.bg-plain[data-v-67637e6c]{background:linear-gradient(135deg,#f0f4ff,#faf5ff,#fff7ed)}.canvas-empty[data-v-67637e6c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-empty-inner[data-v-67637e6c]{text-align:center}.canvas-empty-inner svg[data-v-67637e6c]{margin:0 auto 10px;display:block;color:#cbd5e1}.canvas-empty-inner p[data-v-67637e6c]{font-size:13px;font-weight:500;color:#94a3b8;margin:0}.fade-enter-active[data-v-67637e6c],.fade-leave-active[data-v-67637e6c]{transition:opacity .3s}.fade-enter-from[data-v-67637e6c],.fade-leave-to[data-v-67637e6c]{opacity:0}.ffc-props[data-v-67637e6c]{width:272px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding-right:4px;box-sizing:border-box}.props-body[data-v-67637e6c]{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.ps[data-v-67637e6c]{padding:12px 12px 14px;border-bottom:1px solid #f1f5f9;margin-bottom:4px}.ps[data-v-67637e6c]:last-child{border-bottom:none;margin-bottom:0}.ps-title[data-v-67637e6c]{font-size:11px;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #e2e8f0}.pr[data-v-67637e6c]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pr[data-v-67637e6c]:last-child{margin-bottom:0}.pl[data-v-67637e6c]{width:42px;flex-shrink:0;font-size:12px;color:#94a3b8;line-height:30px;font-weight:500}.pi[data-v-67637e6c]{flex:1;padding:6px 10px;font-size:13px;border:1px solid #e2e8f0;border-radius:6px;outline:none;background:#fafafa;color:#1e293b;box-sizing:border-box;transition:border-color .12s,box-shadow .12s;min-width:0}.pi[data-v-67637e6c]:focus{border-color:#93c5fd;background:#fff;box-shadow:0 0 0 3px #93c5fd26}.pi-sm[data-v-67637e6c]{width:64px;flex:none;padding:6px 8px}.pi-row[data-v-67637e6c]{display:flex;align-items:center;gap:5px}.pu[data-v-67637e6c]{font-size:11px;color:#94a3b8}.p2col[data-v-67637e6c]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p2col>div[data-v-67637e6c]{display:flex;flex-direction:column;gap:3px}.p2col .pl[data-v-67637e6c]{line-height:normal;font-size:11px;color:#94a3b8}[data-v-67637e6c] .color-row-wrap{flex:1;min-width:0}[data-v-67637e6c] .cr-display{display:flex;align-items:center;gap:7px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;background:#fafafa;margin-bottom:6px;transition:border-color .12s}[data-v-67637e6c] .cr-display:hover{border-color:#93c5fd}[data-v-67637e6c] .cr-dot{width:18px;height:18px;border-radius:3px;flex-shrink:0}[data-v-67637e6c] .cr-hex{font-size:11.5px;color:#64748b;font-family:SF Mono,Menlo,monospace;text-transform:uppercase}[data-v-67637e6c] .cr-swatches{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}[data-v-67637e6c] .crs{width:17px;height:17px;border-radius:3px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;box-sizing:border-box}[data-v-67637e6c] .crs:hover{transform:scale(1.2)}[data-v-67637e6c] .crs.active{border-color:#1e293b;transform:scale(1.1)}.shape-type-grid[data-v-67637e6c]{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stbtn[data-v-67637e6c]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 3px;border:1px solid #e2e8f0;border-radius:6px;background:#fafafa;cursor:pointer;color:#94a3b8;font-size:10.5px;transition:all .12s}.stbtn[data-v-67637e6c]:hover{background:#f0f9ff;border-color:#93c5fd;color:#2563eb}.stbtn.active[data-v-67637e6c]{background:#eff6ff;border-color:#3b82f6;color:#2563eb;font-weight:600}.seg-ctrl[data-v-67637e6c]{display:flex;background:#f1f5f9;border-radius:6px;padding:2px;gap:1px;flex:1}.seg-btn[data-v-67637e6c]{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 2px;border:none;border-radius:4px;background:transparent;cursor:pointer;transition:all .1s}.seg-btn[data-v-67637e6c]:hover{background:#e2e8f0}.seg-btn.active[data-v-67637e6c]{background:#fff;box-shadow:0 1px 3px #0000001a}.seg-text[data-v-67637e6c]{font-size:12px;font-weight:500;color:#64748b}.seg-text.active[data-v-67637e6c]{color:#2563eb}.action-group[data-v-67637e6c]{display:flex;flex-direction:column;gap:5px}.abtn[data-v-67637e6c]{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px;font-size:12.5px;font-weight:500;border:1px solid #e2e8f0;border-radius:7px;background:#fafafa;color:#374151;cursor:pointer;transition:all .12s}.abtn[data-v-67637e6c]:hover{background:#f1f5f9;border-color:#cbd5e1}.abtn.abtn-danger[data-v-67637e6c]{color:#dc2626;background:#fef2f2;border-color:#fecaca}.abtn.abtn-danger[data-v-67637e6c]:hover{background:#fee2e2;border-color:#fca5a5}.props-empty[data-v-67637e6c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;text-align:center}.props-empty-icon[data-v-67637e6c]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:#93c5fd;margin-bottom:14px;border:1px solid #e0f2fe}.props-empty p[data-v-67637e6c]{font-size:13px;font-weight:500;color:#64748b;margin:0 0 4px}.props-empty .hint[data-v-67637e6c]{font-size:12px;color:#94a3b8;margin:0}.hidden-input[data-v-67637e6c]{position:fixed;width:0;height:0;opacity:0;pointer-events:none;top:-999px}.canvas-box .lf-graph{background:transparent!important;width:100%;height:100%}.canvas-box svg.lf-canvas-overlay{background:transparent!important}.canvas-box .lf-grid{display:none!important}.canvas-box .lf-snapline{stroke:#3b82f6!important;stroke-width:1px!important;opacity:.7}.mobile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#f8fafc;display:flex;align-items:center;justify-content:center}.mobile-content{text-align:center;color:#374151;max-width:300px;padding:24px}.mobile-content svg{display:block;margin:0 auto 20px;color:#64748b}.mobile-content h2{font-size:18px;font-weight:600;margin:0 0 8px;color:#1f2937}.mobile-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}