*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2937;background:#f3f4f6}.access-gate{min-height:100%;display:grid;place-items:center;padding:24px;background:#f3f4f6}.access-gate-card{width:min(100%,380px);display:grid;gap:14px;padding:28px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:0 12px 36px #0f172a14}.access-gate-card h1,.access-gate-card p{margin:0}.access-gate-card label{font-size:14px;color:#475569}.access-gate-card input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.access-gate-error{color:#b91c1c;font-size:14px}.app{display:flex;height:100%;overflow:hidden}.fm-btn{min-height:44px;padding:8px 14px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;color:#1f2937}.fm-btn:disabled{opacity:.45;cursor:not-allowed}.fm-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.fm-btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}.fm-btn-active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.fm-btn-sm{min-height:32px;padding:4px 10px;font-size:12px}.board-list{width:280px;min-width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.board-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px}.board-list-title{font-size:18px;margin:0}.board-list-search{padding:0 12px 8px}.board-list-items{list-style:none;margin:0;padding:0 8px 16px;overflow-y:auto;flex:1}.board-item{display:flex;align-items:center;gap:4px;padding:4px 0}.board-item-active{background:#eff6ff;border-radius:8px}.board-item-title{flex:1;text-align:left;border:none;background:none;padding:10px 8px;font-size:15px;cursor:pointer;color:inherit;min-height:44px}.board-item-title:disabled{color:#9ca3af;cursor:not-allowed}.board-item-actions{position:relative;flex:none}.board-item-more{width:42px;height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:#475569;font-size:24px;line-height:1;cursor:pointer}.board-item-more:hover,.board-item-more[aria-expanded=true]{background:#e2e8f0}.board-item-menu{position:absolute;top:100%;right:0;z-index:30;min-width:128px;padding:4px;border:1px solid #dbe2eb;border-radius:10px;background:#fff;box-shadow:0 8px 24px #0f172a24}.board-item-menu button{display:block;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#1e293b;text-align:left;cursor:pointer}.board-item-menu button:hover,.board-item-menu button:focus-visible{background:#eff6ff}.board-item-rename{flex:1;min-height:44px;padding:8px;font-size:15px}.board-list-empty{padding:16px;color:#6b7280;font-size:14px}.file-preview-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a80}.file-preview{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(80vh,800px);padding:18px;border-radius:14px;background:#fff;box-shadow:0 18px 50px #0f172a38}.file-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px}.file-preview-name{padding-top:5px;color:#64748b;font-size:13px}.file-preview-content{overflow:auto;margin:0;padding:14px;border-radius:8px;background:#f8fafc;color:#1e293b;white-space:pre-wrap;overflow-wrap:anywhere}.fm-search{width:100%;min-height:44px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.editor-view{flex:1;display:flex;flex-direction:column;min-width:0}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:nowrap;min-height:60px;overflow-x:auto;overflow-y:hidden}.toolbar>*{flex:0 0 auto}.toolbar-status{margin-left:auto;font-size:13px;color:#6b7280}.toolbar-edge-controls,.toolbar-edge-controls label{display:flex;align-items:center;gap:6px}.toolbar-edge-controls{padding-left:8px;border-left:1px solid #d1d5db}.toolbar-edge-controls label{font-size:12px;color:#475569}.toolbar-edge-controls select{min-height:34px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.fm-arrow-direction-buttons{display:flex;gap:3px}.fm-arrow-direction-button{width:40px;height:34px;padding:4px;display:grid;place-items:center;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569;cursor:pointer}.fm-arrow-direction-button svg{width:30px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fm-arrow-direction-button:hover:not(:disabled),.fm-arrow-direction-button.is-active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.fm-arrow-direction-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.toolbar-style-control{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid #d1d5db;font-size:12px;color:#475569}.toolbar-style-control select{min-height:34px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.sync-status-error{color:#dc2626}.editor-body{flex:1;display:flex;min-height:0}.editor-canvas{flex:1;position:relative;min-width:0}.canvas-search{position:absolute;top:10px;right:12px;z-index:5}.canvas-search-toggle{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#334155;cursor:pointer;box-shadow:0 2px 8px #0f172a1f}.canvas-search-toggle:hover{background:#f8fafc}.canvas-search-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.canvas-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.canvas-search-panel{width:240px}.search-results{list-style:none;margin:4px 0 0;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px #00000014}.search-result{display:block;width:100%;text-align:left;padding:10px 12px;min-height:40px;border:none;background:none;cursor:pointer}.search-result:hover{background:#eff6ff}.fm-node{width:100%;height:100%;border:2px solid #94a3b8;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px;cursor:grab;position:relative}.fm-node.fm-border-none,.fm-group-label.fm-border-none{border-color:transparent;border-style:solid}.fm-node.fm-border-solid,.fm-group-label.fm-border-solid{border-color:#94a3b8;border-style:solid}.fm-node.fm-border-dashed,.fm-group-label.fm-border-dashed{border-color:#94a3b8;border-style:dashed}.fm-node.fm-node-selected{border-color:#2563eb;border-width:3px}.react-flow__node-text .react-flow__resize-control.line{border-color:transparent}.fm-node-content{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.2}.fm-node-body{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.fm-node-text-region{flex:1 1 auto}.fm-node-body-with-image .fm-node-text-region{flex:0 1 42%}.fm-node-image-region{flex:1 1 58%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:2px}.fm-node-image{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.fm-node-image-placeholder{width:70%;height:70%;border-radius:6px;background:#e2e8f0}.fm-node-text{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.fm-node-editing{padding:4px}.fm-node-inline-editor{border:none;outline:none;resize:none;background:transparent;font:inherit;line-height:1.2;text-align:center;padding:0}.react-flow .react-flow__node-group{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;pointer-events:none!important}.react-flow .react-flow__node-group.selectable:hover,.react-flow .react-flow__node-group.selectable.selected,.react-flow .react-flow__node-group.selectable:focus,.react-flow .react-flow__node-group.selectable:focus-visible{box-shadow:none}.react-flow.fm-group-selection-active .react-flow__nodesselection-rect{border:none;background:transparent;pointer-events:none}.fm-group{position:relative;width:100%;height:100%;pointer-events:none;overflow:visible}.react-flow .react-flow__node-group .react-flow__resize-control.handle{pointer-events:auto!important;z-index:4}.fm-group-border{position:absolute;inset:0;border:2px dashed #94a3b8;border-radius:12px;pointer-events:none}.fm-group-drag-edge{position:absolute;z-index:1;pointer-events:auto;cursor:grab}.fm-group-drag-edge-top,.fm-group-drag-edge-bottom{left:8px;right:8px;height:10px}.fm-group-drag-edge-top{top:-5px}.fm-group-drag-edge-bottom{bottom:-5px}.fm-group-drag-edge-left,.fm-group-drag-edge-right{top:8px;bottom:8px;width:10px}.fm-group-drag-edge-left{left:-5px}.fm-group-drag-edge-right{right:-5px}.fm-group-selected .fm-group-border{border-color:#2563eb;border-width:3px;outline:none}.toolbar-font-control{display:inline-flex;align-items:center;gap:6px}.toolbar-font-control label{display:inline-flex;align-items:center;gap:4px}.toolbar-font-control input[type=number]{width:58px}.toolbar-font-control input[type=range]{width:92px}.fm-node .react-flow__handle,.fm-group .react-flow__handle{pointer-events:auto;z-index:3;width:10px;height:10px;border:2px solid #ffffff;background:#111827}.fm-click-connect .react-flow__handle{pointer-events:none}.fm-group-label-hit{position:absolute;z-index:2;padding:0;border:0;background:transparent;pointer-events:auto}.fm-group-label-hit-top,.fm-group-label-hit-bottom{left:calc(50% + 18px);width:56px;height:16px}.fm-group-label-hit-top{top:-8px}.fm-group-label-hit-bottom{bottom:-8px}.fm-group-label-hit-left,.fm-group-label-hit-right{top:calc(50% + 18px);width:16px;height:56px}.fm-group-label-hit-left{left:-8px}.fm-group-label-hit-right{right:-8px}.fm-group-label{position:absolute;z-index:3;pointer-events:auto;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;line-height:1.2;color:#1f2937;background:#fff;border:2px solid transparent;border-radius:6px}.fm-group-label-text{padding:4px 8px;cursor:text}.fm-group-label-editor{padding:4px 8px;resize:none;border:1px solid #2563eb;border-radius:6px;outline:none;font:inherit}.fm-connect-source{outline:3px solid #f59e0b}.fm-edge-label{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:2px 8px;font-size:12px;cursor:text}.fm-edge-label-editor{width:120px;min-height:32px;padding:4px 8px;border:1px solid #2563eb;border-radius:6px;outline:none;background:#fff;text-align:center;font-size:12px}.fm-edge-hit-path{cursor:grab;touch-action:none}.fm-edge-hit-path:active{cursor:grabbing}.fm-edge-control-point{fill:#2563eb;stroke:#fff;stroke-width:2;cursor:grab;pointer-events:all;touch-action:none}.fm-edge-control-point:active{cursor:grabbing}.editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:16px}.login-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50}.login-panel{background:#fff;border-radius:12px;padding:24px;width:320px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 30px #0003}.login-panel h2{margin:0}.login-panel input{min-height:44px;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.login-error{color:#dc2626;margin:0;font-size:13px}.readonly-banner,.update-banner{position:fixed;top:0;left:50%;transform:translate(-50%);background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:10px;z-index:60;box-shadow:0 4px 12px #0000001f;font-size:14px}.update-banner{background:#dbeafe;border-color:#2563eb}.server-reset-banner{position:fixed;top:0;left:50%;transform:translate(-50%);background:#fce7f3;border:1px solid #db2777;border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:10px;z-index:60;box-shadow:0 4px 12px #0000001f;font-size:14px}.board-list-actions{display:flex;gap:6px;padding:0 12px 8px;flex-wrap:wrap}.transfer-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:16px;width:360px;max-width:90vw;max-height:70vh;overflow-y:auto;z-index:70;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;gap:10px}.transfer-panel-header{display:flex;align-items:center;justify-content:space-between;font-weight:600}.transfer-panel-empty{color:#6b7280;margin:0}.transfer-panel-hint{color:#6b7280;font-size:12px;margin:0}.transfer-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.transfer-item{display:flex;align-items:center;gap:6px}.transfer-item-title{flex:1;text-align:left;min-height:40px;padding:6px 8px;border:none;background:none;cursor:pointer;font-size:14px}.settings-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#0f172a47}.settings-panel{width:min(620px,96vw);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;background:#fff;box-shadow:0 18px 50px #0f172a3d}.settings-section{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.settings-section-heading,.settings-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-section-heading{justify-content:space-between}.settings-section h2,.settings-section p{margin:0}.settings-section h2{font-size:16px}.settings-section p,.settings-folder-name,.settings-write-summary,.settings-saved{color:#64748b;font-size:13px}.settings-write-summary{display:flex;flex-wrap:wrap;gap:6px 16px}.settings-status{padding:3px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:12px}.settings-status-ready{background:#dcfce7;color:#166534}.settings-status-writing{background:#dbeafe;color:#1d4ed8}.settings-status-error,.settings-status-reselect-required,.settings-status-permission-required{background:#fef3c7;color:#92400e}.settings-status-placeholder{background:#ede9fe;color:#6d28d9}.settings-error{color:#b91c1c;font-size:13px}.settings-warning{color:#92400e;font-size:13px}.settings-field{display:grid;gap:6px;color:#475569;font-size:13px}.settings-field input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:14px}@media(max-width:900px){.app-editing .board-list{display:none}.board-list{width:100%;min-width:0;border-right:none}.toolbar{order:2;border-top:1px solid #e5e7eb;border-bottom:none}.editor-view{flex-direction:column}}