body,html{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f0f0;overflow:hidden;height:100vh}#app-container,body,html{display:flex;flex-direction:column}#app-container{height:100%;width:100%}#toolbar{background:linear-gradient(135deg,#2c3e50,#1a252f);color:#eaeaea;padding:12px 15px;flex-wrap:wrap;gap:15px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:1;border-bottom:1px solid #11181f}#toolbar,.toolbar-section{display:flex;align-items:center}.toolbar-section{gap:8px;padding:0}#toolbar button,.button-like-label{background-color:#3b5266;color:#eaeaea;border:1px solid #2c3e50;padding:10px 15px;cursor:pointer;border-radius:5px;font-size:.9em;font-weight:500;transition:background-color .2s ease-in-out,transform .1s ease-in-out,border-color .2s ease-in-out}#toolbar button:hover,.button-like-label:hover{background-color:#4f6a80;border-color:#3b5266;transform:translateY(-1px)}#toolbar button:active,.button-like-label:active{background-color:#2c3e50;transform:translateY(0)}#toolbar input[type=color]{width:32px;height:32px;border:1px solid #4f6a80;padding:0;cursor:pointer;border-radius:5px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}#toolbar input[type=color]:hover{border-color:#5a7b9a}#toolbar input[type=color]:focus{border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.4)}#toolbar select{padding:9px 12px;background-color:#3b5266;color:#eaeaea;border:1px solid #2c3e50;border-radius:5px;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}#toolbar select:hover{background-color:#4f6a80;border-color:#3b5266}#toolbar select:focus{background-color:#4f6a80;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,.4)}#currentMapName{margin-left:10px;font-style:normal;font-weight:300;color:#bdc3c7}#mindmap-area-container{flex-grow:1;position:relative;overflow:hidden;background-color:#c1c1c1;cursor:grab;box-shadow:inset 0 0 10px rgba(0,0,0,.05)}#mindmap-area-container,#mindmap-area-container.grabbing{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#mindmap-area-container.grabbing{cursor:grabbing}#mindmap-canvas{width:100%;height:100%;display:block}.node{cursor:pointer}.node rect{stroke-width:2px;rx:5;ry:5;pointer-events:all}.node text{font-size:14px;dominant-baseline:central;text-anchor:middle;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.node.selected>rect{stroke:#007bff;stroke-width:3px;stroke-dasharray:5,2}.connector{stroke-width:1.5px;fill:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:2}.modal-overlay.active{display:flex}.modal{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);min-width:300px;max-width:90%}.modal h2{margin-top:0}.modal input[type=text]{width:calc(100% - 22px);padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.modal-actions{text-align:right}.modal-actions button{margin-left:10px;padding:8px 15px}#savedMapsList{list-style:none;padding:0;max-height:200px;overflow-y:auto}#savedMapsList li{padding:8px;cursor:pointer;border-bottom:1px solid #eee}#savedMapsList li:hover{background-color:#f0f0f0}#savedMapsList li .delete-map-btn{float:right;color:red;background:none;border:none;cursor:pointer}.context-menu{position:absolute;background-color:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.15);padding:5px 0;z-index:3;border-radius:4px;display:none}.context-menu-item{padding:8px 15px;cursor:pointer;font-size:.9em}.context-menu-item:hover{background-color:#007bff;color:#fff}.context-menu hr{border:none;border-top:1px solid #eee;margin:4px 0}@media (max-width:768px){#toolbar{padding:8px 10px;gap:8px}#toolbar button,.button-like-label{padding:8px 12px;font-size:.8em}.toolbar-section.styling-tools label{display:none}#currentMapName{display:block;width:100%;text-align:center;margin:5px 0}}.text-block{cursor:pointer}.text-block text{dominant-baseline:central;text-anchor:middle;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.text-block.selected>rect.text-block-bg{stroke:#007bff;stroke-width:1px;stroke-dasharray:3,2;fill:rgba(0,123,255,.1)}.node.potential-parent>rect{stroke:#28a745;stroke-width:3px;stroke-dasharray:none}footer{background-color:#2c3e50;color:#eaeaea;padding:10px 15px;text-align:center;font-size:.8em;box-shadow:0 -4px 10px rgba(0,0,0,.3)}.note-indicator{cursor:pointer}.note-indicator text{font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}