:root{--bg-primary:#0f172a;--bg-surface:#1e293b;--color-primary:#3b82f6;--color-text:#f1f5f9;--color-accent:#10b981;--color-border:#334155;--color-muted:#64748b;--radius:.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--toolbar-width:60px;--sidebar-width:280px;--header-height:60px;--font-size-sm:.875rem;--font-size-lg:1.25rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--z-header:100;--z-sidebar:200}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{overflow:hidden;width:100vw;height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}.canvas-container{position:relative;overflow:hidden;background-color:var(--bg-primary);flex:1;width:100%;height:100%}.canvas-overlay{position:absolute;pointer-events:none;width:100%;height:100%;top:0;left:0}.canvas-overlay>*{pointer-events:auto}.app{display:flex;flex-direction:column;width:100vw;height:100vh}.app-content{display:flex;overflow:hidden;flex:1}.canvas-area{position:relative;background-color:var(--bg-primary);flex:1}.canvas-placeholder{display:flex;color:#64748b;justify-content:center;align-items: center;width:100%;height:100%;font-size:1.125rem}.canvas-loading,.canvas-error{position:absolute;text-align:center;background:var(--bg-surface);padding:var(--spacing-xl);border-radius:var(--radius);border:1px solid #334155;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px #0000004d}.canvas-loading p,.canvas-error p{margin-top:var(--spacing-sm);color:var(--color-text)}.loading-spinner{border:3px solid #334155;border-top:3px solid var(--color-primary);animation:spin 1s linear infinite;border-radius:50%;width:40px;height:40px;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-error{max-width:400px}.error-icon{margin-bottom:var(--spacing-sm);font-size:2rem}.canvas-error h3{color:#ef4444;margin-bottom:var(--spacing-sm)}.error-hint{color:#64748b;margin-top:var(--spacing-md);font-size:.75rem}.mode-indicator{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--bg-surface);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);border:1px solid #334155;font-size:.75rem}.mode-label{color:#64748b;margin-right:var(--spacing-xs)}.mode-value{text-transform:uppercase;letter-spacing:.5px;font-weight:600}.mode-select{color:#10b981}.mode-pan{color:#8b5cf6}.mode-draw-node{color:var(--color-primary)}.mode-draw-edge{color:#ff9f00}.mode-draw-boundary{color:#cb0404}.selection-info{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--bg-surface);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);border:1px solid var(--color-accent);color:var(--color-accent);font-size:.75rem;font-weight:500}.hover-info{position:absolute;bottom:calc(var(--spacing-md) + 36px);left:var(--spacing-md);background:var(--bg-surface);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);border:1px solid #334155;font-size:.75rem}.hover-label{color:#64748b;margin-right:var(--spacing-xs)}.hover-id{color:var(--color-text);font-weight:500}.zoom-info{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background:var(--bg-surface);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius);opacity:.8;border:1px solid #334155;font-size:.75rem}.zoom-label{color:#64748b;margin-right:var(--spacing-xs)}.zoom-value{color:var(--color-text);font-family:Courier New,monospace;font-weight:500}.canvas-help-trigger{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md)}.help-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);display:flex;color:#fff;cursor:help;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items: center;width:40px;height:40px;transition:all .2s;font-size:1.5rem;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.help-icon:hover{border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 16px #3b82f680}.help-tooltip{position:absolute;background:var(--bg-surface);border-radius:var(--radius);padding:var(--spacing-md);opacity:0;visibility:hidden;z-index:1000;border:1px solid #334155;width:300px;margin-bottom:.5rem;transition:all .2s;font-size:.75rem;bottom:100%;right:0;transform:translateY(8px);box-shadow:0 8px 24px #0006}.canvas-help-trigger:hover .help-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.instruction-group{margin-bottom:var(--spacing-md)}.instruction-group:last-child{margin-bottom:0}.instruction-group h4{color:var(--color-text);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.instruction-group ul{list-style:none;margin:0;padding:0}.instruction-group li{color:#64748b;display:flex;align-items: center;margin-bottom:2px}.instruction-group kbd{background:var(--bg-primary);margin-right:var(--spacing-xs);text-align:center;color:var(--color-text);border:1px solid #475569;border-radius:3px;min-width:60px;padding:1px 4px;font-size:.625rem}.button{display:inline-flex;justify-content:center;align-items: center;gap:var(--spacing-xs);font-family:var(--font-family);border-radius:var(--radius);cursor:pointer;text-decoration:none;outline:none;position:relative;white-space:nowrap;border:none;transition:all .2s;font-weight:500}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(.button--disabled){background-color:color-mix(in srgb,var(--color-primary)85%,white);transform:translateY(-1px)}.button--primary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--color-primary)90%,black);transform:translateY(0)}.button--secondary{background-color:var(--bg-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(.button--disabled){background-color:color-mix(in srgb,var(--bg-surface)85%,white);border-color:var(--color-muted)}.button--secondary:active:not(.button--disabled){background-color:color-mix(in srgb,var(--bg-surface)90%,black)}.button--ghost{color:var(--color-text);background-color:#0000}.button--ghost:hover:not(.button--disabled){background-color:color-mix(in srgb,var(--color-text)10%,transparent)}.button--ghost:active:not(.button--disabled){background-color:color-mix(in srgb,var(--color-text)15%,transparent)}.button--sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.button--md{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-base);min-height:40px}.button--lg{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button svg{flex-shrink:0;width:1em;height:1em}.button--loading{pointer-events:none}.button--loading:after{content:"";position:absolute;animation:spin 1s linear infinite;border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.input-container{position:relative;display:flex;align-items: center;width:100%}.input{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);outline:none;width:100%;transition:all .2s}.input::placeholder{color:var(--color-muted)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary)20%,transparent)}.input:hover:not(:focus):not(.input--disabled){border-color:var(--color-muted)}.input--with-icon{padding-left:40px}.input-icon{position:absolute;left:var(--spacing-sm);color:var(--color-muted);pointer-events:none;z-index:1;top:50%;transform:translateY(-50%)}.input-icon svg{width:16px;height:16px}.input--disabled{opacity:.5;cursor:not-allowed;background-color:color-mix(in srgb,var(--bg-surface)50%,var(--color-border))}.input--error{border-color:#ef4444}.input--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.input[type=search]{-webkit-appearance:none;appearance:none}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.header{display:grid;grid-template-columns:1fr 2fr 1fr;height:var(--header-height);padding:0 var(--spacing-lg);background-color:var(--bg-surface);border-bottom:1px solid var(--color-border);align-items: center;gap:var(--spacing-lg);z-index:var(--z-header)}.header-left,.header-center,.header-right{display:flex;align-items: center}.header-left{justify-content:flex-start}.header-center{justify-content:center}.header-right{justify-content:flex-end;gap:var(--spacing-sm)}.logo-section{display:flex;align-items: center;gap:var(--spacing-sm)}.logo{display:flex;justify-content:center;align-items: center}.app-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.search-section{position:relative;width:100%;max-width:400px}.search-results-overlay{position:absolute;z-index:var(--z-dropdown,1000);background:var(--bg-surface);border:1px solid var(--color-border);overflow:hidden;border-radius:8px;margin-top:4px;top:100%;left:0;right:0;box-shadow:0 8px 32px #0000001f}.search-results{display:flex;overflow:hidden;flex-direction:column}.search-results-header{display:flex;border-bottom:1px solid var(--color-border);background:var(--bg-muted);justify-content:space-between;align-items: center;padding:12px 16px}.results-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.close-button{color:var(--color-text-secondary);cursor:pointer;display:flex;background:0 0;border:none;border-radius:4px;justify-content:center;align-items: center;padding:4px;transition:all .2s}.close-button:hover{background:var(--color-hover);color:var(--color-text)}.search-results-list{overflow-y:auto;max-height:400px}.search-results-footer{border-top:1px solid var(--color-border);background:var(--bg-muted);padding:8px 16px}.keyboard-hints{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items: center;gap:8px}.keyboard-hints kbd{background:var(--bg-surface);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text);border-radius:3px;padding:2px 6px;font-family:monospace}.search-result-item{display:flex;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;align-items: center;gap:12px;padding:12px 16px;transition:all .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.hovered{background:var(--color-hover)}.search-result-item.selected{background:var(--color-primary-alpha);border-color:var(--color-primary)}.result-icon{display:flex;background:var(--bg-muted);color:var(--color-text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items: center;width:32px;height:32px}.entity-icon{display:flex;justify-content:center;align-items: center}.result-content{flex:1;min-width:0}.result-name{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:500}.result-type{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:4px}.result-matches{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.match-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--bg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:120px;padding:2px 6px}.more-matches{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.result-score{display:flex;font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-direction:column;flex-shrink:0;align-items: flex-end}.score-value{color:var(--color-primary);font-weight:600}.score-rank{color:var(--color-text-muted)}.results-group-header{display:flex;background:var(--bg-muted);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items: center;gap:8px;padding:8px 16px;font-weight:600}.search-highlight{background:var(--color-warning-alpha);color:var(--color-warning-contrast);border-radius:2px;padding:0 2px}@media (max-width:768px){.header{grid-template-columns:auto 1fr auto;gap:var(--spacing-md);padding:0 var(--spacing-md)}.app-title{display:none}.search-section{max-width:200px}.header-right{gap:var(--spacing-xs)}}@media (max-width:480px){.header{padding:0 var(--spacing-sm)}.search-section{max-width:150px}}.panel{background:var(--bg-surface);color:var(--color-text);padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);overflow-y:auto;width:100%;height:100%}h2{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text);font-size:var(--font-size-lg);font-weight:600}hr{background:var(--color-border);margin:var(--spacing-md)0 var(--spacing-lg)0;border:none;height:1px}.row{display:flex;justify-content:space-between;margin-bottom:8px}.row label{color:var(--color-muted);font-weight:500;font-size:var(--font-size-sm)}.row span{color:var(--color-text);font-size:var(--font-size-sm)}.section{display:flex;flex-direction:column;margin-bottom:16px}.section label{color:var(--color-text);font-weight:500;font-size:var(--font-size-sm);margin-bottom:4px}input,textarea{background:var(--bg-primary);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:4px;padding:6px}input:focus,textarea:focus{outline:none;border-color:var(--color-primary)}details.section{margin-bottom:16px}details summary{cursor:pointer;color:var(--color-muted);font-weight:500;font-size:var(--font-size-sm);margin-bottom:8px}details summary:hover{color:var(--color-text)}details[open] summary{color:var(--color-primary)}.empty-state{color:var(--color-muted);text-align:center;padding:var(--spacing-xl)var(--spacing-sm);border-radius:var(--radius);border:1px dashed var(--color-border);margin:var(--spacing-md)0;background:#1e293b33}.sidebar{display:flex;width:var(--sidebar-width);background:var(--bg-surface);border-left:1px solid var(--color-border);position:relative;flex-direction:column;height:100%}.sidebar-title{padding:var(--spacing-lg)var(--spacing-md)var(--spacing-md);color:var(--color-text);font-size:var(--font-size-lg);margin:0;font-weight:600}.sidebar-divider{background:var(--color-border);border:none;height:1px;margin:0}.sidebar-header{padding:var(--spacing-lg)var(--spacing-md)var(--spacing-md);border-bottom:1px solid var(--color-border);background:rgba(var(--bg-primary),.3);position:relative}.sidebar-tabs{display:flex;gap:var(--spacing-xs);position:relative;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--color-border);padding:4px}.sidebar-tabs .button{position:relative;color:var(--color-muted);border-radius:var(--radius);display:flex;justify-content:center;align-items: center;gap:var(--spacing-xs);background:0 0;border:none;flex:1;min-height:36px;transition:all .2s;font-weight:500}.sidebar-tabs .button:hover{color:var(--color-text);background:#3b82f61a}.sidebar-tabs .button.button-primary{background:var(--color-primary);color:#fff}.sidebar-tabs .button.button-primary:hover{background:#2563eb}.sidebar-tabs .button svg{opacity:.8;width:16px;height:16px}.sidebar-tabs .button.button-primary svg{opacity:1}.sidebar-content{padding:var(--spacing-lg)var(--spacing-md);overflow-y:auto;background:0 0;flex:1}.panel-section{margin-bottom:var(--spacing-xl);border-radius:var(--radius);padding:var(--spacing-md);border:1px solid var(--color-border);background:#1e293b4d;transition:border-color .2s}.panel-section:hover{border-color:var(--color-primary)}.panel-section h3{font-size:var(--font-size-sm);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);font-weight:600}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.tool-list{display:flex;gap:var(--spacing-sm);flex-direction:column}.tool-grid .button,.tool-list .button{text-align:left;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);justify-content:flex-start;min-height:48px;transition:all .2s;font-weight:500}.tool-grid .button:hover,.tool-list .button:hover{border-color:var(--color-primary);background:#3b82f61a}.tool-grid .button.button-primary,.tool-list .button.button-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tool-grid .button.button-primary:hover,.tool-list .button.button-primary:hover{background:#2563eb;border-color:#2563eb}.tool-grid .button svg,.tool-list .button svg{margin-right:var(--spacing-sm);opacity:.8;flex-shrink:0;width:18px;height:18px}.tool-grid .button:hover svg,.tool-list .button:hover svg{opacity:1}.properties-panel .empty-state{color:var(--color-muted);text-align:center;padding:var(--spacing-xl)var(--spacing-sm);border-radius:var(--radius);border:1px dashed var(--color-border);margin:var(--spacing-md)0;background:#1e293b33}.tools-panel,.properties-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}@media (max-width:1024px){.sidebar{position:fixed;right:0;top:var(--header-height);width:min(var(--sidebar-width),90vw);z-index:var(--z-sidebar);transition:transform .3s;bottom:0;transform:translate(100%);box-shadow:-4px 0 16px #0003}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--spacing-md);background:#1e293b80}.sidebar-tabs{gap:var(--spacing-xs);flex-direction:column}.sidebar-tabs .button{font-size:var(--font-size-base);min-height:44px}.tool-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.tool-grid .button,.tool-list .button{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);min-height:52px}.panel-section{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}}@media (max-width:640px){.sidebar{width:100vw}.sidebar-header{padding:var(--spacing-lg)var(--spacing-md)}.sidebar-content{padding:var(--spacing-md)}}@media (max-width:1024px){.sidebar-overlay{position:fixed;z-index:calc(var(--z-sidebar) - 1);opacity:0;visibility:hidden;background:#0006;transition:all .3s;inset:0}.sidebar-overlay.open{opacity:1;visibility:visible}}.toolbar{display:flex;gap:var(--spacing-md);width:var(--toolbar-width);background:var(--bg-surface);border-right:1px solid var(--color-border);padding:var(--spacing-sm);flex-direction:column;min-height:100%}.toolbar__group{display:flex;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-direction:column}.toolbar__group:last-child{border-bottom:none}.tool-button{position:relative;border-radius:var(--radius);color:var(--color-text);cursor:pointer;display:flex;background:0 0;border:none;justify-content:center;align-items: center;width:44px;height:44px;transition:all .2s}.tool-button:hover:not(.tool-button--disabled){background:color-mix(in srgb,var(--color-text)10%,transparent)}.tool-button--active{background:var(--color-primary);color:#fff}.tool-button--active:hover{background:color-mix(in srgb,var(--color-primary)85%,white)}.tool-button--disabled{opacity:.5;cursor:not-allowed}.tool-button__icon{display:flex;justify-content:center;align-items: center}.tool-button__shortcut{position:absolute;opacity:.7;color:#fff;background:#00000080;border-radius:2px;padding:1px 3px;font-size:9px;line-height:1;bottom:2px;right:2px}.node-creation-tool{position:relative}.node-creation-tool__main{display:flex}.node-creation-tool__dropdown-toggle{color:var(--color-text);cursor:pointer;display:flex;border-radius:0 var(--radius)var(--radius)0;background:0 0;border:none;justify-content:center;align-items: center;width:16px;height:44px;margin-left:-4px;transition:all .2s}.node-creation-tool__dropdown-toggle:hover,.node-creation-tool__dropdown-toggle.active{background:color-mix(in srgb,var(--color-text)10%,transparent)}.node-creation-tool__dropdown{position:absolute;z-index:1000;background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-left:var(--spacing-xs);min-width:180px;top:0;left:100%;box-shadow:0 4px 12px #00000026}.node-type-option{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:background-color .2s}.node-type-option:hover{background:color-mix(in srgb,var(--color-text)10%,transparent)}.node-type-option.active{background:var(--color-primary);color:#fff}.node-type-option:first-child{border-radius:var(--radius)var(--radius)0 0}.node-type-option:last-child{border-radius:0 0 var(--radius)var(--radius)}.node-type-option__icon{display:flex;justify-content:center;align-items: center;width:16px;height:16px}.node-type-option__label{font-size:var(--font-size-sm);flex:1}.node-type-option__shortcut{opacity:.7;background:#0003;border-radius:2px;padding:2px 4px;font-size:11px}.edge-creation-tool{position:relative}.edge-creation-tool__main{display:flex}.edge-creation-tool__dropdown-toggle{color:var(--color-text);cursor:pointer;display:flex;border-radius:0 var(--radius)var(--radius)0;background:0 0;border:none;justify-content:center;align-items: center;width:16px;height:44px;margin-left:-4px;transition:all .2s}.edge-creation-tool__dropdown-toggle:hover,.edge-creation-tool__dropdown-toggle.active{background:color-mix(in srgb,var(--color-text)10%,transparent)}.edge-creation-tool__dropdown{position:absolute;z-index:1000;background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-left:var(--spacing-xs);min-width:160px;top:0;left:100%;box-shadow:0 4px 12px #00000026}.edge-type-option{display:flex;align-items: center;gap:var(--spacing-sm);padding:var(--spacing-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:background-color .2s}.edge-type-option:hover{background:color-mix(in srgb,var(--color-text)10%,transparent)}.edge-type-option.active{background:var(--color-primary);color:#fff}.edge-type-option:first-child{border-radius:var(--radius)var(--radius)0 0}.edge-type-option:last-child{border-radius:0 0 var(--radius)var(--radius)}.edge-type-option__icon{display:flex;justify-content:center;align-items: center;width:16px;height:16px}.edge-type-option__label{font-size:var(--font-size-sm);flex:1}.edge-type-option__shortcut{opacity:.7;background:#0003;border-radius:2px;padding:2px 4px;font-size:11px}.toolbar__spacer{flex:1}.toolbar__group--end{border-bottom:none;margin-top:auto}.toolbar__button-container{display:flex;flex-direction:column;align-items: center;gap:2px}.toolbar__button{position:relative;border-radius:var(--radius);color:var(--color-text);cursor:pointer;display:flex;background:0 0;border:none;justify-content:center;align-items: center;width:44px;height:44px;transition:all .2s}.toolbar__button:hover:not(.toolbar__button--disabled){background:color-mix(in srgb,var(--color-text)10%,transparent)}.toolbar__button--disabled{opacity:.4;cursor:not-allowed}.toolbar__button-shortcut{color:var(--color-text-muted);opacity:.6;text-align:center;min-height:10px;font-size:9px;font-weight:500;line-height:1}.toolbar__button--danger{color:#ef4444}.toolbar__button--danger:hover{color:#ef4444;background:#ef44441a}@media (max-width:768px){.toolbar{border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto;flex-direction:row;width:100%;height:auto}.toolbar__group{border-bottom:none;border-right:1px solid var(--color-border);padding-right:var(--spacing-sm);flex-direction:row}.toolbar__group:last-child{border-right:none}.node-creation-tool__dropdown,.edge-creation-tool__dropdown{margin-left:0;margin-top:var(--spacing-xs);top:100%;left:0}}.notification-container{position:fixed;z-index:1000;pointer-events:none;max-width:420px}.notification-container--top-right{top:1rem;right:1rem}.notification-container--top-left{top:1rem;left:1rem}.notification-container--bottom-right{bottom:1rem;right:1rem}.notification-container--bottom-left{bottom:1rem;left:1rem}.notification{display:flex;background:var(--bg-primary);border:1px solid var(--border-color);pointer-events:auto;opacity:0;border-radius:.5rem;align-items: flex-start;gap:.75rem;min-width:320px;max-width:420px;margin-bottom:.5rem;padding:1rem;transition:all .3s ease-out;transform:translate(100%);box-shadow:0 4px 12px #00000026}.notification--visible{opacity:1;transform:translate(0)}.notification--hidden{opacity:0;transform:translate(100%)}.notification__icon{display:flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:1.5rem;height:1.5rem;font-size:.875rem;font-weight:700}.notification--success .notification__icon{background:var(--success-bg,#d4edda);color:var(--success-color,#155724)}.notification--error .notification__icon{background:var(--error-bg,#f8d7da);color:var(--error-color,#721c24)}.notification--warning .notification__icon{background:var(--warning-bg,#fff3cd);color:var(--warning-color,#856404)}.notification--info .notification__icon{background:var(--info-bg,#cce7ff);color:var(--info-color,#004085)}.notification__content{flex:1;min-width:0}.notification__title{color:var(--text-primary);margin-bottom:.25rem;font-size:.875rem;font-weight:600;line-height:1.25}.notification__message{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem;line-height:1.4}.notification__action{color:var(--primary-color);cursor:pointer;text-decoration:underline;background:0 0;border:none;margin-top:.25rem;padding:0;font-size:.8125rem;font-weight:500}.notification__action:hover{color:var(--primary-color-hover)}.notification__close{color:var(--text-tertiary);cursor:pointer;display:flex;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items: center;width:1.5rem;height:1.5rem;padding:0;transition:background-color .2s;font-size:1.25rem;line-height:1}.notification__close:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (prefers-color-scheme:dark){.notification{background:var(--bg-primary-dark,#2d3748);border-color:var(--border-color-dark,#4a5568);box-shadow:0 4px 12px #0000004d}.notification__title{color:var(--text-primary-dark,#f7fafc)}.notification__message{color:var(--text-secondary-dark,#cbd5e0)}}.notification-container--top-left .notification,.notification-container--bottom-left .notification{transform:translate(-100%)}.notification-container--top-left .notification--visible,.notification-container--bottom-left .notification--visible{transform:translate(0)}.notification-container--top-left .notification--hidden,.notification-container--bottom-left .notification--hidden{transform:translate(-100%)}@media (max-width:768px){.notification-container{max-width:none;left:1rem!important;right:1rem!important}.notification{min-width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.notification{transition:opacity .3s ease-out;transform:none!important}.notification--hidden{opacity:0}.notification--visible{opacity:1}}.shortcut-help-overlay{position:fixed;backdrop-filter:blur(4px);display:flex;z-index:2000;animation:fadeIn .2s ease-out;background:#00000080;justify-content:center;align-items: center;padding:2rem;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcut-help{background:var(--bg-primary);border:1px solid var(--border-color);display:flex;animation:slideIn .3s ease-out;border-radius:.75rem;flex-direction:column;width:100%;max-width:900px;max-height:80vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.shortcut-help__header{display:flex;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items: center;padding:1.5rem 2rem 1rem}.shortcut-help__title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.shortcut-help__close{color:var(--text-tertiary);cursor:pointer;display:flex;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items: center;width:2rem;height:2rem;padding:.25rem;transition:all .2s;font-size:1.5rem}.shortcut-help__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.shortcut-help__content{overflow-y:auto;flex:1;padding:1.5rem 2rem}.shortcut-help__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.shortcut-category{display:flex;flex-direction:column}.shortcut-category__title{color:var(--text-primary);border-bottom:2px solid var(--primary-color);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.shortcut-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items: center;gap:1rem;padding:.5rem 0}.shortcut-key{background:var(--bg-secondary);border:1px solid var(--border-color);font-family:var(--font-mono,"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace);color:var(--text-primary);white-space:nowrap;border-radius:.375rem;min-width:-moz-fit-content;min-width:fit-content;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.shortcut-description{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.4}.shortcut-help__footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 .75rem .75rem;padding:1rem 2rem 1.5rem}.shortcut-help__tip{color:var(--text-tertiary);text-align:center;margin:0;font-size:.875rem}.shortcut-help__tip kbd{background:var(--bg-primary);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-primary);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500}@media (prefers-color-scheme:dark){.shortcut-help-overlay{background:#000000b3}.shortcut-help{background:var(--bg-primary-dark,#2d3748);border-color:var(--border-color-dark,#4a5568);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.shortcut-help__header{border-color:var(--border-color-dark,#4a5568)}.shortcut-help__title,.shortcut-category__title{color:var(--text-primary-dark,#f7fafc)}.shortcut-key{background:var(--bg-secondary-dark,#4a5568);border-color:var(--border-color-dark,#718096);color:var(--text-primary-dark,#f7fafc)}.shortcut-description{color:var(--text-secondary-dark,#cbd5e0)}.shortcut-help__footer{background:var(--bg-secondary-dark,#4a5568);border-color:var(--border-color-dark,#4a5568)}}@media (max-width:768px){.shortcut-help-overlay{padding:1rem}.shortcut-help{max-height:90vh}.shortcut-help__header{padding:1rem 1.5rem .75rem}.shortcut-help__content{padding:1rem 1.5rem}.shortcut-help__grid{grid-template-columns:1fr;gap:1.5rem}.shortcut-help__footer{padding:.75rem 1.5rem 1rem}}@media (max-width:480px){.shortcut-item{flex-direction:column;align-items: flex-start;gap:.5rem}.shortcut-key{align-self: flex-start}}@media (prefers-reduced-motion:reduce){.shortcut-help-overlay,.shortcut-help{animation:none}}.loading-screen{position:fixed;background:var(--bg-primary);display:flex;z-index:1000;animation:fadeIn .3s ease-out;justify-content:center;align-items: center;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-content{display:flex;text-align:center;flex-direction:column;align-items: center;gap:2rem;width:100%;max-width:400px;padding:2rem}.loading-spinner{position:relative;width:64px;height:64px}.spinner-ring{position:absolute;animation:spin 1.5s linear infinite;border:4px solid #0000;border-radius:50%;width:100%;height:100%}.spinner-ring:first-child{border-top-color:var(--primary-color);animation-delay:0s}.spinner-ring:nth-child(2){border-right-color:var(--primary-color);animation-delay:-.5s;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){border-bottom-color:var(--primary-color);animation-delay:-1s;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{display:flex;flex-direction:column;gap:.5rem}.loading-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.loading-message{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.loading-progress{display:flex;flex-direction:column;align-items: center;gap:.5rem;width:100%}.progress-bar{background:var(--bg-secondary);overflow:hidden;border:1px solid var(--border-color);border-radius:3px;width:100%;height:6px}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light,var(--primary-color)));animation:progressGlow 2s ease-in-out infinite;border-radius:3px;height:100%;transition:width .3s ease-out}@keyframes progressGlow{0%,to{box-shadow:0 0 5px var(--primary-color-alpha,#3b82f680)}50%{box-shadow:0 0 15px var(--primary-color-alpha,#3b82f6cc)}}.progress-text{color:var(--text-tertiary);text-align:center;min-width:3rem;font-size:.875rem;font-weight:500}@media (prefers-color-scheme:dark){.loading-screen{background:var(--bg-primary-dark,#1a202c)}.loading-title{color:var(--text-primary-dark,#f7fafc)}.loading-message{color:var(--text-secondary-dark,#cbd5e0)}.progress-bar{background:var(--bg-secondary-dark,#2d3748);border-color:var(--border-color-dark,#4a5568)}.progress-text{color:var(--text-tertiary-dark,#a0aec0)}}@media (max-width:768px){.loading-content{gap:1.5rem;padding:1.5rem}.loading-spinner{width:48px;height:48px}.loading-title{font-size:1.25rem}.loading-message{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.loading-screen{animation:none}.spinner-ring{animation:none;opacity:.5}.spinner-ring:first-child{opacity:1;border-top-color:var(--primary-color);border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000}.progress-fill{animation:none;box-shadow:none}}.error-screen{position:fixed;background:var(--bg-primary);display:flex;z-index:1000;animation:fadeIn .3s ease-out;justify-content:center;align-items: center;padding:2rem;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.error-content{display:flex;text-align:center;flex-direction:column;align-items: center;gap:1.5rem;width:100%;max-width:600px}.error-icon{color:var(--error-color,#dc2626);opacity:.8}.error-icon svg{width:64px;height:64px}.error-text{display:flex;flex-direction:column;gap:.75rem;width:100%}.error-title{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.error-subtitle{color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.5}.error-details{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:left;border-radius:.5rem;margin-top:1rem;padding:1.5rem}.error-message{color:var(--text-primary);font-size:.875rem;font-family:var(--font-mono,"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace);word-break:break-word;margin-bottom:1rem}.error-stack{margin-top:1rem}.error-stack-toggle{color:var(--text-secondary);cursor:pointer;user-select:none;outline:none;border-radius:.25rem;padding:.25rem;font-size:.875rem}.error-stack-toggle:hover{background:var(--bg-primary);color:var(--text-primary)}.error-stack-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.error-stack-content{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:.75rem;font-family:var(--font-mono,"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace);border-radius:.375rem;margin-top:.5rem;padding:1rem}.error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.error-action{display:flex;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items: center;gap:.5rem;min-width:120px;padding:.75rem 1.5rem;transition:all .2s;font-size:.875rem;font-weight:500}.error-action:focus{outline:2px solid var(--primary-color);outline-offset:2px}.error-action--primary{background:var(--primary-color);color:#fff}.error-action--primary:hover{background:var(--primary-color-hover,var(--primary-color));transform:translateY(-1px)}.error-action--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.error-action--secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover);transform:translateY(-1px)}.error-details-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.5rem;transition:color .2s;font-size:.875rem}.error-details-toggle:hover{color:var(--text-secondary)}.error-details-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme:dark){.error-screen{background:var(--bg-primary-dark,#1a202c)}.error-title{color:var(--text-primary-dark,#f7fafc)}.error-subtitle{color:var(--text-secondary-dark,#cbd5e0)}.error-details{background:var(--bg-secondary-dark,#2d3748);border-color:var(--border-color-dark,#4a5568)}.error-message{color:var(--text-primary-dark,#f7fafc)}.error-stack-content{background:var(--bg-primary-dark,#1a202c);border-color:var(--border-color-dark,#4a5568);color:var(--text-secondary-dark,#cbd5e0)}.error-action--secondary{background:var(--bg-secondary-dark,#2d3748);color:var(--text-primary-dark,#f7fafc);border-color:var(--border-color-dark,#4a5568)}.error-action--secondary:hover{background:var(--bg-tertiary-dark,#4a5568)}}@media (max-width:768px){.error-screen{padding:1.5rem}.error-content{gap:1.25rem}.error-icon svg{width:48px;height:48px}.error-title{font-size:1.5rem}.error-subtitle{font-size:1rem}.error-actions{flex-direction:column;width:100%}.error-action{width:100%}.error-details{padding:1rem}}@media (max-width:480px){.error-screen{padding:1rem}.error-title{font-size:1.25rem}.error-subtitle{font-size:.875rem}.error-stack-content{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.error-screen{animation:none}.error-action:hover{transform:none}}