:root{font-family: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#fafbfc;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.svg-container{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#fafbfc;overflow:auto}.svg-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:auto}svg{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}svg text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}drag-source{filter:url(#dragGlow)!important}drag-target{filter:url(#dragTargetGlow)!important}.es-copilot-welcome{max-width:800px;margin:0 auto;padding:80px 40px;text-align:center}.welcome-header{margin-bottom:50px}.brand-logo{margin-bottom:20px}.logo-icon{margin:0 auto 16px;width:60px;height:30px;display:flex;align-items:center;justify-content:center}.event-flow{display:flex;align-items:center;gap:6px}.event-dot{width:8px;height:8px;border-radius:50%;background-color:#6b7280}.event-dot-2{background-color:#3b82f6}.event-arrow{width:16px;height:1px;background-color:#d1d5db;position:relative}.event-arrow:after{content:"";position:absolute;right:-3px;top:-2px;width:0;height:0;border-left:5px solid #d1d5db;border-top:2px solid transparent;border-bottom:2px solid transparent}.brand-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.01em}.brand-subtitle{font-size:1.1rem;color:#6b7280;font-weight:400;margin:0 0 16px}.mission-statement{max-width:500px;margin:0 auto}.mission-text{font-size:1rem;color:#6b7280;line-height:1.5;margin:0;font-weight:400}.welcome-actions{margin-bottom:40px}.actions-title{font-size:1.25rem;color:#374151;margin:0 0 24px;font-weight:500}.action-cards{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.action-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px;text-align:left}.action-card:hover{border-color:#3b82f6;background-color:#f9fafb}.action-card.primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.action-card.primary:hover{background-color:#2563eb}.card-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#6b7280}.action-card.primary .card-icon{color:#fff}.action-card h4{font-size:.95rem;color:#1f2937;margin:0;font-weight:500}.action-card.primary h4{color:#fff}.action-card p{display:none}.action-card-container{position:relative}.puml-options-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;overflow:hidden}.option-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.option-item:last-child{border-bottom:none}.option-item:hover{background-color:#f9fafb}.option-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.option-text{flex:1}.option-title{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px}.option-desc{font-size:12px;color:#6b7280;line-height:1.3}.welcome-features{padding-top:24px;border-top:1px solid #e5e7eb}.feature-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:500px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border-radius:20px;font-size:.85rem;font-weight:400;color:#6b7280}.feature-icon{font-size:.9rem}@media (max-width: 768px){.es-copilot-welcome{padding:60px 20px}.brand-title{font-size:2rem}.action-cards{max-width:100%}}.file-selector{position:fixed;top:20px;right:20px;z-index:1000;transition:all .3s ease}.file-selector.collapsed{width:50px;height:50px}.file-selector.expanded{width:300px;background-color:#f8f9faf2;border:2px solid #007bff;border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px}.file-selector-icon{width:50px;height:50px;background-color:#f8f9faf2;border:2px solid #007bff;border-radius:50%;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:24px}.file-selector-icon:hover{background-color:#f8f9fa;transform:scale(1.1)}.file-selector-content{position:relative}.file-selector-content h3{margin:0 0 15px;color:#495057;font-size:16px}.file-selector-content input[type=file]{width:100%;margin:8px 0;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:12px}.file-selector-content button{width:100%;padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:5px 0}.file-selector-content button:hover{background-color:#0056b3}.close-btn{position:absolute;top:-10px;right:-10px;background:#666;border:none;font-size:18px;cursor:pointer;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#333}.control-buttons-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;gap:8px;flex-direction:row}.control-button{width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:18px;color:#495057;font-weight:400}.control-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;background:#fffffff2;border-color:#ffffff80}.control-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.reset-button{color:#6c757d}.reset-button:hover{color:#495057;background:#6c757d0d}.mode-toggle-button{color:#6c757d}.mode-toggle-button:hover{color:#495057;background:#6c757d0d}.mode-toggle-button.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff4d;box-shadow:0 2px 12px #007bff40}.mode-toggle-button.active:hover{transform:translateY(-2px);box-shadow:0 4px 20px #007bff59;background:linear-gradient(135deg,#0056b3,#004085)}.puml-edit-button{color:#fd7e14}.puml-edit-button:hover{color:#e96204;background:#fd7e140d}.add-node-button{color:#28a745}.add-node-button:hover{color:#1e7e34;background:#28a7450d}.delete-button{color:#dc3545}.delete-button:hover{color:#c82333;background:#dc35450d}.delete-button.active{background:linear-gradient(135deg,#eaa5ac,#db9198);color:#fff;border-color:#dc35454d;box-shadow:0 2px 12px #dc354540}.delete-button.active:hover{transform:translateY(-2px);box-shadow:0 4px 20px #dc354559}.share-button{color:#17a2b8}.share-button:hover{color:#138496;background:#17a2b80d}.left-buttons-container{position:fixed;left:20px;top:15px;display:flex;gap:8px;z-index:1000}.help-button-container{position:fixed;right:20px;bottom:20px;z-index:1000}.exit-button{width:15px;height:15px;border-radius:50%;background:#ff5f57;border:1px solid #e04b3d;color:transparent;font-size:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff5f574d;transition:all .2s ease;cursor:pointer}.reset-button-macos{width:15px;height:15px;border-radius:50%;background:#28c940;border:1px solid #1ea83b;color:transparent;font-size:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #28c9404d;transition:all .2s ease;cursor:pointer}.reset-button-macos:before{content:"";color:transparent;font-size:0;font-weight:700;line-height:1;transition:all .2s ease}.reset-button-macos:hover{background:#25b83a;border-color:#1b8f2e;transform:scale(1.1);box-shadow:0 4px 12px #28c94080}.reset-button-macos:hover:before{content:"⤢";color:#0f5c1a;font-size:12px}.reset-button-macos:active{transform:scale(.95);box-shadow:0 2px 4px #28c94066}.reset-button-macos:active:before{content:"⤢";color:#0f5c1a;font-size:12px}.open-file-button{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.open-file-button:hover{background:#3b82f626;border-color:#3b82f680;transform:scale(1.05)}.save-file-button{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.save-file-button:hover{background:#22c55e26;border-color:#22c55e80;transform:scale(1.05)}.save-as-button{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.save-as-button:hover{background:#a855f726;border-color:#a855f780;transform:scale(1.05)}.exit-button:before{content:"";color:transparent;font-size:0;font-weight:700;line-height:1;transition:all .2s ease}.exit-button:hover{background:#ff3b30;border-color:#d12b20;transform:scale(1.1);box-shadow:0 4px 12px #ff5f5780}.exit-button:hover:before{content:"×";color:#8b0000;font-size:14px}.exit-button:active{transform:scale(.95);box-shadow:0 2px 4px #ff5f5766}.exit-button:active:before{content:"×";color:#8b0000;font-size:14px}.puml-editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.puml-editor-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:80%;max-width:800px;height:80%;max-height:600px;display:flex;flex-direction:column;overflow:hidden}.puml-editor-header{padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.puml-editor-header-actions{display:flex;align-items:center;gap:10px}.puml-editor-header h3{margin:0;color:#495057;font-size:18px}.puml-editor-content{flex:1;padding:20px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.puml-editor-textarea{flex:1;width:100%;border:1px solid #ced4da;border-radius:4px;padding:15px;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;resize:none;outline:none;background-color:#fafafa;color:#000}.puml-editor-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.puml-editor-textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.puml-editor-actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;padding-top:10px;border-top:1px solid #e9ecef}.puml-editor-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.puml-editor-btn:disabled{opacity:.6;cursor:not-allowed}.puml-editor-btn-primary{background-color:#007bff;color:#fff}.puml-editor-btn-primary:hover:not(:disabled){background-color:#0056b3}.puml-editor-btn-primary:disabled{background-color:#80808080;color:#ffffffb3;cursor:not-allowed}.puml-editor-btn-secondary{background-color:#6c757d;color:#fff}.puml-editor-btn-secondary:hover:not(:disabled){background-color:#545b62}.puml-editor-btn-secondary:disabled{background-color:#80808080;color:#ffffffb3;cursor:not-allowed}.puml-editor-btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.puml-editor-btn-close:hover:not(:disabled){color:#333;background-color:#f8f9fa;border-radius:50%}.puml-editor-style-toggle{background:none;border:1px solid #ced4da;border-radius:6px;cursor:pointer;padding:6px 10px;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:36px;height:32px}.puml-editor-style-toggle:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff;transform:scale(1.05)}.puml-editor-style-toggle:disabled{opacity:.6;cursor:not-allowed}.puml-editor-style-toggle.ortho-active{background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.puml-editor-style-toggle.ortho-active:hover:not(:disabled){background-color:#bbdefb;border-color:#1976d2}.puml-editor-style-toggle.free-style{background-color:#f3e5f5;border-color:#9c27b0;color:#7b1fa2}.puml-editor-style-toggle.free-style:hover:not(:disabled){background-color:#e1bee7;border-color:#7b1fa2}.structured-editor{display:flex;flex-direction:column;gap:20px;flex:1;min-height:0;overflow:hidden}.structured-field{display:flex;flex-direction:column;gap:8px}.structured-field-row{display:flex;flex-direction:row;gap:20px;align-items:end}.structured-field-row .structured-field{flex:1}.structured-field-row .structured-field:last-child{flex:0 0 auto}.structured-field-full{flex:1;min-height:200px;max-height:500px;display:flex;flex-direction:column}.structured-field-full .puml-editor-textarea{min-height:180px;max-height:400px;resize:vertical;flex:1}.structured-label{font-size:14px;font-weight:500;color:#495057;margin-bottom:4px}.structured-input{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.structured-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.structured-input:disabled{background-color:#e9ecef;cursor:not-allowed}.structured-radio-group{display:flex;gap:10px;align-items:center}.structured-radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border:1px solid #ced4da;border-radius:6px;background-color:#fff;transition:all .2s ease;font-size:14px}.structured-radio-item:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.structured-radio-item:disabled{opacity:.6;cursor:not-allowed}.structured-radio-item.selected{background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.structured-radio-item.selected:hover:not(:disabled){background-color:#bbdefb;border-color:#1976d2}.structured-radio-item input[type=radio]{margin:0;cursor:pointer}.structured-radio-item input[type=radio]:disabled{cursor:not-allowed}.puml-editor-mode-toggle{background:none;border:1px solid #ced4da;border-radius:6px;cursor:pointer;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s ease;margin-right:10px}.puml-editor-mode-toggle:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff;transform:scale(1.05)}.puml-editor-mode-toggle:disabled{opacity:.6;cursor:not-allowed}.puml-editor-mode-toggle.structured-active{background-color:#e8f5e8;border-color:#28a745;color:#155724}.puml-editor-mode-toggle.structured-active:hover:not(:disabled){background-color:#d4edda;border-color:#1e7e34}.puml-editor-mode-toggle.raw-active{background-color:#fff3cd;border-color:#ffc107;color:#856404}.puml-editor-mode-toggle.raw-active:hover:not(:disabled){background-color:#ffeaa7;border-color:#e0a800}.style-toggle-button{color:#6c757d}.style-toggle-button:hover{color:#495057;background:#6c757d0d}.modern-highlight>polygon,.modern-highlight>rect,.modern-highlight>path:not([class*=connection]){stroke:#c2d2d5!important;box-shadow:0 0 8px #00d4ff66}.modern-highlight{filter:drop-shadow(0 0 3px rgba(0,212,255,.6))}.connection-highlight-in path,.connection-highlight-out path{stroke:#ff6b35!important;stroke-width:2.5!important;opacity:.8}.connection-highlight-in polygon,.connection-highlight-out polygon{fill:#ff6b35!important;stroke:#ff6b35!important;opacity:.8}.highlighted-connection-text{fill:#ff6b35!important;opacity:.9!important;font-size:14px!important;font-weight:700!important}.hovering *:not(text){stroke:#6cf!important;filter:url(#modernGlow)}.dimmed{opacity:.2!important;transition:opacity .3s ease!important}.dimmed:hover{opacity:.8!important}.selectable-connection{cursor:pointer!important;transition:all .3s ease;opacity:1!important}.selectable-connection path{stroke:#ff9500!important;stroke-width:4!important;stroke-dasharray:8,4;opacity:1;pointer-events:stroke!important}.selectable-connection .connection-visual-path{stroke:#ff9500!important;stroke-width:4!important;stroke-dasharray:8,4;opacity:1;pointer-events:none!important}.selectable-connection polygon{fill:#ff9500!important;stroke:#ff9500!important;opacity:1}.selectable-connection text{font-weight:700;opacity:1}.selectable-connection:hover path{stroke:#ff6b00!important;stroke-width:5!important;filter:drop-shadow(0 0 8px #ff9500)}.selectable-connection:hover .connection-visual-path{stroke:#ff6b00!important;stroke-width:5!important;filter:drop-shadow(0 0 8px #ff9500)}.selectable-connection:hover polygon{fill:#ff6b00!important;stroke:#ff6b00!important;filter:drop-shadow(0 0 8px #ff9500)}.selectable-connection:hover text{filter:drop-shadow(0 0 4px #ff9500)}.svg-text-button{fill:#fff!important;font-weight:700!important;cursor:pointer!important;pointer-events:all!important;opacity:1!important}.svg-button-background{fill:url(#buttonGradient)!important;stroke:#ff6b00!important;stroke-width:1!important;rx:12!important;ry:12!important;cursor:pointer!important;pointer-events:all!important;opacity:1!important}.selectable-connection,.svg-text-button,.svg-button-background{opacity:1!important}.selection-mode,.selection-mode *{cursor:crosshair!important}.selected-for-delete *{stroke:#dc3545!important}.draggable-connection.selected-for-delete path{stroke:#dc3545!important;stroke-width:4px!important;stroke-dasharray:none!important;opacity:1!important}.draggable-connection.selected-for-delete .connection-visual-path{stroke:#dc3545!important;stroke-width:4px!important;stroke-dasharray:none!important;opacity:1!important}.selected-for-delete polygon{fill:#dc3545!important;stroke:#dc3545!important;opacity:1!important}.selected-for-delete text{fill:#dc3545!important;font-weight:700!important;opacity:1!important}.selection-mode [id^=elem_]{cursor:pointer!important;pointer-events:all!important}.selection-mode [id^=link_] text{cursor:pointer!important;padding:2px 4px!important;border-radius:3px!important;transition:background-color .2s ease!important}.selection-mode [id^=link_] text:hover{background-color:#dc35451a!important;outline:1px solid #dc3545!important}@keyframes modernPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1}}.center-target-highlight{animation:centerTargetBreathe .5s ease-in-out infinite alternate!important}@keyframes centerTargetBreathe{0%{filter:drop-shadow(0 0 2px rgba(0,212,255,.8))}to{filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}}@media (prefers-color-scheme: dark){body,.svg-container{background-color:#1a1a1a}.svg-content{background-color:#2d2d2d}.structured-radio-item{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.structured-radio-item:hover:not(:disabled){background-color:#4a4a4a;border-color:#007bff}.structured-radio-item.selected{background-color:#1e3a5f;border-color:#2196f3;color:#90caf9}.structured-radio-item.selected:hover:not(:disabled){background-color:#2a4a6f;border-color:#1976d2}.structured-label{color:#e0e0e0}.structured-input{background-color:#3a3a3a;border-color:#555;color:#e0e0e0}.structured-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.structured-input:disabled{background-color:#2a2a2a;color:#888}}.draggable-connection{transition:all .2s ease}.draggable-connection-text{cursor:grab!important;-webkit-user-select:none;user-select:none;transition:all .2s ease}.connection-hover{stroke:#ff6b00!important;filter:drop-shadow(0 0 4px rgba(255,107,0,.5))}.connection-hover path{stroke:#ff6b00!important;stroke-width:2px!important;filter:drop-shadow(0 0 4px rgba(255,107,0,.5))}.connection-hover .connection-visual-path,.draggable-connection.connection-hover .connection-visual-path{stroke:#ff6b00!important;stroke-width:2px!important;filter:drop-shadow(0 0 4px rgba(255,107,0,.5))!important}.draggable-connection path{stroke-width:8px!important;stroke:transparent!important;pointer-events:stroke!important}.draggable-connection.connection-highlight-in path,.draggable-connection.connection-highlight-out path{stroke:#ff6b35!important;stroke-width:2.5px!important;opacity:.8!important}.draggable-connection.connection-highlight-in .connection-visual-path,.draggable-connection.connection-highlight-out .connection-visual-path{stroke:#ff6b35!important;stroke-width:2.5px!important;opacity:.8!important}.draggable-connection.dimmed.selectable-connection path{stroke:#ff9500!important;stroke-width:4px!important;stroke-dasharray:8,4!important;opacity:1!important}.draggable-connection.dimmed.selectable-connection .connection-visual-path{stroke:#ff9500!important;stroke-width:4px!important;stroke-dasharray:8,4!important;opacity:1!important}.draggable-connection.connection-highlight-in polygon,.draggable-connection.connection-highlight-out polygon{fill:#ff6b35!important;stroke:#ff6b35!important;opacity:.8!important}.draggable-connection.dimmed.selectable-connection polygon{fill:#ff9500!important;stroke:#ff9500!important;opacity:1!important}.draggable-connection:before{content:"";position:absolute;pointer-events:none;z-index:1}.draggable-connection .connection-visual-path{stroke:#212121!important;stroke-width:1px!important;fill:none!important;pointer-events:none!important}.connection-hover polygon{fill:#ff6b00!important;stroke:#ff6b00!important;filter:drop-shadow(0 0 4px rgba(255,107,0,.5))}.connection-dragging{stroke:#ff6b00!important;filter:drop-shadow(0 0 6px rgba(255,107,0,.6))}.connection-dragging path{stroke:#ff6b00!important;stroke-width:3px!important;filter:drop-shadow(0 0 6px rgba(255,107,0,.6))}.connection-dragging polygon{fill:#ff6b00!important;stroke:#ff6b00!important;filter:drop-shadow(0 0 6px rgba(255,107,0,.6))}.connection-drag-tooltip{position:fixed;background:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;z-index:1000;white-space:nowrap}.connection-text-hover{fill:#ff6b00!important}.connection-drag-mode .draggable-connection,.connection-drag-mode .draggable-connection:hover{cursor:grab}.connection-drag-mode .draggable-connection:active{cursor:grabbing}.connection-drag-mode .draggable-connection-text,.connection-drag-mode .draggable-connection-text:hover{cursor:grab!important}.connection-drag-mode .draggable-connection-text:active{cursor:grabbing!important}@keyframes connection-pulse{0%,to{opacity:.7}50%{opacity:1}}.connection-dragging{animation:connection-pulse 1s infinite}@media (max-width: 768px){.connection-hover,.connection-dragging{stroke-width:6!important}.connection-redirect-target{stroke-width:4!important}.connection-drag-tooltip{font-size:14px;padding:10px 14px}}.context-selector{position:relative;display:inline-block}.context-toggle-button{position:relative!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px #0000001a!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6c757d!important;font-weight:400!important}.context-toggle-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #00000026!important;background:#fffffff2!important;border-color:#ffffff80!important;color:#495057!important}.context-toggle-button:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0003!important}.context-icon{font-size:16px;line-height:1}.context-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;max-width:220px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1001;overflow:hidden;animation:contextMenuSlideDown .2s ease-out}@keyframes contextMenuSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.context-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:#495057;font-size:14px;font-weight:400;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-dropdown-item:hover{background:#007bff14;color:#007bff}.context-dropdown-item.selected{background:#007bff1f;color:#007bff;font-weight:500}.context-dropdown-item.selected .context-item-icon{filter:brightness(1.2)}.context-item-icon{font-size:14px;margin-right:8px;opacity:.8;flex-shrink:0}.context-item-text{flex:1;overflow:hidden;text-overflow:ellipsis}.context-dropdown-divider{height:1px;background:#0000001a;margin:4px 12px}@media (max-width: 768px){.context-dropdown-menu{right:-10px;min-width:160px;max-width:200px}.context-dropdown-item{padding:10px 12px;font-size:13px}.context-item-icon{font-size:13px;margin-right:6px}}.context-selector .context-toggle-button[aria-expanded=true]{background:#007bff1a!important;border-color:#007bff33!important;color:#007bff!important}.filter-dropdown-container .current-filter-icon{display:none!important}.file-actions-dropdown{position:relative;display:inline-block}.file-actions-toggle-button{position:relative!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px #0000001a!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6c757d!important;font-weight:400!important}.file-actions-toggle-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #00000026!important;background:#fffffff2!important;border-color:#ffffff80!important;color:#495057!important}.file-actions-toggle-button:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0003!important}.file-actions-icon{font-size:16px;line-height:1}.file-actions-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;max-width:220px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1001;overflow:hidden;animation:fileActionsMenuSlideDown .2s ease-out}@keyframes fileActionsMenuSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-actions-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:#495057;font-size:14px;font-weight:400;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions-dropdown-item:hover{background:#007bff14;color:#007bff}.file-actions-item-icon{font-size:14px;margin-right:8px;opacity:.8;flex-shrink:0}.file-actions-item-text{flex:1;overflow:hidden;text-overflow:ellipsis}.file-actions-dropdown-divider{height:1px;background:#0000001a;margin:4px 12px}@media (max-width: 768px){.file-actions-dropdown-menu{right:-10px;min-width:160px;max-width:200px}.file-actions-dropdown-item{padding:10px 12px;font-size:13px}.file-actions-item-icon{font-size:13px;margin-right:6px}}.file-actions-dropdown .file-actions-toggle-button[aria-expanded=true]{background:#007bff1a!important;border-color:#007bff33!important;color:#007bff!important}.help-dropdown{position:relative;display:inline-block}.help-toggle-button{position:relative!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px #0000001a!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6c757d!important;font-weight:400!important}.help-toggle-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #00000026!important;background:#fffffff2!important;border-color:#ffffff80!important;color:#495057!important}.help-toggle-button:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0003!important}.help-icon{font-size:16px;line-height:1}.help-dropdown-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;min-width:160px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1001;overflow:hidden;animation:helpMenuSlideUp .2s ease-out}@keyframes helpMenuSlideUp{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:#495057;font-size:14px;font-weight:400;transition:all .2s ease;white-space:nowrap}.help-dropdown-item:hover{background:#4f98cd14;color:#4f98cd}.help-item-text{flex:1}.help-dropdown-divider{height:1px;background:#0000001a;margin:4px 12px}.help-dropdown .help-toggle-button[aria-expanded=true]{background:#4f98cd1a!important;border-color:#4f98cd33!important;color:#4f98cd!important}@media (max-width: 768px){.help-dropdown-menu{right:-10px;min-width:140px}.help-dropdown-item{padding:10px 12px;font-size:13px}}.tools-dropdown{position:relative;display:inline-block}.tools-toggle-button{position:relative!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:12px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 12px #0000001a!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#6c757d!important;font-weight:400!important}.tools-toggle-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #00000026!important;background:#fffffff2!important;border-color:#ffffff80!important;color:#495057!important}.tools-toggle-button:active{transform:translateY(0)!important;box-shadow:0 2px 8px #0003!important}.tools-icon{font-size:16px;line-height:1}.tools-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;max-width:220px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1001;overflow:hidden;animation:toolsMenuSlideDown .2s ease-out}@keyframes toolsMenuSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tools-dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:#495057;font-size:14px;font-weight:400;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-dropdown-item:hover{background:#007bff14;color:var(--item-color, #007bff)}.tools-item-icon{font-size:14px;margin-right:8px;opacity:.8;flex-shrink:0;color:var(--item-color, currentColor)}.tools-dropdown-item:hover .tools-item-icon{color:var(--item-color, #007bff);opacity:1}.tools-item-text{flex:1;overflow:hidden;text-overflow:ellipsis}.tools-dropdown-divider{height:1px;background:#0000001a;margin:4px 12px}.tools-dropdown .tools-toggle-button[aria-expanded=true]{background:#007bff1a!important;border-color:#007bff33!important;color:#007bff!important}@media (max-width: 768px){.tools-dropdown-menu{right:-10px;min-width:160px;max-width:200px}.tools-dropdown-item{padding:10px 12px;font-size:13px}.tools-item-icon{font-size:13px;margin-right:6px}}.node-edit-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.node-edit-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:480px;width:90%;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:nodeEditSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes nodeEditSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.node-edit-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8e8e8;background:#fafafa}.node-edit-header h3{margin:0;font-size:16px;font-weight:500;color:#333}.node-type-indicator{color:#888;font-weight:400;font-size:14px}.node-edit-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.node-edit-close:hover{background:#e0e0e0;color:#333}.node-edit-content{padding:16px;overflow-y:auto;flex:1}.node-edit-errors{margin-bottom:12px;padding:8px 12px;background:#fff8e1;border:1px solid #ffcc02;border-radius:4px;font-size:13px}.form-field input,.form-field textarea,.form-field select{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;line-height:1.3}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#4f98cd;box-shadow:0 0 0 2px #4f98cd1a}.readonly-field{background:#f5f5f5!important;color:#666!important;cursor:not-allowed}.readonly-field:focus{border-color:#d0d0d0!important;box-shadow:none!important}.node-edit-footer{padding:12px 16px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.node-edit-dialog{width:95%;max-height:85vh;margin:10px}.node-edit-header,.node-edit-content,.node-edit-footer{padding:12px}.node-edit-footer{justify-content:center;gap:12px}}.node-edit-content::-webkit-scrollbar{width:6px}.node-edit-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.node-edit-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.node-edit-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.node-add-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.node-add-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:520px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:nodeAddSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes nodeAddSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.node-add-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8e8e8;background:#fafafa}.node-add-header h3{margin:0;font-size:16px;font-weight:500;color:#333}.node-add-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.node-add-close:hover{background:#e0e0e0;color:#333}.node-add-content{padding:16px;overflow-y:auto;flex:1}.node-add-errors{margin-bottom:12px;padding:8px 12px;background:#fff8e1;border:1px solid #ffcc02;border-radius:4px;font-size:13px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;line-height:1.3;color:#000}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#4f98cd;box-shadow:0 0 0 2px #4f98cd1a}.form-field select{cursor:pointer}.form-field textarea{resize:none;min-height:38px;line-height:1.4;overflow:hidden;transition:height .1s ease}.node-add-footer{padding:12px 16px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end;gap:8px}.bounded-context-container{position:relative}.new-context-container{display:flex;flex-direction:column;gap:8px}.new-context-actions{display:flex;gap:6px;justify-content:flex-end}.btn-confirm-small,.btn-cancel-small{padding:4px 12px;border:1px solid;border-radius:4px;font-size:12px;cursor:pointer;transition:all .15s ease}.btn-confirm-small{background:#4f98cd;color:#fff;border-color:#4f98cd}.btn-confirm-small:hover{background:#3a7ba8;border-color:#3a7ba8}.btn-cancel-small{background:#f8f9fa;color:#6c757d;border-color:#dee2e6}.btn-cancel-small:hover{background:#e9ecef;border-color:#adb5bd}.node-type-quick-select{display:flex;flex-direction:column;gap:10px}.quick-types{display:flex;gap:8px;flex-wrap:wrap}.quick-type-item{padding:8px 16px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;text-align:center;box-shadow:0 2px 4px #00000014;min-width:80px}.quick-type-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f;border-color:#0000001a}.quick-type-item:active{transform:translateY(0);box-shadow:0 2px 4px #00000014}.type-selector-divider{font-size:12px;color:#666;text-align:center;padding:4px 0;position:relative}.type-selector-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e0e0e0;z-index:1}.type-selector-divider{background:#fff;padding:4px 12px;z-index:2;position:relative;display:inline-block;margin:0 auto}.type-dropdown{padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;background:#fff;cursor:pointer;width:100%}.type-dropdown:focus{outline:none;border-color:#4f98cd;box-shadow:0 0 0 2px #4f98cd1a}.node-type-selected{display:flex;flex-direction:column;gap:8px;position:relative}.selected-type-display{padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;position:relative}.selected-type-display:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.selected-type-label{font-size:14px;font-weight:600}.change-type-hint{font-size:11px;opacity:.8;font-weight:400}.type-change-dropdown{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:13px}.type-change-dropdown:focus{opacity:1;position:static;background:#fff;border:1px solid #4f98cd;box-shadow:0 0 0 2px #4f98cd1a}@media (max-width: 768px){.quick-types{justify-content:center}.quick-type-item{min-width:auto;flex:1}}@media (max-width: 768px){.node-add-dialog{width:95%;max-height:90vh;margin:10px}.node-add-header,.node-add-content,.node-add-footer{padding:12px}.node-add-footer{justify-content:center;gap:12px}}.node-id-feedback{margin-top:4px;font-size:12px;line-height:1.3}.feedback-success{color:#28a745;font-weight:500}.feedback-warning{color:#ffc107;font-weight:500}.node-add-content::-webkit-scrollbar{width:6px}.node-add-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.node-add-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.node-add-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.relation-edit-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.relation-edit-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:480px;width:90%;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:relationEditSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes relationEditSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.relation-edit-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8e8e8;background:#fafafa}.relation-edit-header h3{margin:0;font-size:16px;font-weight:500;color:#333}.relation-edit-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.relation-edit-close:hover{background:#e0e0e0;color:#333}.relation-edit-content{padding:16px;overflow-y:auto;flex:1}.relation-preview{margin-bottom:16px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;transition:all .2s ease}.relation-preview label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.node-name{padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001a;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s ease}.relation-edit-errors{margin-bottom:12px;padding:8px 12px;background:#fff8e1;border:1px solid #ffcc02;border-radius:4px;font-size:13px}.form-field{margin-bottom:12px}.form-field label{display:block;margin-bottom:4px;font-weight:500;color:#444;font-size:13px;line-height:1.2}.form-field input{width:100%;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:13px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;line-height:1.3}.form-field input.readonly{background:#f5f5f5;color:#333!important;cursor:not-allowed}.form-field input.readonly:focus{border-color:#d0d0d0;box-shadow:none}.relation-edit-footer{padding:12px 16px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end;gap:8px}.btn-save{background:#4f98cde6;color:#fff;border-color:#4f98cd4d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4f98cd40;background:#4f98cdf2;border-color:#4f98cd80}.btn-save:active{transform:translateY(0);box-shadow:0 2px 8px #4f98cd4d}@media (max-width: 768px){.relation-edit-dialog{width:95%;max-height:85vh;margin:10px}.relation-edit-header,.relation-edit-content,.relation-edit-footer{padding:12px}.relation-edit-footer{justify-content:center;gap:12px}.connection-display{flex-direction:column;align-items:flex-start;gap:6px}.arrow{transform:rotate(90deg);align-self:center}}.relation-edit-content::-webkit-scrollbar{width:6px}.relation-edit-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.relation-edit-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.relation-edit-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.connection-redirect-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.connection-redirect-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:580px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:connectionRedirectSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes connectionRedirectSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.connection-redirect-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background:#fafafa}.connection-redirect-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.connection-redirect-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.connection-redirect-close:hover{background:#e0e0e0;color:#333}.connection-redirect-content{padding:20px;overflow-y:auto;flex:1}.connection-redirect-errors{margin-bottom:16px;padding:12px 16px;background:#fff8e1;border:1px solid #ffcc02;border-radius:4px;font-size:13px}.error-message{color:#bf9000;font-size:13px;margin:1px 0;line-height:1.3}.redirect-preview{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;transition:all .2s ease}.original-connection,.new-connection{margin-bottom:12px}.original-connection label,.new-connection label{display:block;font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.connection-display{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.node-name{padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.node-name:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.node-name.intermediate{font-weight:700}.arrow{color:#666;font-weight:700;font-size:16px}.original-description{margin-top:8px;padding:6px 12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:12px;color:#856404}.redirect-arrow{text-align:center;font-size:20px;color:#28a745;font-weight:700;margin:8px 0}.form-field{margin-bottom:16px}.form-field label{display:block;margin-bottom:6px;font-weight:500;color:#444;font-size:14px;line-height:1.3}.form-field input{width:100%;padding:10px 14px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;background:#fff;line-height:1.4}.form-field input:focus{outline:none;border-color:#4f98cd;box-shadow:0 0 0 2px #4f98cd1a}.form-field input::placeholder{color:#999;font-style:italic}.connection-redirect-footer{padding:16px 20px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-save{min-width:60px;height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000001a;color:#6c757d;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.btn-save{background:#28a745e6;color:#fff;border-color:#28a7454d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 16px #28a74540;background:#28a745f2;border-color:#28a74580}.btn-save:active{transform:translateY(0);box-shadow:0 2px 8px #28a7454d}.btn-save:disabled{background:#80808080;color:#ffffffb3;border-color:#8080804d;cursor:not-allowed;transform:none;box-shadow:none}.btn-save:disabled:hover{transform:none;box-shadow:none;background:#80808080;border-color:#8080804d}@media (max-width: 768px){.connection-redirect-dialog{width:95%;max-height:90vh;margin:10px}.connection-redirect-header,.connection-redirect-content,.connection-redirect-footer{padding:16px}.connection-redirect-footer{justify-content:center;gap:12px}.connection-display{flex-direction:column;align-items:flex-start;gap:6px}.arrow{transform:rotate(90deg);align-self:center}}.connection-redirect-content::-webkit-scrollbar{width:6px}.connection-redirect-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.connection-redirect-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.connection-redirect-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.delete-confirm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.delete-confirm-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:deleteConfirmSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes deleteConfirmSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background:#fafafa}.delete-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.delete-confirm-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.delete-confirm-close:hover{background:#e0e0e0;color:#333}.delete-confirm-content{padding:20px;overflow-y:auto;flex:1}.delete-warning{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#fff8e1,#fffbf0);border:1px solid #ffcc02;border-radius:8px}.warning-text{flex:1}.warning-text p{margin:0 0 4px;font-size:14px;color:#856404;line-height:1.4}.warning-note{font-weight:600;color:#d63384!important}.delete-items-list{max-height:200px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa;width:fit-content;min-width:200px}.delete-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e8e8e8;transition:background-color .15s ease}.delete-item:last-child{border-bottom:none}.delete-item:hover{background:#f0f0f0}.item-icon{font-size:16px;flex-shrink:0}.item-name{flex:1;font-size:14px;font-weight:500;color:#333;word-break:break-all}.item-name.node-name{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001a;transition:all .2s ease;display:inline-block;margin-right:6px}.item-name.node-name:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.connection-display{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.connection-display .node-name{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001a;transition:all .2s ease}.connection-display .node-name:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.connection-display .arrow{color:#666;font-weight:700;font-size:16px}.item-type{font-size:12px;color:#666;background:#e9ecef;padding:2px 8px;border-radius:12px;flex-shrink:0}.delete-confirm-footer{padding:16px 20px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-delete{min-width:80px;height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000001a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.btn-cancel{color:#6c757d}.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;background:#fffffff2;border-color:#ffffff80}.btn-cancel:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.btn-delete{background:#dc3545e6;color:#fff;border-color:#dc35454d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 16px #dc354540;background:#dc3545f2;border-color:#dc354580}.btn-delete:active{transform:translateY(0);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.delete-confirm-dialog{width:95%;max-height:90vh;margin:10px}.delete-confirm-header,.delete-confirm-content,.delete-confirm-footer{padding:16px}.delete-confirm-footer{justify-content:center;gap:12px}.delete-warning{flex-direction:column;text-align:center}.warning-icon{align-self:center}}.delete-confirm-content::-webkit-scrollbar,.delete-items-list::-webkit-scrollbar{width:6px}.delete-confirm-content::-webkit-scrollbar-track,.delete-items-list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.delete-confirm-content::-webkit-scrollbar-thumb,.delete-items-list::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.delete-confirm-content::-webkit-scrollbar-thumb:hover,.delete-items-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.exit-confirm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.exit-confirm-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:450px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:exitConfirmSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes exitConfirmSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background:#fafafa}.exit-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.exit-confirm-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.exit-confirm-close:hover{background:#f5f5f5;color:#666}.exit-confirm-content{padding:24px 20px;flex:1;overflow-y:auto}.exit-warning{display:flex;gap:12px;margin-bottom:20px}.exit-details{background:#f8f9fa;border-radius:8px;padding:16px;border-left:3px solid #ff5f57}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#555;font-size:14px}.detail-item:last-child{margin-bottom:0}.exit-confirm-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e8e8e8;background:#fafafa}.btn-cancel,.btn-exit{padding:10px 20px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-exit{background:#ff5f57;color:#fff;border-color:#e04b3d;box-shadow:0 2px 4px #ff5f5733}.btn-exit:hover{background:#ff3b30;border-color:#d12b20;transform:translateY(-1px);box-shadow:0 4px 8px #ff5f574d}.btn-exit:active{transform:translateY(0);box-shadow:0 2px 4px #ff5f5733}@media (max-width: 480px){.exit-confirm-dialog{max-width:95%;margin:10px}.exit-confirm-content{padding:20px 16px}.exit-confirm-footer{padding:12px 16px;flex-direction:column-reverse}.btn-cancel,.btn-exit{width:100%;margin:0}.exit-confirm-footer{gap:8px}}.import-replace-confirm-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.import-replace-confirm-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:importReplaceSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes importReplaceSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.import-replace-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background:#fafafa}.import-replace-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.import-replace-confirm-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.import-replace-confirm-close:hover{background:#f5f5f5;color:#666}.import-replace-confirm-content{padding:24px 20px;flex:1;overflow-y:auto}.import-replace-warning{display:flex;gap:12px;margin-bottom:20px}.warning-icon{font-size:24px;flex-shrink:0}.warning-text p{margin:0;color:#333;line-height:1.5}.warning-text p:first-child{font-weight:500;margin-bottom:4px}.warning-note{color:#e74c3c!important;font-size:14px;font-weight:500}.import-replace-details{background:#f8f9fa;border-radius:8px;padding:16px;border-left:3px solid #ff9800}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#555;font-size:14px}.detail-icon{font-size:16px;flex-shrink:0}.detail-text{flex:1}.modified-contexts-list{margin-top:8px;max-height:200px;overflow-y:auto}.modified-context-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;font-size:13px}.modified-context-item:last-child{margin-bottom:0}.context-name{font-weight:500;color:#333}.context-file{color:#666;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-replace-confirm-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e8e8e8;background:#fafafa}.btn-cancel,.btn-confirm{padding:10px 20px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.btn-cancel{background:#f8f9fa;color:#495057;border-color:#dee2e6}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd}.btn-confirm{background:#ff9800;color:#fff;border-color:#f57c00;box-shadow:0 2px 4px #ff980033}.btn-confirm:hover{background:#fb8c00;border-color:#e65100;transform:translateY(-1px);box-shadow:0 4px 8px #ff98004d}.btn-confirm:active{transform:translateY(0);box-shadow:0 2px 4px #ff980033}@media (max-width: 480px){.import-replace-confirm-dialog{max-width:95%;margin:10px}.import-replace-confirm-content{padding:20px 16px}.import-replace-confirm-footer{padding:12px 16px;flex-direction:column-reverse}.btn-cancel,.btn-confirm{width:100%;margin:0}.import-replace-confirm-footer{gap:8px}}.toast{position:fixed;top:20px;left:50%;z-index:10000;min-width:240px;max-width:320px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 2px 12px #0000001a;border:1px solid rgba(0,0,0,.08);transform:translate(-50%) translateY(-10px);opacity:0;transition:all .2s ease-out;pointer-events:none}.toast-show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.toast-leave{transform:translate(-50%) translateY(-10px);opacity:0}.toast-content{display:flex;align-items:center;padding:8px 12px;gap:8px}.toast-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:13px;color:#374151;line-height:1.3;font-weight:400}.toast-close{width:16px;height:16px;border:none;background:none;color:#9ca3af;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .15s ease;flex-shrink:0}.toast-close:hover{background:#0000000d;color:#6b7280}.toast-success .toast-icon{background:#10b981;color:#fff}.toast-success{border-left:4px solid #10b981}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-error{border-left:4px solid #ef4444}.toast-info .toast-icon{background:#3b82f6;color:#fff}.toast-info{border-left:4px solid #3b82f6}.toast-warning .toast-icon{background:#f59e0b;color:#fff}.toast-warning{border-left:4px solid #f59e0b}@media (max-width: 768px){.toast{top:15px;left:50%;right:auto;min-width:200px;max-width:85vw;transform:translate(-50%) translateY(-10px)}.toast-show{transform:translate(-50%) translateY(0)}.toast-leave{transform:translate(-50%) translateY(-10px)}}.loading-overlay{position:fixed;inset:0;background-color:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(255,255,255,.2)}.spinner{position:relative;width:40px;height:40px}.spinner-ring{position:absolute;border:3px solid transparent;border-top:3px solid #4f46e5;border-radius:50%;width:100%;height:100%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){border-top-color:#06b6d4;animation-delay:-.3s;transform:scale(.8)}.spinner-ring:nth-child(3){border-top-color:#10b981;animation-delay:-.6s;transform:scale(.6)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:14px;color:#6b7280;font-weight:500;text-align:center}.highlighted-nodes-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;padding:12px 16px;animation:dockSlideUp .4s cubic-bezier(.25,.46,.45,.94)}@keyframes dockSlideUp{0%{transform:translate(-50%) translateY(100px);opacity:0;scale:.8}to{transform:translate(-50%) translateY(0);opacity:1;scale:1}}.panel-content{display:flex;align-items:center;gap:12px}.filter-dropdown-container{position:relative;display:flex;align-items:center;flex-shrink:0}.filter-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000001a;z-index:2;flex-shrink:0}.filter-trigger:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.filter-trigger:active{transform:translateY(0);scale:.95}.filter-icon{font-size:14px;opacity:.9}.filter-icon svg{color:inherit!important;fill:none!important;stroke:currentColor!important;width:14px!important;height:14px!important}.current-filter-info{display:flex;align-items:center;gap:4px}.current-filter-icon{font-size:12px}.current-filter-count{font-weight:600;color:#988f8f;font-size:11px}.filter-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;min-width:140px;background:#1c1c1ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;padding:4px;animation:dropdownSlideUp .2s cubic-bezier(.25,.46,.45,.94)}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#fffc;font-size:12px}.filter-option:hover{background:#ffffff14;color:#fff}.filter-option.active{background:#00d4ff33;color:#00d4ff}.option-icon{font-size:14px}.option-label{flex:1;margin-left:8px;font-weight:500}.option-count{font-size:10px;opacity:.7;background:#ffffff1a;padding:2px 6px;border-radius:8px}.nodes-chain-container{display:flex;align-items:center;gap:8px}.nodes-chain{display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 200px);min-width:0;overflow-x:auto;overflow-y:visible;padding:2px 0;z-index:1;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.nodes-chain::-webkit-scrollbar{display:none}.nodes-chain{position:relative}.nodes-chain:before,.nodes-chain:after{content:"";position:absolute;top:0;bottom:0;width:12px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.nodes-chain:before{left:-12px;background:linear-gradient(to right,rgba(0,212,255,.1),transparent)}.nodes-chain:after{right:-12px;background:linear-gradient(to left,rgba(0,212,255,.1),transparent)}.nodes-chain.scrollable:before,.nodes-chain.scrollable:after{opacity:1}.highlighted-nodes-panel .node-item{display:inline-flex;align-items:center;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0;width:auto;min-width:fit-content;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a;transition:all .2s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.rollback-icon{display:none;cursor:pointer;font-size:12px;margin-left:6px;padding:2px;border-radius:3px;transition:all .2s ease;opacity:.6;-webkit-user-select:none;user-select:none}.rollback-icon svg{color:inherit!important;fill:none!important;stroke:currentColor!important;width:12px!important;height:12px!important}.rollback-icon:hover{opacity:1;background:#ffffff4d}.highlighted-nodes-panel .node-item:hover .rollback-icon{display:inline-block}.highlighted-nodes-panel .node-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff26}.highlighted-nodes-panel .node-item:active{transform:translateY(-1px) scale(.98)}.chain-arrow{color:#988f8f;font-size:14px;font-weight:700;opacity:.8;text-shadow:0 0 8px rgba(0,212,255,.5);animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.replay-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#22c55e33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(34,197,94,.3);color:#fff;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #22c55e33,inset 0 1px #ffffff1a;flex-shrink:0;-webkit-user-select:none;user-select:none}.replay-button svg{color:inherit!important;fill:none!important;stroke:currentColor!important;width:14px!important;height:14px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:14px!important;min-width:14px!important;max-width:14px!important}.replay-button:hover{background:#22c55e4d;border-color:#22c55e66;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #22c55e4d,inset 0 1px #ffffff26}.replay-button:active{transform:translateY(0) scale(.95);box-shadow:0 2px 6px #22c55e33,inset 0 1px #ffffff1a}.no-nodes-message{color:#fff9;font-size:11px;font-style:italic;padding:4px 8px}@media (max-width: 768px){.highlighted-nodes-panel{bottom:10px;left:10px;right:10px;transform:none;border-radius:16px;padding:8px 12px}.panel-content{gap:8px}.nodes-chain{width:max-content;max-width:calc(100vw - 120px);gap:6px}.highlighted-nodes-panel .node-item{padding:4px 8px;font-size:11px;border-radius:12px;flex-shrink:0;min-width:fit-content}.chain-arrow{font-size:12px}.filter-trigger{padding:4px 8px;font-size:11px;border-radius:10px}.filter-dropdown{min-width:120px}.filter-option{padding:6px 10px;font-size:11px}.replay-button{width:28px;height:28px;font-size:12px}}.connection-dropdown-container{position:relative;display:flex;align-items:center;flex-shrink:0}.connection-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ff950033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,149,0,.3);border-radius:12px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #ff950033;flex-shrink:0;white-space:nowrap}.connection-trigger:hover{background:#ff95004d;border-color:#ff950066;transform:translateY(-1px);box-shadow:0 4px 12px #ff95004d}.connection-trigger:active{transform:translateY(0);scale:.95}.connection-icon{font-size:14px;opacity:.9}.connection-icon svg{color:inherit!important;fill:none!important;stroke:currentColor!important;width:14px!important;height:14px!important}.connection-text{font-weight:500}.connection-count{font-weight:600;color:#ff9500;font-size:11px;background:#ff950033;padding:2px 6px;border-radius:8px}.connection-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:20px;min-width:160px;background:#1c1c1ed9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:2px dashed rgba(255,149,0,.4);padding:6px;animation:connectionDropdownSlideUp .2s cubic-bezier(.25,.46,.45,.94)}@keyframes connectionDropdownSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.connection-option{margin:2px 0}@media (prefers-color-scheme: light){.highlighted-nodes-panel{background:#fffc;border-color:#0000001a}.filter-trigger{background:#0000001a;border-color:#00000026;color:#333}.filter-trigger:hover{background:#00000026}.filter-dropdown{background:#ffffffe6;border-color:#0000001a}.filter-option{color:#000c}.filter-option:hover{background:#0000000d;color:#000}.no-nodes-message{color:#0009}.connection-trigger{background:#ff950026;border-color:#ff950040;color:#333;flex-shrink:0;white-space:nowrap}.connection-trigger:hover{background:#ff950040}.connection-dropdown{background:#ffffffd9;border-color:#ff95004d}.replay-button{background:#22c55e26;border-color:#22c55e40;color:#333}.replay-button:hover{background:#22c55e40;color:#333}}.context-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:120px;font-size:14px;-webkit-user-select:none;user-select:none;animation:contextMenuFadeIn .15s ease-out;outline:none;z-index:1002;opacity:1;visibility:visible;pointer-events:auto}.context-menu:focus{outline:none}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s ease;color:#333}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-item:active{background-color:#e0e0e0}.context-menu-icon{margin-right:8px;font-size:16px;width:20px;text-align:center}.context-menu-item span{font-weight:500}.node-directory-sidebar{position:fixed;top:80px;right:20px;width:320px;max-height:calc(100vh - 100px);background-color:#fff;box-shadow:0 4px 20px #00000014;border-radius:12px;display:flex;flex-direction:column;z-index:999;transform:translate(100%);transition:transform .3s ease-out,opacity .3s ease-out,visibility .3s ease-out;border:1px solid #e5e7eb;opacity:0;visibility:hidden}.node-directory-sidebar.open{transform:translate(0);opacity:1;visibility:visible}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background-color:#fafbfc;border-radius:12px 12px 0 0}.sidebar-header h3{margin:0;font-size:15px;font-weight:500;color:#374151}.close-button{background:none;border:none;font-size:18px;color:#6b7280;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-button:hover{background-color:#f3f4f6;color:#374151}.sidebar-content{flex:1;overflow-y:auto;padding:0;border-radius:0 0 12px 12px;display:flex;flex-direction:column}.search-container{padding:12px 16px;border-bottom:1px solid #f0f0f0;background-color:#fafbfc;display:flex;gap:8px;align-items:center}.search-input{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;background-color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.filter-toggle-button{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;color:#4b5563;transition:all .2s;height:36px;display:flex;align-items:center;justify-content:center}.filter-toggle-button:hover{background-color:#f8f9fa;border-color:#d1d5db;color:#1f2937}.filter-badge{position:absolute;top:-4px;right:-4px;background-color:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center;line-height:1.2}.filter-panel{border-bottom:1px solid #f0f0f0;background-color:#fff;padding:12px 16px 10px}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.filter-section-title{font-size:12px;font-weight:600;color:#374151}.filter-clear-button{background:none;border:none;color:#3b82f6;font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s}.filter-clear-button:hover{background-color:#eff6ff}.filter-options{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.filter-option{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:3px 8px;border-radius:14px;border:1px solid #e5e7eb;background-color:#fff;transition:all .2s;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1.2}.filter-option.selected{border-color:#60a5fa;background-color:#eff6ff;color:#1d4ed8}.filter-option:hover{border-color:#d1d9ff;background-color:#f8fafc}.filter-option input[type=checkbox]{cursor:pointer;width:12px;height:12px;accent-color:#3b82f6}.filter-option-label{font-size:11px;color:#4b5563}.filter-option:hover .filter-option-label{color:#1f2937}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af}.search-results{flex:1;overflow-y:auto;background-color:#fff}.search-results-list{padding:4px 0}.search-result-item{padding:8px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f5f5f5}.search-result-item:hover{background-color:#f8f9fa}.search-result-item.selected{background-color:#e3f2fd;border-left:3px solid #3b82f6}.search-result-name{font-size:13px;font-weight:500;color:#374151;margin-bottom:2px}.search-result-meta{font-size:11px;color:#6b7280}.no-results{display:flex;align-items:center;justify-content:center;height:80px;color:#6b7280;font-size:12px}.empty-state{display:flex;align-items:center;justify-content:center;height:120px;color:#6b7280;font-size:13px;padding:20px}.directory-tree{padding:4px 0;flex:1;overflow-y:auto}.context-group{margin-bottom:2px}.context-header{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f5f5f5}.context-header:hover{background-color:#f8f9fa}.expand-icon{margin-right:6px;font-size:10px;color:#6b7280;transition:transform .2s;width:10px;display:inline-block}.expand-icon.expanded{transform:rotate(90deg)}.context-name{flex:1;font-weight:500;color:#374151;font-size:13px}.node-count{font-size:11px;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:8px;margin-left:6px}.node-types{background-color:#fafbfc;border-left:1px solid #e5e7eb;margin-left:16px}.node-type-group{border-bottom:none}.node-type-group:last-child{border-bottom:none}.node-type-header{display:flex;align-items:center;padding:6px 16px 6px 12px;cursor:pointer;transition:background-color .2s}.node-type-header:hover{background-color:#f1f3f4}.node-type-name{flex:1;font-weight:400;color:#4b5563;font-size:12px}.nodes-list{background-color:#fff;border-left:1px solid #e5e7eb;margin-left:16px;padding:0}.node-directory-sidebar .node-item{padding:3px 16px 3px 28px;cursor:pointer;transition:background-color .2s;font-size:12px;color:#4b5563;position:relative;line-height:1.5;border:none;background:none;text-align:left;width:100%;display:block}.node-directory-sidebar .node-item:hover{background-color:#f8f9fa;color:#374151}.node-directory-sidebar .node-item:last-child{border-bottom:none}.node-directory-sidebar .node-item:before{content:"•";position:absolute;left:20px;color:#9ca3af;font-size:10px;top:50%;transform:translateY(-50%)}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.node-directory-sidebar{width:calc(100% - 40px);top:80px;right:20px;left:20px}}.modeling-process-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modeling-process-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:500px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modelingDialogSlideIn .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes modelingDialogSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modeling-process-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fafafa}.modeling-process-dialog-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.modeling-process-dialog-close{background:none;border:none;font-size:22px;color:#666;cursor:pointer;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;line-height:1}.modeling-process-dialog-close:hover{background:#e0e0e0;color:#333}.modeling-process-dialog-content{padding:18px;overflow-y:auto;flex:1}.process-step{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.process-step:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.process-step strong{display:block;margin-bottom:8px;color:#2c3e50;font-size:14px;font-weight:600}.process-step p{margin:8px 0;color:#495057;font-size:13px;line-height:1.6}.process-step p strong{display:inline;color:#4f98cd;font-weight:600}.example-box{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #4f98cd}.example-box strong{display:block;margin-bottom:6px;color:#495057;font-size:12px;font-weight:600}.example-box ul{margin:6px 0 0;padding-left:18px;list-style-type:disc}.example-box li{margin:4px 0;color:#6c757d;font-size:12px;line-height:1.5}.process-step ul{margin:8px 0 0;padding-left:20px;list-style-type:disc}.process-step ul li{margin:6px 0;color:#495057;font-size:13px;line-height:1.5}.modeling-process-dialog-footer{padding:12px 18px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end}.modeling-process-dialog-content::-webkit-scrollbar{width:6px}.modeling-process-dialog-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.modeling-process-dialog-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.modeling-process-dialog-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.modeling-process-dialog{width:95%;max-height:90vh;margin:10px}.modeling-process-dialog-header,.modeling-process-dialog-content,.modeling-process-dialog-footer{padding:12px}}.usage-guide-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.usage-guide-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:500px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:usageGuideDialogSlideIn .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes usageGuideDialogSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.usage-guide-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fafafa}.usage-guide-dialog-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.usage-guide-dialog-close{background:none;border:none;font-size:22px;color:#666;cursor:pointer;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;line-height:1}.usage-guide-dialog-close:hover{background:#e0e0e0;color:#333}.usage-guide-dialog-content{padding:18px;overflow-y:auto;flex:1}.usage-category{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px}.usage-category:last-child{margin-bottom:0}.usage-category strong{display:block;margin-bottom:8px;color:#2c3e50;font-size:14px;font-weight:600}.usage-category ul{margin:0;padding-left:20px;list-style-type:disc}.usage-category li{margin:6px 0;color:#495057;font-size:13px;line-height:1.5}.usage-category li strong{display:inline;color:#4f98cd;font-weight:600;background:#4f98cd1a;padding:2px 4px;border-radius:3px}.usage-guide-dialog-footer{padding:12px 18px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end}.usage-guide-dialog-content::-webkit-scrollbar{width:6px}.usage-guide-dialog-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.usage-guide-dialog-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.usage-guide-dialog-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.usage-guide-dialog{width:95%;max-height:90vh;margin:10px}.usage-guide-dialog-header,.usage-guide-dialog-content,.usage-guide-dialog-footer{padding:12px}}.changelog-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.changelog-dialog{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:12px;box-shadow:0 20px 60px #0000001f,0 8px 20px #00000014;max-width:500px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:changelogDialogSlideIn .25s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes changelogDialogSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.changelog-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fafafa}.changelog-dialog-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.changelog-dialog-close{background:none;border:none;font-size:22px;color:#666;cursor:pointer;padding:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease;line-height:1}.changelog-dialog-close:hover{background:#e0e0e0;color:#333}.changelog-dialog-content{padding:18px;overflow-y:auto;flex:1}.changelog-entry{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.changelog-entry:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.changelog-version{display:flex;align-items:center;gap:10px;margin-bottom:10px}.changelog-version strong{font-size:15px;font-weight:600;color:#2c3e50}.changelog-date{font-size:12px;color:#6c757d;font-weight:400}.changelog-items{margin:0;padding-left:20px;list-style-type:disc}.changelog-items li{margin:8px 0;color:#495057;font-size:13px;line-height:1.6}.changelog-dialog-footer{padding:12px 18px;border-top:1px solid #e8e8e8;background:#fafafa;display:flex;justify-content:flex-end}.btn-close{min-width:70px;height:32px;padding:0 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#4f98cde6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 12px #0000001a;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4f98cd40;background:#4f98cdf2}.btn-close:active{transform:translateY(0);box-shadow:0 2px 8px #4f98cd4d}.changelog-dialog-content::-webkit-scrollbar{width:6px}.changelog-dialog-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.changelog-dialog-content::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}.changelog-dialog-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.changelog-dialog{width:95%;max-height:90vh;margin:10px}.changelog-dialog-header,.changelog-dialog-content,.changelog-dialog-footer{padding:12px}}.save-contexts-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.save-contexts-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.save-contexts-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.save-contexts-header h3{margin:0;font-size:18px;font-weight:600}.save-contexts-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.save-contexts-close:hover{color:#000}.save-contexts-content{padding:20px;overflow-y:auto;flex:1}.save-contexts-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.save-contexts-info p{margin:0;color:#666;font-size:14px}.save-contexts-select-all{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;color:#333}.save-contexts-select-all:hover{background:#f5f5f5}.save-contexts-list{display:flex;flex-direction:column;gap:8px}.save-contexts-item{padding:12px;border:1px solid #e0e0e0;border-radius:4px;transition:all .2s}.save-contexts-item:hover{background:#f9f9f9}.save-contexts-item.modified{border-color:#4caf50;background:#f1f8f4}.save-contexts-checkbox{display:flex;align-items:center;cursor:pointer;margin:0}.save-contexts-checkbox input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer}.save-contexts-label{display:flex;align-items:center;gap:12px;flex:1}.save-contexts-name{font-weight:600;color:#333;min-width:150px}.save-contexts-file{color:#666;font-size:14px;flex:1}.save-contexts-badge{background:#4caf50;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.save-contexts-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:12px}.save-contexts-cancel,.save-contexts-confirm{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.save-contexts-cancel{background:#f5f5f5;color:#333}.save-contexts-cancel:hover{background:#e0e0e0}.save-contexts-confirm{background:#4caf50;color:#fff}.save-contexts-confirm:hover:not(:disabled){background:#45a049}.save-contexts-confirm:disabled{background:#ccc;cursor:not-allowed}