.mind-map-canvas{width:100%;height:100%;background-color:#f5f5f5;cursor:default;overflow:auto;position:relative}.mind-map-canvas svg{display:block;background-color:#fff;box-shadow:0 0 10px #0000001a}.connection-line{stroke:#888;stroke-width:2;fill:none;marker-end:url(#arrowhead)}.mind-map-canvas svg defs marker#arrowhead{fill:#888}.mind-map-canvas svg defs marker#arrowhead path{d:M 0 0 L 10 5 L 0 10 z}.node{fill:#e3f2fd;stroke:#2196f3;stroke-width:2;rx:8;ry:8;cursor:pointer;transition:all .2s ease}.node:hover{fill:#bbdefb;stroke:#1976d2;transform:scale(1.05)}.node.selected{fill:#fff3e0;stroke:#ff9800;stroke-width:3;transform:scale(1.1)}.node-text{font-size:14px;fill:#333;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.node.dragging{cursor:grabbing;opacity:.8}.connection-line{transition:stroke-dasharray .3s ease}.node-editor{position:absolute;background:#fff;border:2px solid #ff9800;border-radius:8px;padding:10px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;display:flex;flex-direction:column;gap:8px}.node-editor:before{content:"";position:absolute;top:-10px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ff9800}.node-editor-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s ease}.node-editor-input:focus{border-color:#ff9800;box-shadow:0 0 0 2px #ff980033}.node-editor-buttons{display:flex;gap:8px;justify-content:flex-end}.node-editor-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.node-editor-btn.confirm{background-color:#4caf50;color:#fff}.node-editor-btn.confirm:hover{background-color:#45a049;transform:translateY(-1px)}.node-editor-btn.cancel{background-color:#f44336;color:#fff}.node-editor-btn.cancel:hover{background-color:#da190b;transform:translateY(-1px)}.node-editor-btn:active{transform:translateY(0)}@media (max-width: 768px){.node-editor{min-width:150px;padding:8px}.node-editor-input{font-size:12px;padding:6px 10px}.node-editor-btn{font-size:11px;padding:5px 10px}}.toolbar{position:absolute;top:10px;left:10px;background:#fffffff2;border:1px solid #ddd;border-radius:8px;padding:8px;box-shadow:0 2px 10px #0000001a;z-index:1000;display:flex;gap:12px;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.toolbar-group{display:flex;gap:8px;padding:0 8px;border-right:1px solid #eee}.toolbar-group:last-child{border-right:none}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#333;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.toolbar-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.toolbar-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.toolbar-btn svg{font-size:14px;color:#666}.toolbar-btn:hover:not(:disabled) svg{color:#333}.file-input-label{position:relative;overflow:hidden}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.toolbar-btn:nth-child(1) svg{color:#4caf50}.toolbar-btn:nth-child(2) svg{color:#f44336}.toolbar-btn:nth-child(3) svg{color:#2196f3}.toolbar-btn:nth-child(4) svg{color:#ff9800}.toolbar-btn:nth-child(5) svg{color:#9c27b0}@media (max-width: 768px){.toolbar{flex-direction:column;gap:8px;padding:6px}.toolbar-group{flex-direction:column;border-right:none;border-bottom:1px solid #eee;padding:8px 0;width:100%}.toolbar-group:last-child{border-bottom:none}.toolbar-btn{justify-content:center;width:100%;font-size:12px;padding:6px 10px}.toolbar-btn span{display:none}.toolbar-btn svg{font-size:16px}}@media (prefers-color-scheme: dark){.toolbar{background:#1e1e1ef2;border-color:#444}.toolbar-group{border-right-color:#444}.toolbar-btn{background-color:#333;border-color:#555;color:#eee}.toolbar-btn:hover:not(:disabled){background-color:#444;border-color:#666}.toolbar-btn svg{color:#aaa}.toolbar-btn:hover:not(:disabled) svg{color:#fff}}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden;background-color:#f5f5f5}@media (prefers-color-scheme: dark){.app-container{background-color:#121212}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;font-family:inherit;background-color:#f5f5f5}#root{width:100%;height:100vh;margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}body{background-color:#fff}}@media (prefers-color-scheme: dark){body{background-color:#121212}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:#666}::-webkit-scrollbar-thumb:hover{background:#888}}