*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--accent-color: #0d6efd;--accent-hover: #0b5ed7;--danger-color: #dc3545;--success-color: #198754;--toolbar-height: 48px;--sidebar-width: 280px}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #e4e4e4;--text-secondary: #a0a0a0;--border-color: #0f3460;--accent-color: #e94560;--accent-hover: #d13a54}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh}#root{height:100%}.app{display:flex;flex-direction:column;height:100%}.main-content{display:flex;flex:1;overflow:hidden}.toolbar{display:flex;align-items:center;gap:8px;height:var(--toolbar-height);padding:0 16px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.toolbar-group{display:flex;align-items:center;gap:4px;padding:0 8px}.toolbar-group:not(:last-child){border-right:1px solid var(--border-color)}.toolbar-spacer{flex:1}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background-color:transparent;color:var(--text-primary);cursor:pointer;transition:background-color .15s}.toolbar-btn:hover{background-color:var(--bg-tertiary)}.toolbar-btn:active{background-color:var(--border-color)}.toolbar-btn.danger:hover{background-color:var(--danger-color);color:#fff}.toolbar-btn svg{width:18px;height:18px}.toolbar-select{padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:13px}.canvas-container{flex:1;position:relative;overflow:hidden}.mind-map-canvas{width:100%;height:100%}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:14px}.sidebar-content{flex:1;overflow-y:auto;padding:8px}.node-editor{padding:16px;border-bottom:1px solid var(--border-color)}.node-editor-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px}.form-input:focus{outline:none;border-color:var(--accent-color)}.tree-view{font-size:13px}.tree-node{padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node:hover{background-color:var(--bg-tertiary)}.tree-node.selected{background-color:var(--accent-color);color:#fff}.tree-node-children{margin-left:16px}.tree-toggle{display:inline-flex;width:16px;height:16px;margin-right:4px;align-items:center;justify-content:center;cursor:pointer}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--text-primary)}.color-input{width:24px;height:24px;padding:0;border:none;border-radius:4px;cursor:pointer}.zoom-indicator{font-size:12px;color:var(--text-secondary);padding:0 8px}.node.dragging{opacity:.5}.node.drop-target rect,.node.drop-target circle{stroke:var(--accent-color)!important;stroke-width:3px!important}.shortcut-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 16px;font-size:12px;color:var(--text-secondary);box-shadow:0 4px 12px #00000026;opacity:0;transition:opacity .2s;pointer-events:none}.shortcut-hint.visible{opacity:1}kbd{display:inline-block;padding:2px 6px;margin:0 2px;background-color:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:11px}