:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;margin:0 auto;text-align:center}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.mindmap-container{width:100%;height:100vh;background:linear-gradient(135deg,#ffeaa7,#fdcb6e,#e17055);overflow:hidden;position:relative;display:flex;flex-direction:column}.menu-container{position:absolute;top:15px;left:15px;z-index:100}.menu-toggle{background:#fffffff2;border:none;padding:10px 15px;border-radius:8px;font-size:.9rem;font-weight:600;color:#d35400;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;gap:8px}.menu-toggle:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.menu-dropdown{position:absolute;top:50px;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:20px;min-width:250px;animation:slideDown .3s ease}.menu-header{border-bottom:2px solid #f39c12;padding-bottom:12px;margin-bottom:15px}.menu-header h3{margin:0;color:#d35400;font-size:1.1rem}.menu-subtitle{margin:5px 0 0;color:#e67e22;font-size:.85rem}.menu-buttons{display:flex;flex-direction:column;gap:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-btn,.reset-btn,.expand-btn,.align-btn,.smart-btn,.focus-btn{padding:10px 16px;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;width:100%;text-align:left}.export-btn{background:#27ae60}.export-btn:hover{background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.export-btn:active{transform:translateY(0)}.expand-btn{background:#3498db}.expand-btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.expand-btn:active{transform:translateY(0)}.smart-btn{background:#f39c12}.smart-btn:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.smart-btn:active{transform:translateY(0)}.focus-btn{background:#16a085}.focus-btn:hover{background:#138d75;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.focus-btn:active{transform:translateY(0)}.align-btn{background:#9b59b6}.align-btn:hover{background:#8e44ad;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.align-btn:active{transform:translateY(0)}.reset-btn{background:#e74c3c}.reset-btn:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.reset-btn:active{transform:translateY(0)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#d35400;font-weight:700}.info-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:linear-gradient(135deg,#fff,#fef5e7);box-shadow:-5px 0 25px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.info-header{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;padding:25px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.info-header h2{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3;flex:1;padding-right:10px}.close-panel-btn{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.close-panel-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.info-content{flex:1;overflow-y:auto;padding:30px 25px}.info-content p{color:#333;line-height:1.8;font-size:1rem;margin:0;text-align:justify}.info-content .no-info{color:#999;font-style:italic;text-align:center;padding:40px 0}.slide-enter-active,.slide-leave-active{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%);opacity:0}.vue-flow.with-info-panel{width:calc(100% - 400px)}.info-content::-webkit-scrollbar{width:8px}.info-content::-webkit-scrollbar-track{background:#f1f1f1}.info-content::-webkit-scrollbar-thumb{background:#e67e22;border-radius:4px}.info-content::-webkit-scrollbar-thumb:hover{background:#d35400}@media (max-width: 768px){.header h1{font-size:1.3rem}.header{padding:10px 20px}.info-panel,.vue-flow.with-info-panel{width:100%}}