.zynplex-mindmap{position:relative;overflow:hidden;border:1px solid #ded8e7;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fbf9ff 58%,#f1ebff 100%);box-shadow:0 24px 70px rgba(38,21,68,.08)}
.mindmap-toolbar{position:absolute;z-index:4;inset:14px 14px auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}
.mindmap-instruction{padding:8px 11px;border:1px solid rgba(218,210,231,.85);border-radius:999px;background:rgba(255,255,255,.88);color:#6c6674;font:700 .68rem Arial,Helvetica,sans-serif;backdrop-filter:blur(10px)}
.mindmap-controls{display:flex;gap:6px;pointer-events:auto}
.mindmap-controls button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid #d9d2e2;border-radius:9px;background:rgba(255,255,255,.94);color:#3e3748;font:700 1rem Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 7px 20px rgba(25,15,40,.08);transition:border-color .2s,color .2s,transform .2s}
.mindmap-controls button:hover{border-color:#7b2fff;color:#7b2fff;transform:translateY(-1px)}
.mindmap-viewport{height:clamp(470px,63vh,680px);overflow:hidden;outline:none;cursor:grab;touch-action:none}
.mindmap-viewport:focus-visible{box-shadow:inset 0 0 0 3px rgba(123,47,255,.25)}
.mindmap-viewport.is-dragging{cursor:grabbing}
.mindmap-viewport svg{display:block;width:100%;height:100%;user-select:none}
.mindmap-minimap{position:absolute;z-index:3;right:16px;bottom:16px;width:170px;padding:8px;border:1px solid rgba(205,194,222,.9);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(36,22,54,.12);backdrop-filter:blur(12px)}
.mindmap-minimap>span{display:block;margin:0 0 5px;color:#756D7D;font:700 .57rem Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.mindmap-minimap svg{display:block;width:100%;height:88px;cursor:crosshair}
.mindmap-minimap-edges path{fill:none;stroke:#B9A5DA;stroke-width:4;stroke-linecap:round}
.mindmap-minimap-nodes rect{fill:#E8DBFF;stroke:#A77AFF;stroke-width:2}.mindmap-minimap-nodes .depth-0{fill:#7B2FFF}.mindmap-minimap-nodes .depth-2,.mindmap-minimap-nodes .depth-3,.mindmap-minimap-nodes .depth-4{fill:#DCEAFF;stroke:#72A6DF}
.mindmap-minimap-window{fill:rgba(123,47,255,.08);stroke:#7B2FFF;stroke-width:4;vector-effect:non-scaling-stroke}
.mindmap-edge{fill:none;stroke:#9b72e9;stroke-width:1.8;stroke-linecap:round;opacity:.78}
.mindmap-edge.depth-2{stroke:#5f96df}.mindmap-edge.depth-3,.mindmap-edge.depth-4{stroke:#4ea998}
.mindmap-node{outline:none;cursor:default}.mindmap-node.has-children{cursor:pointer}
.mindmap-node rect{fill:#fff;stroke:#d9d3e1;stroke-width:1.25;filter:drop-shadow(0 6px 10px rgba(31,20,48,.07));transition:stroke .2s,filter .2s}
.mindmap-node>text{fill:#17141e;font:13px Arial,Helvetica,sans-serif;pointer-events:none}
.mindmap-node.depth-0 rect{fill:#7b2fff;stroke:#7b2fff}.mindmap-node.depth-0>text{fill:#fff;font-weight:700}
.mindmap-node.depth-1 rect{fill:#eee5ff;stroke:#a57be9}.mindmap-node.depth-1>text{font-weight:700}
.mindmap-node.depth-2 rect{fill:#edf5ff;stroke:#91b9e9}
.mindmap-node.depth-3 rect,.mindmap-node.depth-4 rect{fill:#e9f8f4;stroke:#88cbbc}
.mindmap-node.has-children:hover rect,.mindmap-node.has-children:focus rect{stroke:#7b2fff;filter:drop-shadow(0 7px 12px rgba(123,47,255,.16))}
.mindmap-node-toggle circle{fill:#fff;stroke:#bba5df}.mindmap-node-toggle text{fill:#7b2fff;font:bold 14px Arial,Helvetica,sans-serif;pointer-events:none}
.mindmap-error,.mindmap-preview-error{margin:0;padding:32px;color:#a23742;font:700 .78rem Arial,Helvetica,sans-serif}
@media(max-width:680px){.mindmap-toolbar{align-items:flex-end;flex-direction:column-reverse}.mindmap-instruction{display:none}.mindmap-viewport{height:510px}.mindmap-controls button{width:38px;height:38px}.mindmap-minimap{right:10px;bottom:10px;width:135px}.mindmap-minimap svg{height:68px}}