code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}.connection-animated{animation:dashFlow .4s linear infinite}.activity-bar{background-color:#2c2c2c;border-right:1px solid #3e3e3e;height:100vh;justify-content:space-between;padding:0;position:relative;width:48px;z-index:100}.activity-bar,.activity-tools{align-items:center;display:flex;flex-direction:column}.activity-tools{gap:4px;padding:8px 0}.activity-tool{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:48px}.activity-tool:hover{background-color:#ffffff1a}.activity-tool.active{background-color:#ffffff1f}.activity-tool.active:before{background-color:#007acc;border-radius:0 2px 2px 0;bottom:8px;content:"";left:0;position:absolute;top:8px;width:2px}.tool-icon{align-items:center;color:#a0a0a0;display:flex;justify-content:center;transform:scale(1)}.tool-icon,.tool-icon svg{transition:all .2s cubic-bezier(.4,0,.2,1)}.tool-icon svg{drop-shadow:none}.activity-tool:hover .tool-icon{color:#fff;transform:scale(1.05)}.activity-tool:hover .tool-icon svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}.activity-tool.active .tool-icon{color:#fff;transform:scale(1.02)}.activity-tool.active .tool-icon svg{filter:drop-shadow(0 0 6px rgba(0,122,204,.3))}.tool-indicator{background-color:initial;border-radius:50%;height:6px;position:absolute;right:6px;top:6px;transition:background-color .2s ease;width:6px}.activity-bottom{border-top:1px solid #3e3e3e;padding:8px 0}.account-tool{opacity:.7}.account-tool:hover{opacity:1}.account-tool .tool-icon{font-size:18px}.activity-tool:focus{outline:2px solid #007acc;outline-offset:-2px}.activity-tool:focus:not(:focus-visible){outline:none}@media (max-width:768px){.activity-bar{width:44px}.activity-tool{height:44px;width:44px}.tool-icon svg{height:18px;width:18px}.activity-tool:hover .tool-icon{transform:scale(1.02)}.activity-tool:hover .tool-icon svg{filter:none}}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0df2;border-bottom:1px solid #ffffff1a;position:sticky;top:0;z-index:50}.navbar-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.navbar-content,.navbar-left{align-items:center;display:flex}.navbar-left{gap:48px}.navbar-brand{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:8px;text-decoration:none;transition:opacity .2s ease}.navbar-brand:hover{opacity:.8}.brand-icon{color:#228b22;font-size:1.5rem}.navbar-nav{display:flex;gap:8px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;border-radius:6px;color:#a1a1aa;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#ffffff0d;color:#228b22}.nav-link.active{background-color:#ffffff1a;color:#fff}.navbar-right{gap:12px}.navbar-right,.user-welcome{align-items:center;display:flex}.user-welcome{gap:16px}.welcome-text{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.welcome-button{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:4px 8px;transition:all .2s ease}.welcome-button:hover{background:#ffffff1a;color:#228b22}.nav-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.nav-btn-secondary{background:#0000;border:1px solid #0000;color:#fff}.nav-btn-secondary:hover{background:#ffffff0d;border-color:#ffffff1a;color:#228b22}.nav-btn-primary{background:#228b22;color:#fff}.nav-btn-primary:hover{background:#1e7a1e;box-shadow:0 4px 12px #228b224d;transform:translateY(-1px)}@media (max-width:1024px){.navbar-content{padding:0 20px}.navbar-left{gap:32px}}@media (max-width:768px){.navbar-content{height:56px;padding:0 16px}.navbar-left{gap:24px}.navbar-brand{font-size:1.125rem}.brand-icon{font-size:1.25rem}.navbar-nav{gap:4px}.nav-link{font-size:13px;padding:6px 12px}.navbar-right{gap:8px}.nav-btn{font-size:13px;padding:6px 12px}.nav-btn-primary{font-size:0}.nav-btn-primary:after{content:"Start";font-size:13px}}@media (max-width:480px){.navbar-left{gap:16px}.nav-item:nth-child(3){display:none}}.collapsible-panel{background-color:#252526;flex-grow:0;flex-shrink:0;height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.collapsible-panel.closed{border-right:none}.panel-content{display:flex;flex-direction:column;height:100%;width:100%}.panel-title{background-color:#2d2d30;border-bottom:1px solid #3e3e3e;color:#ccc;flex-shrink:0;font-size:11px;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.panel-body{flex:1 1;overflow:hidden;position:relative}.collapsible-panel.open{opacity:1;visibility:visible}.collapsible-panel.closed{opacity:0;visibility:hidden}.collapsible-panel.closed .panel-content{transform:translateX(-100%)}@media (max-width:768px){.collapsible-panel{box-shadow:2px 0 8px #0000004d;position:absolute;z-index:50}.collapsible-panel.closed{box-shadow:none}}.tab-error-boundary{align-items:center;background:#dc354508;border:1px solid #dc35451a;border-radius:8px;display:flex;height:100%;justify-content:center;margin:16px;min-height:300px;width:100%}.tab-error-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;max-width:500px;padding:32px;text-align:center}.tab-error-content .error-icon{font-size:48px;margin-bottom:16px;opacity:.8}.tab-error-content .error-title{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.tab-error-content .error-message{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 24px}.tab-error-content .error-details{margin:16px 0 24px;text-align:left}.tab-error-content .error-details summary{border-bottom:1px solid #ffffff1a;color:#ffffffb3;cursor:pointer;font-size:12px;margin-bottom:8px;padding:8px 0}.tab-error-content .error-details summary:hover{color:#ffffffe6}.tab-error-content .error-stack{word-wrap:break-word;background:#0009;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.tab-error-content .error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:16px}.tab-error-content .close-tab-button,.tab-error-content .retry-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;min-width:100px;padding:10px 16px;transition:all .2s ease}.tab-error-content .retry-button{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;color:#fff}.tab-error-content .retry-button:hover{box-shadow:0 4px 12px #007bff66;transform:translateY(-1px)}.tab-error-content .close-tab-button{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 8px #6c757d4d;color:#fff}.tab-error-content .close-tab-button:hover{box-shadow:0 4px 12px #6c757d66;transform:translateY(-1px)}.tab-error-content .close-icon,.tab-error-content .retry-icon{font-size:12px}.tab-error-content .error-suggestion{color:#fff9;font-size:12px;font-style:italic}@media (max-width:768px){.tab-error-boundary{margin:8px;min-height:200px}.tab-error-content{padding:24px 16px}.tab-error-content .error-icon{font-size:36px;margin-bottom:12px}.tab-error-content .error-title{font-size:18px}.tab-error-content .error-actions{align-items:center;flex-direction:column}.tab-error-content .close-tab-button,.tab-error-content .retry-button{max-width:200px;width:100%}}.LoadingSpinner_container__4jQ2p{min-height:200px;padding:2rem}.LoadingSpinner_container__4jQ2p,.LoadingSpinner_fullScreenContainer__qscPy{align-items:center;display:flex;flex-direction:column;justify-content:center}.LoadingSpinner_fullScreenContainer__qscPy{background-color:#ffffffe6;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.LoadingSpinner_spinner__y9XaW{align-items:center;display:flex;justify-content:space-between}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_small__jFDmG{width:30px}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_medium__U6beu{width:40px}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_large__344bu{width:60px}.LoadingSpinner_spinner__y9XaW>div{animation:LoadingSpinner_sk-bouncedelay__Rq6Zq 1.4s ease-in-out infinite both;background-color:#06c;border-radius:100%;display:inline-block}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_small__jFDmG>div{height:6px;margin:0 2px;width:6px}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_medium__U6beu>div{height:8px;margin:0 3px;width:8px}.LoadingSpinner_spinner__y9XaW.LoadingSpinner_large__344bu>div{height:12px;margin:0 4px;width:12px}.LoadingSpinner_bounce1__d5NlJ{animation-delay:-.32s}.LoadingSpinner_bounce2__i5S0G{animation-delay:-.16s}@keyframes LoadingSpinner_sk-bouncedelay__Rq6Zq{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.LoadingSpinner_message__Ri332{color:#666;font-size:16px;margin-top:1rem;text-align:center}.searchable-table-container{display:flex;flex-direction:column;gap:16px;width:100%}.searchable-table-loading{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;padding:40px}.searchable-table-controls{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-input{background:#0000004d;border:1px solid #fff3;border-radius:6px;padding:8px 32px 8px 12px;transition:border-color .2s ease}.search-input:focus{border-color:#4a9eff}.search-input::placeholder{color:#ffffff80}.search-clear{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:20px}.search-clear:hover{background:#ffffff1a;color:#fffc}.results-info{color:#ffffffb3;padding:0 4px}.table-wrapper{border:1px solid #ffffff1a;border-radius:8px}.searchable-table{background:#0006;border-collapse:collapse;color:#fff;width:100%}.searchable-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;font-size:14px;font-weight:600;padding:12px 16px;position:relative;text-align:left}.searchable-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.searchable-table th.sortable:hover{background:#ffffff14}.searchable-table td{border-bottom:1px solid #ffffff0d;font-size:14px;padding:12px 16px}.searchable-table tr.table-row{transition:background-color .2s ease}.searchable-table tr.table-row:hover{background:#ffffff08}.searchable-table tr.table-row.expanded{background:#ffffff0d}.select-column{width:40px}.select-cell,.select-column{text-align:center}.select-cell input[type=checkbox]{cursor:pointer}.expand-column{width:30px}.expand-cell,.expand-column{text-align:center}.expand-indicator{color:#fff9;cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none}.expand-indicator:hover{color:#fffc}.expand-indicator.expanded{color:#4a9eff}.expanded-content-row td{background:#ffffff05;border-bottom:1px solid #ffffff1a}.sort-icon{color:#fff6;font-size:12px}.sort-icon.active{color:#4a9eff}.empty-state{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;color:#fff9;font-size:16px}.column-resizer{right:-2px;width:4px}.column-resizer.active,.column-resizer:hover{background:#4a9eff}body.resizing{-webkit-user-select:none!important;user-select:none!important}.panel-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.panel-content{flex:1 1;overflow:hidden;position:relative}.panel-selector-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:20px;position:absolute;right:0;z-index:100}.dropdown-arrow{font-size:10px}.panel-actions .actions-dropdown-trigger{margin-right:50px}.actions-dropdown-trigger{border-radius:20px!important}.actions-dropdown-trigger.open,.panel-actions .actions-dropdown-trigger.open{background-color:#374151!important;border:1px solid #4fc3f7!important;box-shadow:0 0 0 1px #4fc3f74d!important}.actions-dropdown-menu{animation:dropdown-appear .15s ease-out;background:#1f2937;border:1px solid #374151;border-radius:6px;box-shadow:0 4px 12px #0006,0 0 0 1px #4fc3f71a;min-width:180px;overflow:hidden;position:fixed;z-index:10050}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.actions-dropdown-item{background-color:initial!important;color:#f9fafb;font-family:inherit;font-size:13px;gap:10px;padding:12px 14px}.actions-dropdown-item:hover{background-color:#374151!important}.actions-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.actions-dropdown-item.danger{color:#ef4444}.actions-dropdown-item.danger:hover{background-color:#ef44441a!important}.actions-dropdown-menu:hover .actions-dropdown-item:not(:hover){background-color:initial!important}.action-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.action-label{flex:1 1;white-space:nowrap}.directory-browser{background:#252526;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.directory-browser-header{align-items:center;background-color:#252526;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.header-title{color:#ccc;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:12px}.refresh-button{background:#0000;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:14px;height:28px;padding:6px;transition:all .2s ease;width:28px}.refresh-button:hover{background-color:#ffffff1a}.directory-browser-main{display:flex;flex:1 1;gap:1px;overflow:hidden}.directory-tree-panel{background:#252526;max-width:500px;min-width:280px;overflow-y:auto;position:relative;width:320px}.directory-contents-panel{background:#252526;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.directory-tree{padding:16px 0}.tree-file-node{display:block}.tree-file-content{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:1px 8px;min-height:32px;padding:6px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1}.tree-file-content:before{background:#0000;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:2px}.tree-file-content:hover{background:#ffffff0f;transform:translateX(2px)}.tree-file-content.selected{background:#0000;border:1px solid #4169e1;color:#fff}.tree-file-content.selected:before{background:#0000}.file-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;font-size:14px;opacity:.8}.tree-file-content.selected .file-icon{opacity:1}.file-name{color:#ffffffd9;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.tree-file-content.selected .file-name{color:#fff;font-weight:600}.file-type-indicator{background:#ffffff1a;border-radius:8px;color:#ffffffb3;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.tree-file-content.selected .file-type-indicator{background:#fff3;color:#ffffffe6}.tree-node-content{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;gap:8px;margin:2px 8px;padding:8px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tree-node-content:before{background:#0000;border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:3px}.tree-node-content:hover{background:#ffffff14;transform:translateX(4px)}.tree-node-content.selected{background:#0000;border:1px solid #4169e1;color:#fff}.expand-button,.tree-node-content.selected:before{background:#0000}.expand-button{align-items:center;border:none;border-radius:0;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;margin-right:4px;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:16px}.expand-button:hover:not(:disabled){background:#ffffff1a;border-radius:2px}.expand-icon{color:#ffffffb3;display:inline-block;font-size:10px;font-weight:400;line-height:1;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.expand-icon.collapsed,.expand-icon.expanded{transform:rotate(0deg)}.expand-button:hover .expand-icon{color:#fff}.directory-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));flex-shrink:0;font-size:18px}.directory-name{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.node-count-badge{background:linear-gradient(135deg,#4169e1,#5179f1);border-radius:12px;box-shadow:0 2px 4px #4169e166;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.tree-node-content.selected .node-count-badge{background:#fff3;box-shadow:0 2px 4px #fff3}.directory-breadcrumb{background:#252526;padding:16px 24px}.breadcrumb-list{list-style:none;margin:0;padding:0}.breadcrumb-link,.breadcrumb-list{align-items:center;display:flex;gap:6px}.breadcrumb-link{background:#4169e11a;border:1px solid #4169e133;border-radius:6px;padding:6px 12px;transition:all .2s ease}.breadcrumb-link:hover{background:#4169e133;border-color:#4169e166;transform:translateY(-1px)}.breadcrumb-separator{color:#fff6;font-size:14px;margin:0 4px}.contents-header{align-items:flex-start;background:linear-gradient(135deg,#2d2d2d,#323232);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.directory-info h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.directory-stats{color:#fff9;font-size:14px;margin:6px 0 0}.nodes-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));overflow-y:auto;padding:24px}.node-card{background:linear-gradient(135deg,#3a3a3a,#404040);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.node-card:before{background:linear-gradient(90deg,#4169e1,#5179f1 50%,#6189ff);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.node-card:hover{border-color:#fff3;box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.node-card:hover:before{opacity:1}.node-card.selected{background:linear-gradient(135deg,#4169e11a,#5179f126);border-color:#4169e1;box-shadow:0 4px 20px #4169e14d}.node-card.selected:before{opacity:1}.node-title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px;word-break:break-word}.node-description{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0 0 16px}.node-metadata{margin-bottom:16px}.metadata-item{align-items:center;font-size:13px;justify-content:space-between;margin-bottom:6px}.metadata-value{max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.empty-directory{color:#fff9;flex:1 1;flex-direction:column;padding:60px 40px;text-align:center}.empty-directory,.explorer-empty-state{align-items:center;display:flex;justify-content:center}.explorer-empty-state{background:linear-gradient(180deg,#1e1e1e,#262626);flex:1 1}.empty-state-content{max-width:400px;padding:40px 20px;text-align:center}.empty-state-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:64px;margin-bottom:24px;opacity:.4}.empty-state-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:24px;font-weight:600;margin:0 0 16px}.empty-state-description{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0 0 24px}.empty-state-hint{align-items:center;background:#4169e11a;border:1px solid #4169e133;border-radius:8px;color:#fffc;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 16px}.hint-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:16px}.empty-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:64px;margin-bottom:24px;opacity:.4}.empty-directory h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 12px}.empty-directory p{font-size:16px;line-height:1.6;margin:6px 0;max-width:400px}.error-message,.loading-indicator{padding:40px;text-align:center}.loading-indicator .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#4169e1;height:48px;margin:0 auto 20px;width:48px}.search-results{background:linear-gradient(135deg,#353535,#3a3a3a);border-bottom:1px solid #ffffff1a;max-height:300px;overflow-y:auto;padding:16px 24px}.search-results h4{color:#ffffffb3;font-size:14px;font-weight:600;margin:0 0 12px}.search-result-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px;margin-bottom:6px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.search-result-item:hover{background:#ffffff1a;border-color:#4169e14d;transform:translateX(4px)}@media (max-width:1024px){.nodes-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}}@media (max-width:768px){.directory-browser-main{flex-direction:column}.directory-tree-panel{border-bottom:1px solid #ffffff1a;border-right:none;max-height:250px;width:100%}.nodes-grid{gap:16px;grid-template-columns:1fr;padding:16px}.contents-header{align-items:stretch;flex-direction:column;gap:16px}}.node-preview{background:#252526;display:flex;flex-direction:column;height:100%;overflow:hidden}.node-preview.empty,.node-preview.loading{align-items:center;display:flex;justify-content:center}.preview-header{align-items:flex-start;background:linear-gradient(135deg,#2d2d2d,#323232);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.preview-title-section{align-items:center;display:flex;flex:1 1;gap:16px}.preview-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px}.preview-title-info{display:flex;flex-direction:column;gap:4px}.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;line-height:1.2;margin:0}.preview-id{color:#ffffff80;font-family:monospace;font-size:12px}.preview-actions{align-items:center;display:flex;gap:8px}.close-button,.edit-button,.open-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.close-button:hover,.edit-button:hover,.open-button:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.edit-button{background:linear-gradient(135deg,#4169e1,#5179f1);border-color:#4169e14d;color:#fff}.edit-button:hover{background:linear-gradient(135deg,#5179f1,#6189ff);box-shadow:0 2px 8px #4169e14d}.preview-content{flex:1 1;overflow-y:auto;padding:24px}.preview-section{margin-bottom:32px}.preview-section:last-child{margin-bottom:0}.section-content{padding-left:4px}.node-description{color:#fffc;font-size:15px;line-height:1.6;margin:0}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px}.metadata-label{color:#fff9;font-size:12px;font-weight:600}.metadata-value{font-size:14px;font-weight:500}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-item{align-items:center;background:linear-gradient(135deg,#4169e1,#5179f1);border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.tag-key{opacity:.9}.tag-value{font-weight:600}.directories-list{display:flex;flex-direction:column;gap:8px}.directory-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;font-family:monospace;font-size:13px;padding:10px 12px}.docs-info{color:#ffffffb3;font-size:14px;margin:0}.node-details-panel{flex:1 1;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden}.node-details-panel,.node-details-panel.loading{background:linear-gradient(180deg,#1e1e1e,#262626);display:flex}.node-details-panel.loading{align-items:center;justify-content:center;position:relative}.node-details-panel.loading:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#4169e11a 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.node-details-panel.error{align-items:center;background:linear-gradient(180deg,#1e1e1e,#262626);display:flex;justify-content:center}.panel-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 32px}.panel-title{color:#fff;font-size:20px;letter-spacing:-.02em}.inline-tabs,.panel-title-with-tabs{align-items:center;display:flex;gap:16px}.inline-tab-separator{color:#fff6;font-size:18px;font-weight:300}.inline-tab-button{background:none;border:none;color:#fff9;cursor:pointer;font-size:16px;font-weight:400;padding:4px 0;transition:color .2s ease}.inline-tab-button:hover{color:#fffc}.inline-tab-button.active{color:#fff;font-weight:500}.panel-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:2px;padding:6px}.panel-tabs .tab-button{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.panel-tabs .tab-button:before{background:linear-gradient(135deg,#4169e11a,#5179f126);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.panel-tabs .tab-button:hover{color:#ffffffe6;transform:translateY(-1px)}.panel-tabs .tab-button:hover:before{opacity:1}.panel-tabs .tab-button.active{background:linear-gradient(135deg,#4169e1,#5179f1);box-shadow:0 4px 12px #4169e14d,inset 0 1px 0 #fff3;color:#fff;font-weight:600}.panel-tabs .tab-button.active:before{opacity:0}.panel-actions .close-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.panel-actions .close-button:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.panel-title-section{align-items:center;display:flex;flex:1 1;gap:16px}.panel-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px}.panel-title-info{display:flex;flex-direction:column;gap:4px}.panel-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;line-height:1.2;margin:0}.panel-id{color:#ffffff80;font-family:monospace;font-size:12px}.panel-actions{align-items:center;display:flex;gap:8px}.close-button,.open-full-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fffc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.close-button:hover,.open-full-button:hover{background:#ffffff1f;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.open-full-button{background:linear-gradient(135deg,#4169e1,#5179f1);border-color:#4169e14d;color:#fff}.open-full-button:hover{background:linear-gradient(135deg,#5179f1,#6189ff);box-shadow:0 2px 8px #4169e14d}.node-details-panel .panel-content{grid-gap:32px;align-content:start;box-sizing:border-box;display:grid;flex:1 1;gap:32px;grid-template-rows:auto auto auto;min-height:0;overflow-x:hidden!important;overflow-y:auto!important;padding:32px;position:relative;width:100%}.node-details-panel .panel-content.tab-content-2-columns{grid-template-columns:1fr 1fr}.node-details-panel .panel-content.tab-content-4-columns{align-items:start;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr}.node-details-panel .panel-content.tab-content-centered{align-items:center;display:flex;grid-template-columns:none;grid-template-rows:none;justify-content:center}.node-details-panel .panel-content.tab-content-4-columns>div{align-self:start;vertical-align:top}.node-details-panel .panel-content.tab-content-4-columns .section-title{margin-bottom:16px!important;margin-top:0!important;padding-top:0!important}.node-details-panel .panel-content.tab-content-4-columns .children-section,.node-details-panel .panel-content.tab-content-4-columns .egress-connections-section,.node-details-panel .panel-content.tab-content-4-columns .ingress-connections-section,.node-details-panel .panel-content.tab-content-4-columns .parents-section{margin-top:0!important;padding-top:0!important}@media (max-width:1200px){.node-details-panel .panel-content.tab-content-4-columns{gap:20px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.node-details-panel .panel-content.tab-content-4-columns{gap:16px;grid-template-columns:1fr}}.details-card{word-wrap:break-word;background:linear-gradient(135deg,#3a3a3a,#404040);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 12px #0003;box-sizing:border-box;height:fit-content;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;transition:transform .2s ease,box-shadow .2s ease}.details-card:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.node-details-panel .canvas-preview-section,.node-details-panel .children-section,.node-details-panel .connections-section,.node-details-panel .description-section,.node-details-panel .directory-section,.node-details-panel .documentation-section,.node-details-panel .parents-section,.node-details-panel .tags-section{background:#0000;border:none;border-radius:0;max-width:100%;min-width:0;padding:20px;position:relative}.node-details-panel .description-section{grid-column:1;grid-row:1}.node-details-panel .documentation-section{grid-column:1;grid-row:2}.node-details-panel .tags-section{grid-column:1;grid-row:3}.node-details-panel .canvas-preview-section{grid-column:2;grid-row:1}.node-details-panel .directory-section{grid-column:2;grid-row:2}.node-details-panel .canvas-preview-container{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:8px;justify-content:stretch;min-height:300px}.node-details-panel .description-section{overflow:hidden}.node-details-panel .description-content,.node-details-panel .description-section{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;min-width:0;overflow-wrap:break-word}.node-details-panel .description-content{white-space:normal;width:100%}.node-details-panel .canvas-preview-container{display:flex;justify-content:center;max-width:100%;overflow:hidden;width:100%}@media (max-width:1200px){.node-details-panel .panel-content{gap:24px;grid-template-columns:1fr;grid-template-rows:auto;padding:24px}.node-details-panel .canvas-preview-section,.node-details-panel .description-section,.node-details-panel .directory-section,.node-details-panel .documentation-section,.node-details-panel .tags-section{grid-column:1;grid-row:auto}}@media (min-width:1600px){.node-details-panel .panel-content{gap:40px;grid-template-columns:1fr 1fr;padding:40px}}.card-header{background:linear-gradient(135deg,#454545,#4a4a4a);border-bottom:1px solid #ffffff1a;justify-content:space-between;min-height:56px;padding:16px 20px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#fff;font-size:16px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0}.card-content{word-wrap:break-word;font-size:14px;line-height:1.5;min-width:0;overflow-wrap:break-word;padding:20px}.properties-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-width:0;width:100%}.property-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px;transition:background .2s ease}.property-item:hover{background:#ffffff14}.property-label{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:2px;text-transform:uppercase}.property-value{color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500;min-width:0;overflow-wrap:break-word;word-break:break-word}.directory-manager-header .section-title,.directory-section .section-title,.docs-tab-header .section-title,.documentation-section .section-title,.main-node-details .section-title,.node-details-panel .section-title,.tags-section .section-title{color:#fff;font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0 0 20px;text-transform:none}.description-content{color:#ffffffe6;font-size:15px;font-weight:400;line-height:1.7}.description-placeholder{color:#ffffff80;font-size:14px;font-style:italic;padding:12px 0}.node-details-panel .docs-tab-header,.node-details-panel .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.node-details-panel .docs-tab-header{border-bottom:1px solid #ffffff14;padding-bottom:16px}.node-details-panel .status-badge{border-radius:20px;padding:6px 12px}.node-details-panel .direction-badge,.node-details-panel .status-badge{align-items:center;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;text-transform:uppercase}.node-details-panel .direction-badge{border-radius:16px;padding:4px 10px}.node-details-panel .direction-badge.incoming{background:linear-gradient(135deg,#6f42c1,#8a63d2);box-shadow:0 2px 8px #6f42c14d}.node-details-panel .direction-badge.outgoing{background:linear-gradient(135deg,#007bff,#0d6efd);box-shadow:0 2px 8px #007bff4d}.node-details-panel .connection-type-badge{background:linear-gradient(135deg,#6c757d,#545b62);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.node-details-panel .node-id{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;padding:4px 8px}.node-details-panel .node-title{color:#fff;font-size:14px;font-weight:600}.node-details-panel .connection-node{display:flex;flex-direction:column;gap:6px}.connections-placeholder{background:#ffffff05;border:1px dashed #ffffff1a;border-radius:6px;color:#ffffff80;font-style:italic;padding:20px}.connection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.connection-type{color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase}.connection-status{background:#22c55e33;border-radius:4px;color:#22c55e;font-size:11px;font-weight:500;padding:2px 6px}.connection-details{color:#fff;font-size:14px}.connection-label{color:#ffffffb3;font-size:13px;margin-top:4px}.connections-placeholder{color:#fff9;line-height:1.5;padding:40px 20px;text-align:center}.loading-content{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.loading-skeleton{flex:1 1;opacity:.3;padding:24px}.skeleton-header{align-items:center;background:linear-gradient(135deg,#2d2d2d,#323232);border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:24px}.skeleton-icon{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:#ffffff1a;border-radius:50%;height:32px;width:32px}.skeleton-title-section{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-title{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:#ffffff1a;border-radius:4px;height:24px;width:60%}.skeleton-subtitle{animation:skeleton-pulse 1.5s ease-in-out .2s infinite alternate;background:#ffffff14;border-radius:4px;height:14px;width:40%}.skeleton-cards{display:flex;flex-direction:column;gap:24px}.skeleton-card{background:linear-gradient(135deg,#3a3a3a,#404040);border-radius:12px;overflow:hidden}.skeleton-card-header{animation:skeleton-pulse 1.5s ease-in-out .4s infinite alternate;background:#ffffff1a;border-radius:4px;height:20px;margin:20px 24px 16px}.skeleton-card-content{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.skeleton-line{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:#ffffff14;border-radius:4px;height:14px}.skeleton-line.short{animation-delay:.1s;width:60%}.skeleton-line.medium{animation-delay:.2s;width:80%}.loading-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:16px;left:50%;padding:32px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.loading-indicator p{color:#fffc;font-size:14px;font-weight:500;margin:0}@keyframes skeleton-pulse{0%{opacity:.4}to{opacity:.8}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.node-details-panel .preview-section{align-items:center;background:#0000;box-sizing:border-box;display:flex;height:100%;justify-content:center;min-height:600px;overflow:hidden;padding:0;width:100%}.node-details-panel .preview-section .canvas-preview-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.node-details-canvas-preview-fullscreen{background:#1e1e1e!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 8px 32px #0000004d!important;margin:0!important;position:relative!important}.node-details-canvas-preview-fullscreen>div[style*="position: absolute"][style*="top: 8"][style*="right: 8"]{margin:0!important;position:absolute!important;right:8px!important;top:8px!important}.node-details-panel .preview-section div[style*=width]{margin:0 auto!important;position:relative!important}.directory-browser{animation:fadeIn .5s ease-out}.node-details-panel,.node-preview,.tree-node-content{animation:slideIn .3s ease-out}.node-card{animation:slideIn .4s ease-out}.tab-node-details .node-details-panel .panel-content{padding:0}.data-table,.directory-section .data-table,.documentation-section .data-table,.main-node-details .data-table,.node-content-table,.node-details-panel .data-table,.node-details-table,.tags-section .data-table{background:#0d0d0d;border:1px solid #2a2a2a;border-collapse:initial;border-radius:8px;border-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden;width:100%}.directory-section .table-container,.documentation-section .table-container,.main-node-details .table-container,.node-content-table-container,.node-details-panel .table-container,.node-details-table-container,.table-container,.tags-section .table-container{background:#0d0d0d;border-radius:8px;box-shadow:0 2px 8px #0000004d;overflow-x:auto;width:100%}.data-table thead,.directory-section .data-table thead,.documentation-section .data-table thead,.main-node-details .data-table thead,.node-content-table thead,.node-details-panel .data-table thead,.node-details-table thead,.tags-section .data-table thead{background:#0a0a0a;border-bottom:1px solid #2a2a2a}.data-table th,.directory-section .data-table th,.documentation-section .data-table th,.main-node-details .data-table th,.node-content-table th,.node-details-panel .data-table th,.node-details-table th,.tags-section .data-table th{background:#0a0a0a;border-bottom:1px solid #2a2a2a;color:#e5e5e5;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.data-table tbody,.directory-section .data-table tbody,.documentation-section .data-table tbody,.main-node-details .data-table tbody,.node-content-table tbody,.node-details-panel .data-table tbody,.node-details-table tbody,.tags-section .data-table tbody{background:#0d0d0d}.data-table td,.directory-section .data-table td,.documentation-section .data-table td,.main-node-details .data-table td,.node-content-table td,.node-details-panel .data-table td,.node-details-table td,.tags-section .data-table td{border-bottom:1px solid #1a1a1a;color:#f0f0f0;padding:16px 20px;transition:background-color .2s ease}.data-table tbody tr:hover,.directory-section .data-table tbody tr:hover,.documentation-section .data-table tbody tr:hover,.main-node-details .data-table tbody tr:hover,.node-content-table tbody tr:hover,.node-details-panel .data-table tbody tr:hover,.node-details-table tbody tr:hover,.tags-section .data-table tbody tr:hover{background:#151515}.data-table tbody tr:last-child td,.directory-section .data-table tbody tr:last-child td,.documentation-section .data-table tbody tr:last-child td,.main-node-details .data-table tbody tr:last-child td,.node-content-table tbody tr:last-child td,.node-details-panel .data-table tbody tr:last-child td,.node-details-table tbody tr:last-child td,.tags-section .data-table tbody tr:last-child td{border-bottom:none}.tag-key{background:#1a1a1a;color:#e5e5e5}.tag-key,.tag-value{border-radius:6px;display:inline-block;font-family:Courier New,monospace;font-size:13px;padding:6px 12px}.tag-value{background:#0a2340;color:#87ceeb;font-weight:500}.doc-name-link{background:none;border:none;color:#87ceeb;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s ease}.doc-name-link:hover{color:#b8e6ff;text-decoration:underline}.status-badge{border-radius:12px;display:inline-block;font-weight:600;letter-spacing:.5px;padding:4px 10px}.status-badge.doc-type-general{background:#1a1a1a;color:#e5e5e5}.status-badge.doc-type-technical{background:#2a1810;color:#ffa366}.status-badge.doc-type-api{background:#102a18;color:#6f9}.status-badge.doc-type-readme{background:#1a1024;color:#c9f}.document-cell{align-items:center;display:flex;gap:8px}.empty-state{color:#999}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h4{color:#e5e5e5;font-size:18px;font-weight:600}.empty-state p{color:#999;font-size:14px}@media (max-width:768px){.data-table td,.data-table th,.main-node-details .data-table td,.main-node-details .data-table th,.node-details-panel .data-table td,.node-details-panel .data-table th{font-size:13px;padding:12px 16px}.tag-key,.tag-value{font-size:12px;padding:4px 8px}.status-badge{font-size:10px;padding:3px 8px}}.modal-overlay{animation:modal-fade-in .2s ease-out;background-color:#0009;z-index:10000}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-container{animation:modal-slide-in .2s ease-out;background:#111827;background:var(--color-surface-primary,#111827);border:none;border-radius:8px;box-shadow:0 20px 25px -5px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90vw}.modal-container.tags-modal-single{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}.modal-container.modal-large{max-width:1000px}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:none;padding:20px 24px 0}.modal-title{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .15s ease;width:32px}.modal-close:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.modal-content{flex:1 1;gap:20px;overflow-y:auto;padding:24px}.modal-content,.modal-form{display:flex;flex-direction:column}.modal-form{gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section-title{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:1rem;font-weight:600;margin:0;padding-bottom:8px}.form-row{margin-bottom:16px}.form-group{gap:6px;min-width:0}.form-group label{margin:0}.form-input,.form-textarea{font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.form-textarea{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:inherit;min-height:100px;padding:12px;resize:vertical}.form-textarea:focus{border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-help{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.75rem;font-style:italic;margin-top:8px;text-align:center}.action-button,.btn-add-tag{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.action-button.view-button{background-color:#10b981;background-color:var(--color-success,#10b981);color:#fff;margin-right:8px}.action-button.view-button:hover{background-color:#059669;background-color:var(--color-success-hover,#059669)}.action-button.edit-button{background-color:#f59e0b;background-color:var(--color-warning,#f59e0b);color:#fff;margin-right:8px}.action-button.edit-button:hover{background-color:#d97706;background-color:var(--color-warning-hover,#d97706)}.action-button.delete-button,.btn-remove-directory,.btn-remove-tag{background-color:#ef4444;background-color:var(--color-danger,#ef4444);color:#fff}.action-button.delete-button:hover,.btn-remove-directory:hover,.btn-remove-tag:hover{background-color:#dc2626;background-color:var(--color-danger-hover,#dc2626)}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;margin:8px 0;padding:12px}.data-table,.directory-table,.docs-table{border-collapse:collapse;margin-top:12px;width:100%}.data-table td,.data-table th,.directory-table td,.directory-table th,.docs-table td,.docs-table th{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);padding:12px;text-align:left}.data-table th,.directory-table th,.docs-table th{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table td,.directory-table td,.docs-table td{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.empty-state{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);padding:40px 20px}.empty-state-icon{font-size:2rem;margin-bottom:12px}.empty-state h4{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:1.125rem;margin:0 0 8px}.empty-state p{font-size:.875rem;margin:0}.tags-modal-content{display:flex;flex-direction:column;height:100%}.tags-modal-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.tags-title-section{flex:1 1}.tags-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .15s ease;width:32px}.tags-modal-close:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.tags-form{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);flex-shrink:0;padding:20px 24px 16px}.tags-list{flex:1 1;overflow-y:auto;padding:0 24px}.tags-empty,.tags-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex:1 1;justify-content:center;padding:40px 24px;text-align:center}.tags-actions-footer{border-top:1px solid #374151;border-top:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px 20px}.docs-modal-single{max-width:1000px}.docs-modal-content{display:flex;flex-direction:column;height:100%}.docs-modal-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.docs-title-section{flex:1 1}.docs-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .15s ease;width:32px}.docs-modal-close:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.docs-form{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);flex-shrink:0;padding:20px 24px 16px}.docs-actions{display:flex;justify-content:flex-start;margin-bottom:16px}.docs-list{flex:1 1;overflow-y:auto;padding:0 24px}.documentation-empty,.documentation-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex:1 1;justify-content:center;padding:40px 24px;text-align:center}.docs-actions-footer{border-top:1px solid #374151;border-top:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px 20px}.doc-info{align-items:center;display:flex;gap:8px}.doc-icon{font-size:1rem}.doc-name{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.doc-type-badge{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);border-radius:12px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.doc-actions{display:flex;gap:8px}.directories-modal-single{max-width:800px}.directories-modal-content{display:flex;flex-direction:column;height:100%}.directories-modal-header{align-items:center;border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px 16px}.directories-title-section{flex:1 1}.directories-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .15s ease;width:32px}.directories-modal-close:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6)}.directories-form{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);flex-shrink:0;padding:20px 24px 16px}.directory-list{flex:1 1;overflow-y:auto;padding:0 24px}.directories-empty,.directories-loading{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex:1 1;justify-content:center;padding:40px 24px;text-align:center}.directories-actions-footer{border-top:1px solid #374151;border-top:1px solid var(--color-border,#374151);display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px 20px}.directory-path{font-family:monospace;font-size:.875rem}.description-modal-content{display:flex;flex-direction:column;height:100%}.description-form{display:flex;flex:1 1;flex-direction:column}.description-textarea{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);flex:1 1;font-size:.875rem;min-height:200px;padding:12px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.description-textarea:focus{border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.delete-modal-content{text-align:center}.delete-warning{background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;color:var(--color-danger,#ef4444);margin:20px 0;padding:16px}.delete-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.modal-actions-footer{background-color:#111827;background-color:var(--color-surface-primary,#111827);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #374151;border-top:1px solid var(--color-border,#374151);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-overlay{align-items:center;background:#000c!important;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.create-doc-modal{background:#3a3a3a!important;border:1px solid #4a4a4a!important;border-radius:8px;box-shadow:0 10px 25px #00000080;color:#fff!important;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#404040!important;border-bottom:1px solid #4a4a4a!important;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#fff!important;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#a0a0a0;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.modal-close-btn:hover{background:#4a4a4a;color:#fff}.modal-body{background:#3a3a3a!important;color:#fff!important;flex:1 1;overflow-y:auto;padding:1.5rem}.error-message{background:#5c2b2b;border:1px solid #7a4747;border-radius:4px;color:#ff6b6b;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#e0e0e0!important;display:block;margin-bottom:.5rem}.doc-title-input,.doc-type-select{appearance:none;background:#2d2d2d!important;border:1px solid #5a5a5a!important;border-radius:4px;color:#fff!important;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.doc-title-input:focus,.doc-type-select:focus{background:#2d2d2d!important;border-color:#4169e1!important;box-shadow:0 0 0 2px #4169e140!important;color:#fff!important;outline:none!important}.doc-title-input:disabled,.doc-type-select:disabled{background:#1a1a1a;color:#6c757d;opacity:.6}.doc-title-input::placeholder{color:#6c757d;opacity:1}.doc-title-input:focus::placeholder{color:#5a5a5a}.doc-status-select,.doc-title-input,.doc-type-select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;position:relative;z-index:1}.doc-title-input:focus,.doc-title-input:not(:placeholder-shown){color:#fff!important}.input-hint{color:#a0a0a0;font-size:.75rem;margin-top:.25rem}.modal-footer{background:#404040!important;border-top:1px solid #4a4a4a!important;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.btn-primary,.btn-secondary{align-items:center;border:1px solid;border-radius:4px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary{background:#5a5a5a;border-color:#6a6a6a}.btn-secondary:hover:not(:disabled){background:#6a6a6a;border-color:#7a7a7a}.btn-primary{background:#4169e1;border-color:#5179f1;color:#fff}.btn-primary:hover:not(:disabled){background:#5179f1;border-color:#6189ff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6}.loading-spinner-small{border:2px solid #0000;border-top-color:currentcolor;height:1rem;width:1rem}@media (max-width:768px){.modal-overlay{padding:.5rem}.create-doc-modal{max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:1rem}.template-grid{grid-template-columns:1fr}.template-card{padding:.75rem}.modal-footer{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.doc-sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:100vh;max-width:300px;min-width:300px;overflow:hidden;width:300px}.doc-sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem}.doc-sidebar-header h3{color:#495057;font-size:1.1rem;font-weight:600;margin:0}.create-doc-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background-color .2s}.create-doc-btn:hover{background:#0056b3}.doc-search{background:#fff;border-bottom:1px solid #e9ecef;padding:.75rem}.doc-search-input{border:1px solid #ced4da;border-radius:4px;font-size:.875rem;padding:.5rem;width:100%}.doc-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.doc-groups{flex:1 1;overflow-y:auto;padding:.5rem 0}.doc-group{margin-bottom:.5rem}.doc-group-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;cursor:pointer;display:flex;padding:.75rem 1rem;transition:background-color .2s}.doc-group-header:hover{background:#f8f9fa}.doc-group-icon{font-size:1rem;margin-right:.5rem}.doc-group-title{color:#495057;flex:1 1;font-size:.875rem;font-weight:600;margin:0}.doc-group-count{color:#6c757d;font-size:.75rem;margin-right:.5rem}.doc-group-toggle{color:#6c757d;font-size:.75rem;transition:transform .2s}.doc-group-toggle.expanded{transform:rotate(180deg)}.doc-list{list-style:none;margin:0;padding:0}.doc-item{background:#fff;border-bottom:1px solid #f1f3f4;cursor:pointer;padding:.75rem 1rem .75rem 2rem;transition:background-color .2s}.doc-item:hover{background:#f8f9fa}.doc-item.active{background:#e3f2fd;border-left:3px solid #007bff}.doc-item-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.doc-title{color:#495057;flex:1 1;font-size:.875rem;font-weight:500}.doc-status{border-radius:10px;font-size:.7rem;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.status-draft{background:#fff3cd;color:#856404}.status-published{background:#d4edda;color:#155724}.status-archived{background:#f8d7da;color:#721c24}.doc-item-meta{margin-bottom:.25rem}.doc-word-count{color:#6c757d;font-size:.75rem}.doc-item-updated{color:#6c757d;font-size:.7rem}.no-docs{color:#6c757d;padding:2rem 1rem;text-align:center}.no-docs-icon{font-size:3rem;margin-bottom:1rem}.no-docs p{font-size:.875rem;margin:0 0 1rem}.create-first-doc-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.create-first-doc-btn:hover{background:#0056b3}.doc-sidebar-footer{background:#fff;border-top:1px solid #e9ecef;padding:.75rem 1rem}.doc-stats{color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between}.doc-sidebar-loading{color:#6c757d;padding:2rem 1rem;text-align:center}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#007bff;height:2rem;margin:0 auto 1rem;width:2rem}@media (max-width:768px){.doc-sidebar{max-width:100%;min-width:100%;width:100%}}.docs-list-container{background:#2d2d2d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.docs-list-header{align-items:flex-start;border-bottom:1px solid #4a4a4a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.header-left{display:flex;flex-direction:column;gap:8px}.page-title{color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0}.breadcrumb{align-items:center;color:#a0a0a0;display:flex;font-size:14px;gap:8px}.breadcrumb-separator{color:#5a5a5a}.breadcrumb-link{background:none;border:none;border-radius:3px;color:#4169e1;cursor:pointer;font-size:14px;padding:2px 4px;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{background:#4169e11a;color:#5179f1}.header-right{align-items:flex-start;display:flex;flex-shrink:0;gap:12px}.create-button{align-items:center;background:#28a745;border:1px solid #34ce57;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.create-button:hover{background:#34ce57;border-color:#40d864;box-shadow:0 4px 12px #28a7454d}.create-icon{font-size:16px;font-weight:600}.details-button{align-items:center;background:#4169e1;border:1px solid #5179f1;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.details-button:hover{background:#5179f1;border-color:#6189ff;box-shadow:0 4px 12px #4169e14d;transform:translateY(-1px)}.details-icon{font-size:16px}.documents-section{margin-top:24px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.document-card{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.document-card:hover{border-color:#5a5a5a;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.document-header{align-items:flex-start;display:flex;gap:12px}.doc-type-icon{flex-shrink:0;font-size:24px;margin-top:2px}.document-info{flex:1 1;min-width:0}.document-title{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 8px;word-break:break-word}.document-meta{align-items:center;color:#a0a0a0;display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.doc-type{color:#4169e1;font-weight:500}.doc-separator{color:#666}.doc-status{font-weight:500}.doc-date,.doc-word-count{color:#888}.document-actions{display:flex;gap:8px;margin-top:auto}.doc-action-button{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.view-button{background:#0000;border-color:#4169e1;color:#4169e1}.view-button:hover{background:#4169e11a;border-color:#5179f1;color:#5179f1}.edit-button{background:#0000;border-color:#28a745;color:#28a745}.edit-button:hover{background:#28a7451a;border-color:#34ce57;color:#34ce57}.delete-button{background:#0000;border-color:#dc3545;color:#dc3545}.delete-button:hover{background:#dc35451a;border-color:#c82333;color:#c82333}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4a4a4a;border-radius:50%;border-top-color:#4169e1;height:40px;margin-bottom:20px;width:40px}.docs-error,.docs-loading{align-items:center;color:#a0a0a0;display:flex;gap:12px;justify-content:center;padding:40px;text-align:center}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #4a4a4a;border-radius:50%;border-top-color:#4169e1;height:24px;width:24px}.docs-error{color:#ff6b6b}.error-icon{font-size:18px}.retry-button{background:#4169e1;border:none;font-size:13px;padding:6px 12px;transition:background .2s ease}.retry-button:hover{background:#5179f1}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 12px}.empty-state p{color:#a0a0a0;font-size:16px;margin:0 0 24px;max-width:400px}.create-first-button{background:#28a745;border:1px solid #34ce57;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.create-first-button:hover{background:#34ce57;border-color:#40d864;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}@media (max-width:768px){.docs-list-container{padding:16px}.docs-list-header{align-items:stretch;flex-direction:column;gap:16px}.header-right{align-self:flex-start;flex-wrap:wrap}.page-title{font-size:1.6rem}.breadcrumb{flex-wrap:wrap;font-size:13px}.documents-grid{grid-template-columns:1fr}.document-actions{flex-direction:column}.doc-action-button{flex:none}}.editor-toolbar{align-items:center;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:16px}.toolbar-group{border-right:1px solid #4a4a4a;display:flex;gap:4px;padding:0 8px}.toolbar-group:last-child{border-right:none}.toolbar-group button{align-items:center;background:#0000;border:1px solid #5a5a5a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease}.toolbar-group button:hover{background:#4a4a4a;border-color:#6a6a6a}.toolbar-group button.is-active{background:#4169e1;border-color:#5179f1;color:#fff}.toolbar-group button:disabled{cursor:not-allowed;opacity:.5}.character-count{border:none!important;margin-left:auto}.character-count-display{color:#a0a0a0;font-size:12px;padding:0 8px}.editor-container{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:8px;min-height:400px;transition:border-color .2s ease}.editor-container.editing{border-color:#4169e1;box-shadow:0 0 0 2px #4169e11a}.editor-container.reading{border-color:#4a4a4a}.editor-content{color:#fff;min-height:380px;padding:20px}.ProseMirror{color:#fff;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1.6;outline:none}.ProseMirror p{margin:0 0 16px}.ProseMirror p:last-child{margin-bottom:0}.ProseMirror h1{color:#fff;font-size:2em;font-weight:700;margin:24px 0 16px}.ProseMirror h2{color:#fff;font-size:1.5em;font-weight:600;margin:20px 0 12px}.ProseMirror h3{color:#fff;font-size:1.25em;font-weight:600;margin:16px 0 8px}.ProseMirror ol,.ProseMirror ul{margin:16px 0;padding-left:24px}.ProseMirror li{margin:4px 0}.ProseMirror blockquote{background:#4169e11a;border-left:4px solid #4169e1;color:#e0e0e0;margin:16px 0;padding:8px 16px}.ProseMirror code{background:#4a4a4a;border-radius:4px;color:#ff6b6b;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.ProseMirror pre{background:#1e1e1e;border:1px solid #4a4a4a;border-radius:8px;color:#f8f8f2;margin:16px 0;overflow-x:auto;padding:16px}.ProseMirror pre code{background:none;border-radius:0;color:inherit;padding:0}.ProseMirror hr{border:none;border-top:2px solid #4a4a4a;margin:24px 0}.ProseMirror a{color:#4169e1;text-decoration:underline}.ProseMirror a:hover{color:#5179f1}.ProseMirror img{border-radius:8px;height:auto;margin:16px 0;max-width:100%}.ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;display:flex;gap:8px}.ProseMirror ul[data-type=taskList] li>label{cursor:pointer;margin-top:2px}.ProseMirror ul[data-type=taskList] li>div{flex:1 1}.ProseMirror table{border:1px solid #4a4a4a;border-collapse:collapse;border-radius:8px;margin:16px 0;overflow:hidden;width:100%}.ProseMirror td,.ProseMirror th{border:1px solid #4a4a4a;padding:8px 12px;vertical-align:top}.ProseMirror th{background:#2a2a2a;color:#fff;font-weight:600}.ProseMirror td{background:#3a3a3a}.ProseMirror p.is-editor-empty:first-child:before{color:#a0a0a0;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.save-status{font-size:13px;gap:12px}.save-status,.saving-indicator{align-items:center;display:flex}.saving-indicator{color:orange;gap:6px}.saving-indicator:before{animation:pulse 1.5s ease-in-out infinite alternate;content:"⏳"}.last-saved{align-items:center;color:#28a745;display:flex;gap:6px}.last-saved:before{content:"✓"}.unsaved-indicator{align-items:center;color:#ff6b6b;display:flex;gap:6px}.unsaved-indicator:before{content:"●"}@keyframes pulse{0%{opacity:1}to{opacity:.5}}.save-and-view-button,.save-button,.toggle-mode-button{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.save-button{background:#28a745;border-color:#34ce57;color:#fff}.save-button:hover:not(:disabled){background:#34ce57;border-color:#40d864;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.save-and-view-button{background:#17a2b8;border-color:#20c997;color:#fff}.save-and-view-button:hover:not(:disabled){background:#20c997;border-color:#28d8a0;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.save-and-view-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.toggle-mode-button{background:#6c757d;border-color:#868e96;color:#fff}.toggle-mode-button:hover{background:#868e96;border-color:#adb5bd;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-1px)}.toggle-mode-button.cancel{background:#dc3545;border-color:#c82333}.toggle-mode-button.cancel:hover{background:#c82333;border-color:#bd2130;box-shadow:0 4px 12px #dc35454d}.save-icon,.save-view-icon,.toggle-icon{font-size:16px}@media (max-width:768px){.editor-toolbar{gap:4px;padding:12px}.toolbar-group{padding:0 4px}.toolbar-group button{font-size:12px;height:28px;min-width:28px;padding:4px 8px}.editor-content{padding:16px}.ProseMirror{font-size:14px}}.directory-selector{width:100%}.directory-input-section{margin-bottom:20px}.flex-grow{flex:1 1}.form-input:disabled{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);cursor:not-allowed;opacity:.6}.btn-add-directory,.btn-remove-directory{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease-in-out}.btn-add-directory{background-color:#3b82f6;background-color:var(--color-accent,#3b82f6);color:#fff}.btn-add-directory:hover:not(:disabled){background-color:#2563eb;background-color:var(--color-accent-hover,#2563eb)}.btn-add-directory:disabled{background-color:#6b7280;background-color:var(--color-text-secondary,#6b7280);cursor:not-allowed;opacity:.6}.btn-remove-directory{background-color:#ef4444;background-color:var(--color-danger,#ef4444);color:#fff;font-size:12px;padding:4px 8px}.btn-remove-directory:hover{background-color:#dc2626;background-color:var(--color-danger-hover,#dc2626)}.selected-directories{margin-top:20px}.selected-directories h4{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600;margin-bottom:10px}.directory-list{border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;overflow:hidden}.directory-table{border-collapse:collapse;width:100%}.directory-table td,.directory-table th{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);padding:8px 12px;text-align:left}.directory-table th{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.directory-table tbody tr:last-child td{border-bottom:none}.directory-table tbody tr:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937)}.directory-path{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-family:Monaco,Menlo,monospace;font-size:13px}.directories-empty{padding:30px;text-align:center}.directories-empty,.directories-empty p{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.directories-empty p{font-size:14px;margin:0}.tags-manager{width:100%}.tags-input-section{margin-bottom:20px}.form-row{align-items:flex-end;gap:10px;margin-bottom:10px}.form-group:first-child,.form-group:nth-child(2){flex:1 1}.form-group label{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-weight:600;margin-bottom:5px}.optional{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-style:italic;font-weight:400}.form-input{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:6px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;line-height:1.5;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.inline-input{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);border:1px solid #374151;border:1px solid var(--color-border,#374151);border-radius:4px;color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:13px;padding:4px 8px;transition:border-color .15s ease-in-out;width:100%}.inline-input:focus{border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);outline:none}.tag-key-input{font-family:Monaco,Menlo,monospace;font-weight:500}.tag-value-input{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.btn-add-tag,.btn-remove-tag{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease-in-out}.btn-add-tag{background-color:#3b82f6;background-color:var(--color-accent,#3b82f6);color:#fff}.btn-add-tag:hover:not(:disabled){background-color:#2563eb;background-color:var(--color-accent-hover,#2563eb)}.btn-add-tag:disabled{background-color:#6b7280;background-color:var(--color-text-secondary,#6b7280);cursor:not-allowed;opacity:.6}.btn-remove-tag{background-color:#ef4444;background-color:var(--color-danger,#ef4444);color:#fff;font-size:12px;padding:4px 8px}.btn-remove-tag:hover{background-color:#dc2626;background-color:var(--color-danger-hover,#dc2626)}.tags-list{margin-top:20px}.tags-list h4{color:#f3f4f6;color:var(--color-text-primary,#f3f4f6);font-size:14px;font-weight:600;margin-bottom:10px}.tags-table{border:1px solid #374151;border:1px solid var(--color-border,#374151);border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.tags-table td,.tags-table th{border-bottom:1px solid #374151;border-bottom:1px solid var(--color-border,#374151);padding:8px 12px;text-align:left}.tags-table th{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937);color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tags-table tbody tr:last-child td{border-bottom:none}.tags-table tbody tr:hover{background-color:#1f2937;background-color:var(--color-surface-secondary,#1f2937)}.tags-table td:first-child{width:35%}.tags-table td:nth-child(2){width:45%}.tags-table td:last-child{text-align:center;width:20%}.tags-empty{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);padding:30px;text-align:center}.empty-state-icon{font-size:32px;margin-bottom:10px;opacity:.6}.tags-empty p{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:14px;margin:0}.error-message{color:#ef4444;color:var(--color-danger,#ef4444);font-size:12px;margin-top:5px;padding:4px 0}.coming-soon-container{align-items:center;display:flex;height:400px;justify-content:center;padding:2rem}.coming-soon-content{max-width:500px;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1rem}.coming-soon-content h3{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.coming-soon-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.coming-soon-features{margin-top:2rem}.coming-soon-features ul{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;list-style:none;margin:0 auto;max-width:300px;padding:0}.coming-soon-features li{background:var(--background-secondary);border-radius:4px;color:var(--text-secondary);font-size:.9rem;padding:.5rem}.coming-soon-features li:before{color:var(--accent-primary);content:"•";margin-right:.5rem}.node-metadata-table-container{background:#1e1e1e;box-sizing:border-box;color:#fff;height:100%;max-width:100%;overflow-y:auto;width:100%}.node-metadata-table-container.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.node-metadata-table-container .loading-content{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;padding:48px}.node-metadata-table-container .loading-indicator{align-items:center;display:flex;flex-direction:column;gap:16px}.node-metadata-table-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #4a4a4a;border-radius:50%;border-top-color:#4169e1;height:40px;width:40px}.node-metadata-table-container .loading-indicator p{color:#a0a0a0;font-size:14px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.node-metadata-table-container>*{margin:0 20px 20px}.node-metadata-table-container>:first-child{margin-top:20px}.table-header{margin-bottom:24px}.table-header h2{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.8rem;font-weight:500;margin:0 0 8px}.table-description{color:#a0a0a0;font-size:1rem;font-weight:400;margin:0}.stats-panel{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.stat-item{align-items:center;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;display:flex;flex-direction:column;min-width:120px;padding:16px}.stat-item:hover{background:#404040;border-color:#5a5a5a}.stat-item.clickable{cursor:pointer}.stat-item.clickable:hover{background:#454545;border-color:#6a6a6a;box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.stat-item.clickable.active{background:#4169e1;border-color:#5179f1;box-shadow:0 2px 8px #4169e14d}.stat-item.clickable.active:hover{background:#5179f1;border-color:#6189ff}.stat-value{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:600;line-height:1}.stat-label{color:#a0a0a0;font-size:.9rem;font-weight:400;margin-top:8px;text-align:center}.table-controls{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;margin-bottom:16px;padding:16px}.controls-row{flex-wrap:wrap;gap:16px;margin-bottom:16px}.controls-row,.search-container{align-items:stretch;display:flex}.search-container{flex:1 1;min-width:300px}.search-input{background:#404040;border:1px solid #5a5a5a;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;height:40px;padding:10px 12px;transition:all .2s ease;width:100%}.action-buttons{align-items:stretch;display:flex;flex-shrink:0;gap:12px}.actions-button,.create-button,.export-button,.refresh-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.export-button{background:#4a7c59;border:1px solid #5a8c69;color:#fff;font-weight:500}.export-button:hover:not(:disabled){background:#5a8c69;border-color:#6a9c79}.export-button:disabled{background:#2a2a2a;border-color:#3a3a3a;color:#666;cursor:not-allowed}.refresh-button{align-items:center;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:6px;color:#a0a0a0;display:flex;font-weight:500;height:44px;justify-content:center;padding:0;width:44px}.refresh-button:hover{background:#4a4a4a;border-color:#6a6a6a;color:#fff;transform:translateY(-1px)}.refresh-button svg{transition:transform .3s ease}.refresh-button:hover svg{transform:rotate(180deg)}.actions-dropdown-container{display:inline-block;position:relative}.actions-button{background:#28a745;border:1px solid #34ce57;color:#fff}.actions-button:hover:not(.disabled){background:#34ce57;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.actions-button.disabled{background:#6c757d;border-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6}.actions-button.disabled:hover{box-shadow:none;transform:none}.dropdown-arrow{font-size:.7rem;transition:transform .2s ease}.actions-button:hover:not(.disabled) .dropdown-arrow{transform:rotate(180deg)}.create-button{background:#007bff;border:1px solid #0056b3;color:#fff}.create-button:hover{background:#0056b3;border-color:#004085;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.actions-dropdown{animation:dropdownFadeIn .2s ease-out;background:#3a3a3a;border:1px solid #5a5a5a;border-radius:6px;box-shadow:0 4px 12px #0000004d;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.actions-dropdown-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.actions-dropdown-item:hover{background:#4a4a4a}.actions-dropdown-item.delete-action{border-top:1px solid #5a5a5a;color:#ff6b6b}.actions-dropdown-item.delete-action:hover{background:#4a2c2c}.action-icon{display:inline-block;font-size:14px;width:16px}.search-input:focus{background:#454545;border-color:#6a6a6a;outline:none}.search-input::placeholder{color:#888}.filter-toggles{display:flex;flex-wrap:wrap;gap:20px}.filter-toggle{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:14px;gap:8px;transition:all .2s ease}.filter-toggle:hover{color:#fff}.filter-toggle input[type=checkbox]{transform:scale(1.2)}.results-info{color:#a0a0a0;font-size:14px;margin-bottom:16px}.table-wrapper{background:#383838;border:1px solid #4a4a4a;border-radius:6px;overflow:hidden;overflow-x:auto}.node-metadata-table{border-collapse:collapse;font-size:.9rem}.node-metadata-table th{background:#404040;border-bottom:1px solid #5a5a5a;color:#fff;font-size:13px;font-weight:600;padding:12px;position:sticky;text-align:left;top:0;z-index:10}.node-metadata-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.node-metadata-table th.sortable:hover{background:#4a4a4a;color:#fff}.sort-icon{font-size:.8rem;margin-left:8px;opacity:.7}.sort-icon.active{color:#ccc;opacity:1}.node-metadata-table td{background:#0000;border-bottom:1px solid #4a4a4a;color:#fff;font-size:13px;padding:10px 12px;vertical-align:top}.node-metadata-table tbody tr{transition:background-color .1s ease}.node-metadata-table tbody tr:hover{background:#404040}.node-metadata-table tbody tr:hover td{background:#0000}.node-row.container{border-left:3px solid #4a7c59}.node-row.leaf-node{border-left:3px solid #5a7c9a}.node-row.hub-node{border-left:3px solid #b8860b}.node-row.orphaned{border-left:3px solid #a0a0a0}.node-title{min-width:60px}.node-title strong{color:#fff;font-weight:500}.node-title-link{color:#4169e1;text-decoration:none;transition:color .2s ease}.node-title-link:hover{color:#5179f1;text-decoration:underline}.node-title-link:visited{color:#4169e1}.node-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a0a0a0;display:-webkit-box;font-size:12px;line-height:1.3;margin-top:4px;overflow:hidden}.node-id code{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:3px;color:#ccc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:400}.node-id code,.type-badge{font-size:11px;padding:3px 6px}.type-badge{border-radius:3px;display:inline-block;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.node-type.container .type-badge{background:#3a5a3a;border:1px solid #4a6a4a;color:#fff}.node-type.leaf-node .type-badge{background:#3a4a5a;border:1px solid #4a5a6a;color:#fff}.node-type.hub-node .type-badge{background:#5a4a2a;border:1px solid #6a5a3a;color:#fff}.node-type.orphaned .type-badge{background:#4a4a4a;border:1px solid #5a5a5a;color:#ccc}.number-cell{font-weight:600;min-width:60px;text-align:center}.has-count{color:#fff;font-weight:600}.zero-count{color:#888}.user-id{color:#ccc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.category,.node-type-field{color:#a0a0a0;text-transform:capitalize}.date-cell{color:#a0a0a0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;min-width:60px}.loading{align-items:center;color:#a0a0a0;display:flex;font-size:16px;justify-content:center;min-height:400px}.error{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;margin:20px;padding:40px 20px;text-align:center}.error h3{color:#fff;font-weight:500;margin-bottom:12px}.error p{color:#a0a0a0;margin-bottom:20px}.retry-button{background:#5a7c9a;border:1px solid #6a8caa;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.retry-button:hover{background:#6a8caa;border-color:#7a9cba}.no-results{background:#383838;border:1px solid #4a4a4a;border-radius:6px;color:#a0a0a0;font-size:16px;margin-top:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.node-metadata-table-container{padding:12px}.stats-panel{gap:8px}.stat-item{min-width:100px;padding:12px 16px}.stat-value{font-size:1.5rem}.controls-row{align-items:stretch;flex-direction:column;gap:12px}.search-container{min-width:0;min-width:auto}.action-buttons{justify-content:center}.export-button,.refresh-button{font-size:.85rem;height:40px;padding:10px 16px}.search-input{height:40px}.filter-toggles{flex-direction:column;gap:12px}.table-wrapper{font-size:.8rem}.node-metadata-table td,.node-metadata-table th{padding:8px 6px}.node-title{min-width:60px}}.node-row{cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.node-row:hover{background:#3d3d3d}.node-row.expanded{background:#404040;border-left-color:#5a7c9a;border-left-width:4px;box-shadow:inset 0 1px 0 #ffffff0d}.node-row.expanded:hover{background:#424242}.title-with-indicator{align-items:flex-start;display:flex;gap:8px;transition:all .2s ease}.node-row:hover .title-with-indicator{transform:translateX(2px)}.node-row.expanded .title-with-indicator{transform:translateX(3px)}.expand-indicator{align-items:center;color:#a0a0a0;display:flex;flex-shrink:0;font-size:12px;height:16px;justify-content:center;margin-top:2px;transition:transform .2s cubic-bezier(.4,0,.2,1),color .15s ease;width:12px}.expand-indicator.expanded{color:#fff;transform:rotate(90deg)}.title-content{flex:1 1;min-width:0}.expanded-details{background:#3a3a3a;border-top:3px solid #5a7c9a;box-shadow:inset 0 4px 8px #0000001a;margin:0!important;overflow:hidden;position:relative}.expanded-details td{border-bottom:2px solid #4a4a4a;padding:0}.expanded-content,.expanded-details td{margin:0!important;width:100%!important}.expanded-content{animation:expandIn .2s ease-out;box-sizing:border-box!important;max-width:none!important;padding:0!important;transform-origin:top}@keyframes expandIn{0%{opacity:0;transform:scaleY(.5) translateY(-5px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.expanded-content.collapsing{animation:collapseOut .15s ease-in forwards}@keyframes collapseOut{0%{opacity:1;transform:scaleY(1) translateY(0)}to{opacity:0;transform:scaleY(.5) translateY(-5px)}}.tab-nav{background:#3a3a3a;border-bottom:1px solid #4a4a4a;border-radius:6px 6px 0 0;display:flex;margin-bottom:0;width:100%!important}.tab-button,.tab-nav{box-sizing:border-box!important}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#a0a0a0;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:none!important;min-width:0;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:25%!important}.tab-button:hover{background:#3a3a3a;color:#e0e0e0}.tab-button.active{background:#3a3a3a;border-bottom-color:#4169e1;color:#4169e1}.tab-button:first-child,.tab-button:last-child{border-radius:6px 6px 6px 6px}.tab-container{animation:slideInContent .2s ease-out;background:#3a3a3a;border:none;border-radius:0 0 6px 6px;box-sizing:border-box!important;min-height:500px!important;padding:0!important;width:100%!important}.tab-content{animation:fadeInTab .15s ease-out;flex-direction:column;width:100%}.tab-content,.tab-content.preview-content{display:flex;height:100%;min-height:500px!important}.tab-content.preview-content{align-items:stretch;justify-content:stretch;padding:0}.tab-content.preview-content .flow-canvas-preview{flex:1 1;height:100%!important;width:100%!important}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInContent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-section{animation:fadeInSection .2s ease-out .1s both;background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;min-height:280px;padding:16px 0}@keyframes fadeInSection{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-section h4{border-bottom:1px solid #4a4a4a;color:#fff;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.detail-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#ccc;flex-shrink:0;font-size:12px;font-weight:500;min-width:120px}.detail-value{color:#fff;flex:1 1;font-size:12px;word-break:break-word}.detail-value code{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:3px;color:#ccc;font-size:11px;padding:2px 6px}.detail-note{color:#a0a0a0;font-size:11px;font-style:italic}.status-badge{border-radius:4px;font-size:11px;font-weight:500;padding:3px 8px;text-transform:uppercase}.status-badge.connected{background:#3a5a3a;border:1px solid #4a6a4a;color:#fff}.status-badge.orphaned{background:#5a3a3a;border:1px solid #6a4a4a;color:#fff}.detail-value .type-badge{background:#4a4a4a;border:1px solid #5a5a5a;border-radius:3px;color:#fff;font-size:11px;padding:3px 6px}.detail-value .type-badge.container{background:#3a5a3a;border-color:#4a6a4a}.detail-value .type-badge.leaf-node{background:#3a4a5a;border-color:#4a5a6a}.detail-value .type-badge.hub-node{background:#5a4a2a;border-color:#6a5a3a}.detail-value .type-badge.orphaned{background:#4a4a4a;border-color:#5a5a5a}.preview-info{border-top:1px solid #4a4a4a;margin-top:auto;padding-top:12px}.info-row{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:#a0a0a0;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#e0e0e0}.canvas-preview-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin:12px 0}.node-preview-canvas{box-shadow:0 2px 8px #0000004d}.preview-metadata{grid-gap:12px;border-top:1px solid #4a4a4a;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:12px}.metadata-row{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#ccc;font-size:11px}.metadata-value{font-size:12px}.metadata-value code{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:3px;color:#ccc;font-size:11px;padding:2px 6px}@media (max-width:768px){.tab-button{font-size:12px;padding:10px 8px}.tab-container{min-height:400px;padding:0}.tab-content{min-height:400px!important}.tab-content.preview-content{align-items:stretch;height:100%;justify-content:stretch;min-height:400px!important;padding:0}.tab-content.preview-content .flow-canvas-preview{flex:1 1;height:100%!important;width:100%!important}.expanded-content{padding:0}.detail-section{padding:12px}.detail-row{flex-direction:column;gap:4px}.detail-label{font-weight:600;min-width:auto}.canvas-preview-container{overflow-x:auto}.node-preview-canvas{min-width:300px}.preview-metadata{gap:8px;grid-template-columns:1fr}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.flow-canvas-preview .flow-canvas{background:#0000!important;background-image:none!important}.column-resizer{background:#0000;border-radius:0 2px 2px 0;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background-color .2s ease;width:6px;z-index:10}.column-resizer.active,.column-resizer:hover{background:#4169e1;box-shadow:0 0 4px #4169e14d}.column-resizer.active{background:#5179f1}.node-metadata-table{border-collapse:initial;border-spacing:0;min-width:max-content;table-layout:fixed;width:100%}.select-cell,.select-column{text-align:center;vertical-align:middle;width:40px}.select-column{padding:8px}.select-cell{border-right:1px solid #4a4a4a;padding:8px}.select-cell input[type=checkbox],.select-column input[type=checkbox]{accent-color:#4169e1;cursor:pointer;display:block;height:16px;margin:0 auto;padding:0;width:16px}.select-cell input[type=checkbox]:hover,.select-column input[type=checkbox]:hover{transform:scale(1.1);transition:transform .1s ease}.node-metadata-table th{min-width:60px;-webkit-user-select:none;user-select:none}.node-metadata-table td,.node-metadata-table th{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.node-metadata-table.resizing{pointer-events:none}.node-metadata-table.resizing .column-resizer.active{pointer-events:all}.connections-tab{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%;padding:16px;width:100%}.connections-summary{background:#0000;border:1px solid #4a4a4a;border-radius:6px;display:flex;gap:24px;padding:16px}.tables-section{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;padding:16px 0;width:100%}.table-section{background:#0000;border:1px solid #4a4a4a;border-radius:6px;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.table-section-title{background:#404040;border-bottom:1px solid #4a4a4a;color:#fff;font-size:14px;font-weight:600;margin:0;padding:12px 16px}.scrollable-table-container{border-radius:0 0 6px 6px;display:flex;flex:1 1;flex-direction:column;overflow-x:auto;overflow-y:auto;width:100%}.child-nodes-table,.connections-table{border-collapse:collapse;font-size:12px;width:100%}.child-nodes-table th,.connections-table th{background:#383838;border-bottom:1px solid #5a5a5a;color:#fff;font-size:11px;font-weight:600;padding:10px 12px;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:2}.child-nodes-table td,.connections-table td{background:#2a2a2a;border-bottom:1px solid #4a4a4a;color:#fff;font-size:11px;max-width:150px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.child-nodes-table tbody tr:hover,.connections-table tbody tr:hover{background:#404040}.child-node-title{max-width:200px;white-space:normal}.child-node-title strong{color:#fff;display:block;font-weight:500;margin-bottom:2px}.child-node-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a0a0a0;display:-webkit-box;font-size:10px;line-height:1.3;overflow:hidden}.child-node-id code,.connection-id code,.connection-node-id code{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:2px;color:#ccc;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;padding:2px 4px}.connection-node-title{max-width:200px;white-space:normal}.connection-node-title strong{color:#fff;font-size:12px;font-weight:500}.position-cell,.size-cell{color:#a0a0a0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:10px;text-align:right}.position-cell div,.size-cell div{line-height:1.2}.connection-edge{font-size:10px;text-transform:uppercase}.connection-edge,.empty-table{color:#a0a0a0;text-align:center}.empty-table{align-items:center;background:#2a2a2a;border-radius:0 0 6px 6px;display:flex;flex:1 1;font-style:italic;justify-content:center;width:100%}.empty-table p{font-size:14px;margin:0}.scrollable-table-container::-webkit-scrollbar{height:8px;width:8px}.scrollable-table-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.scrollable-table-container::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:3px}.scrollable-table-container::-webkit-scrollbar-thumb:hover{background:#6a6a6a}@media (max-width:1200px){.tables-section{gap:16px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.tables-section{gap:16px;grid-template-columns:1fr}.child-nodes-table td,.child-nodes-table th,.connections-table td,.connections-table th{padding:6px 8px}.child-node-title{max-width:120px}}.advanced-search-toggle{margin-bottom:16px}.toggle-advanced-btn{align-items:center;background:#4a4a4a;border:1px solid #5a5a5a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.toggle-advanced-btn:hover{background:#5a5a5a;border-color:#6a6a6a}.toggle-advanced-btn.expanded{background:#4169e1;border-color:#5179f1}.toggle-advanced-btn.expanded:hover{background:#5179f1;border-color:#6189ff}.toggle-icon{font-size:10px;transition:transform .2s ease}.active-indicator{color:#fc0;font-size:11px;font-weight:600}.advanced-search-panel{animation:slideDown .2s ease-out;background:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;margin-bottom:16px;overflow:hidden}.advanced-search-header{background:#404040;border-bottom:1px solid #4a4a4a;justify-content:space-between;padding:12px 16px}.advanced-search-header,.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.key-search-toggle{background:#5a5a5a;border:1px solid #6a6a6a;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.key-search-toggle:hover{background:#6a6a6a;border-color:#7a7a7a}.key-search-toggle.active{background:#4169e1;border-color:#5179f1}.logic-operator-toggle{align-items:center;color:#ccc;display:flex;font-size:12px;gap:6px}.logic-select{background:#5a5a5a;border:1px solid #6a6a6a;border-radius:3px;color:#fff;font-size:12px;padding:2px 6px}.clear-all-btn{background:#7a4a4a;border:1px solid #8a5a5a;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.clear-all-btn:hover:not(:disabled){background:#8a5a5a;border-color:#9a6a6a}.clear-all-btn:disabled{background:#3a3a3a;border-color:#4a4a4a;color:#666;cursor:not-allowed}.advanced-search-content{padding:16px}.key-only-search{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:4px;margin-bottom:20px;padding:16px}.key-only-search h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 12px}.key-search-form{display:flex;flex-direction:column;gap:8px}.key-search-input{background:#404040;border:1px solid #5a5a5a;border-radius:4px;color:#fff;font-size:13px;padding:8px 12px;width:100%}.key-search-input:focus{background:#454545;border-color:#4169e1;outline:none}.help-text{color:#a0a0a0;font-size:11px;font-style:italic}.active-filters{margin-bottom:20px}.active-filters-label{color:#ccc;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.no-active-filters{color:#888;font-size:12px;font-style:italic;padding:8px 0}.filter-chip{font-size:11px;margin:2px 4px 2px 0;padding:4px 8px}.filter-chip.key-only-filter{background:#9a4a9a;border-color:#aa5aaa}.filter-text{margin-right:6px}.logic-operator{color:#fc0;font-weight:700;margin:0 4px}.remove-filter-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;padding:0 2px;transition:background-color .2s ease;width:16px}.remove-filter-btn:hover{background:#fff3}.filter-builder{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:6px;padding:16px}.filter-builder-title{border-bottom:1px solid #4a4a4a;color:#fff;font-size:14px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.filter-form{display:flex;flex-direction:column;gap:12px}.form-row{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.form-group{flex:1 1;gap:4px;min-width:120px}.form-group label{color:#ccc;font-size:12px}.filter-select{background:#404040;border:1px solid #5a5a5a;border-radius:4px;color:#fff;font-size:12px;min-height:32px;padding:6px 8px}.filter-select:focus{background:#454545;border-color:#4169e1;outline:none}.filter-select:disabled{background:#2a2a2a;color:#666;cursor:not-allowed}.add-filter-btn{background:#4a7c59;border:1px solid #5a8c69;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-height:32px;padding:6px 16px;transition:all .2s ease;white-space:nowrap}.add-filter-btn:hover:not(:disabled){background:#5a8c69;border-color:#6a9c79;transform:translateY(-1px)}.add-filter-btn:disabled{background:#3a3a3a;border-color:#4a4a4a;color:#666;cursor:not-allowed;transform:none}.search-summary{color:#4169e1;font-size:13px;font-weight:500;padding:4px 0}.search-highlight{background:#fc0;border-radius:2px;color:#2d2d2d;font-weight:600;padding:1px 2px}.tag-chip{align-items:center;background:#4682ff33;border:1px solid #4682ff80;border-radius:3px;color:#4682ffe6;display:inline-flex;font-size:.7rem;padding:1px 4px;transition:all .2s ease;white-space:nowrap}.tag-chip.tag-match-filter{background:#ffcc004d;border-color:#fc09;box-shadow:0 0 4px #ffcc004d;color:#fc0}.tag-chip.tag-match-key{background:#9a4a9a4d;border-color:#9a4a9a99;box-shadow:0 0 4px #9a4a9a4d;color:#d8d}.tag-key{font-weight:500}.tag-value{margin-left:1px}.tag-overflow{color:#ffffff80;font-size:.7rem;padding:1px 4px}@media (max-width:768px){.advanced-search-header{align-items:stretch;flex-direction:column;gap:8px}.header-controls{flex-wrap:wrap;justify-content:space-between}.form-row{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.filter-chip{font-size:10px;padding:3px 6px}}.smart-search-container{flex:1 1;min-width:0;position:relative;width:100%}.smart-search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.smart-search-input{background:#404040;border:2px solid #5a5a5a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;height:44px;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.smart-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px;z-index:10}.smart-search-clear:hover{background:#5a5a5a;color:#fff}.smart-search-clear:active{background:#6a6a6a}.smart-search-input:focus{background:#454545;border-color:#4169e1;box-shadow:0 0 0 3px #4169e11a;outline:none}.smart-search-input::placeholder{color:#888}.smart-search-dropdown{background:#3a3a3a;border:1px solid #5a5a5a;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-group{border-bottom:1px solid #4a4a4a;padding:8px 0}.suggestion-group:last-child{border-bottom:none}.suggestion-group-title{color:#a0a0a0;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.suggestion-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.suggestion-item.active,.suggestion-item:hover{background-color:#454545}.suggestion-item.active{background-color:#4169e1;border-left:3px solid #5179f1}.suggestion-icon{font-size:16px;margin-right:12px;text-align:center;width:20px}.suggestion-content{flex:1 1}.suggestion-label{color:inherit;font-size:14px;font-weight:500}.suggestion-count,.suggestion-description{color:#a0a0a0;font-size:12px;margin-top:2px}.suggestion-item.active .suggestion-count,.suggestion-item.active .suggestion-description{color:#fffc}.suggestion-empty,.suggestion-loading{padding:16px}.suggestion-footer{background:#333;border-radius:0 0 8px 8px;border-top:1px solid #4a4a4a;padding:8px 16px}.suggestion-footer-item{align-items:center;display:flex;justify-content:center}.suggestion-footer-text{color:#888;font-size:11px;text-align:center}.advanced-filters-link{background:none;border:none;border-radius:4px;color:#4169e1;cursor:pointer;font-size:12px;margin-top:4px;padding:4px 8px;text-decoration:underline;transition:all .2s ease}.advanced-filters-link:hover{background:#4169e11a;color:#5179f1}.advanced-search-wrapper{margin-top:16px}.search-mode-notice{align-items:center;animation:slideDown .2s ease-out;background:#4169e11a;border:1px solid #4169e14d;border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.notice-icon{color:#4169e1;font-size:16px}.notice-text{color:#a0a0a0;font-size:13px;line-height:1.4}.active-filters-bar{align-items:center;animation:slideDown .2s ease-out;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;margin-top:12px;padding:8px 0}.active-filters-label{color:#a0a0a0;font-size:12px;font-weight:500;margin-right:8px}.filter-chips-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-chip{align-items:center;animation:chipFadeIn .2s ease-out;background:#4169e1;border:1px solid #5179f1;border-radius:16px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:4px;max-width:200px;padding:6px 8px 6px 12px}.filter-chip.editable .filter-chip-content{cursor:pointer}.filter-chip.editable:hover .filter-chip-content{background:#ffffff1a;border-radius:12px;margin:-2px -4px;padding:2px 4px}.filter-chip-content{align-items:center;display:flex;flex:1 1;min-width:0;transition:all .2s ease}.filter-chip.tag-filter,.filter-chip.tag-key-only-filter{background:#228b22;border-color:#32cd32}.filter-chip.attribute-filter,.filter-chip.text-filter{background:#6f42c1;border-color:#7952cc}.filter-chip.global-search-filter{background:#17a2b8;border-color:#20c997}.filter-chip.node-type-filter{background:#4169e1;border-color:#5179f1}.filter-chip-icon{font-size:12px;margin-right:6px}.filter-chip-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:18px;justify-content:center;padding:2px;transition:background-color .2s ease;width:18px}.filter-chip-remove:hover{background:#fff3}.clear-all-filters{background:none;border:1px solid #5a5a5a;border-radius:16px;color:#a0a0a0;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.clear-all-filters:hover{background:#404040;border-color:#6a6a6a;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.smart-search-dropdown::-webkit-scrollbar{width:8px}.smart-search-dropdown::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.smart-search-dropdown::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:4px}.smart-search-dropdown::-webkit-scrollbar-thumb:hover{background:#6a6a6a}@media (max-width:768px){.smart-search-container{min-width:0}.smart-search-input{font-size:16px}.filter-chip{font-size:12px;max-width:150px;padding:4px 8px}.active-filters-bar{margin-top:8px}.suggestion-item{padding:10px 12px}.suggestion-icon{font-size:14px;margin-right:8px}}.details-view{background:#0000;flex:1 1;min-height:500px}.details-tab,.details-view{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:16px;width:100%}.details-tab{flex:1 1;gap:16px}.details-tables-section{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;padding:16px 0;width:100%}.details-title-section{word-wrap:break-word;background:#0000;border:1px solid #4a4a4a;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:16px}.details-header{align-items:flex-start;border-bottom:1px solid #404040;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.node-title-large{word-wrap:break-word;color:#fff;flex:1 1;font-size:1.8rem;font-weight:600;margin:0;max-width:100%;min-width:0;overflow-wrap:break-word;white-space:normal}.node-type-badge-large{background:#4a5568;border-radius:20px;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;white-space:nowrap}.node-type-badge-large.container{background:#38a169}.node-type-badge-large.leaf-node{background:#3182ce}.node-type-badge-large.orphaned{background:#e53e3e}.node-type-badge-large.hub-node{background:#9f7aea}.node-id-section{margin:0 16px 24px;text-align:center}.node-id-display{background:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#a0a0a0;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;letter-spacing:.5px;padding:12px 16px}.details-title-section .description-section{flex:1 1;margin:0}.node-description-text{word-wrap:break-word;color:#d0d0d0;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0;max-width:100%;overflow-wrap:break-word;text-align:left;white-space:normal}.tags-section{margin:0 16px 32px}.tags-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tag-item{background:#1a1a1a;border:1px solid #404040;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s ease}.tag-item:hover{background:#1e1e1e;border-color:#4a90e2}.tag-key-display{color:#a0a0a0;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tag-value-display{color:#fff;font-size:1rem;font-weight:400;word-break:break-word}.metadata-section{border-top:1px solid #404040;margin:auto 16px 0;padding-top:24px}.metadata-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-label{color:#a0a0a0;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metadata-value{color:#fff;font-size:1rem;font-weight:400}@media (max-width:768px){.details-view{padding:0}.details-tab{flex-direction:column;padding:12px}.details-tables-section{gap:16px;grid-template-columns:1fr}.details-header{align-items:flex-start;flex-direction:column;gap:12px}.node-title-large{font-size:1.5rem}.tags-grid{grid-template-columns:1fr}.metadata-grid{grid-template-columns:repeat(2,1fr)}}.email-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-modal-content{animation:slideIn .3s ease;background-color:#1a1a1a;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:40px;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.email-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.email-modal-close:hover{background-color:#ffffff1a;color:#fff}.email-modal-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 8px}.email-modal-subtitle{color:#a1a1aa;font-size:1rem;margin:0 0 32px}.email-modal-form{gap:20px}.email-modal-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#e4e4e7;font-size:.875rem;font-weight:500}.form-group input,.form-group textarea{background-color:#0a0a0a;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#228b22;box-shadow:0 0 0 2px #228b2233;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-message{border-radius:8px;font-size:.875rem;margin-top:8px;padding:12px 16px;text-align:center}.form-message.success{background-color:#228b221a;border:1px solid #228b2233;color:#228b22}.form-message.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-secondary{background-color:initial;border:1px solid #333;color:#e4e4e7}.btn-secondary:hover:not(:disabled){background-color:#ffffff0d;border-color:#555}.btn-primary{background-color:#228b22}.btn-primary:hover:not(:disabled){background-color:#1e7a1e;box-shadow:0 4px 12px #228b2266;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.email-modal-content{padding:30px 20px}.email-modal-title{font-size:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.home-container{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);color:#fff;margin:0;min-height:100vh;padding:0}.hero-section,.home-container{align-items:center;display:flex;flex-direction:column}.hero-section{max-width:1200px;padding:80px 20px 60px;text-align:center;width:100%}.hero-content{max-width:800px}.announcement-badge{align-items:center;background:#228b221a;border:1px solid #228b2233;border-radius:50px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-bottom:32px;padding:8px 16px;transition:all .2s ease}.announcement-badge:hover{background:#228b2226;border-color:#228b224d}.badge-text{background:#228b22;border-radius:20px;color:#000;font-size:12px;font-weight:600;padding:2px 8px}.badge-description{color:#fff;font-weight:500}.badge-arrow{color:#228b22;font-weight:600}.hero-title{color:#228b22;font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.hero-title-accent{color:#fff}.hero-description{color:#a1a1aa;font-size:1.25rem;font-weight:400;line-height:1.6;margin:0 0 24px}.hero-cta{margin:24px 0 40px}.hero-cta-button{align-items:center;background-color:#228b22;border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .2s ease}.hero-cta-button:hover{background-color:#1e7a1e;box-shadow:0 4px 12px #228b2266;transform:translateY(-2px)}.hero-quote{color:#228b22;font-size:1.1rem;font-style:italic;font-weight:500;margin:0 0 40px;text-align:center}.canvas-demo-section{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:80px 20px;text-align:center;width:100%}.canvas-demo-content{max-width:1000px;width:100%}.canvas-demo-title{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 16px}.canvas-demo-description{color:#a1a1aa;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 0 40px}.canvas-demo-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:100%}.home-canvas-preview{border:2px solid #228b2233;border-radius:12px;box-shadow:0 20px 60px #0006;overflow:hidden}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.btn,.hero-actions{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;min-width:140px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#228b22;color:#000}.btn-primary:hover{background:#1e7a1e;box-shadow:0 8px 25px #228b224d;transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 25px #ffffff1a;transform:translateY(-1px)}.features-section{max-width:1200px;padding:0 20px 80px;width:100%}.features-content{margin:0 auto;max-width:1000px}.features-with-image{align-items:center;display:flex;gap:60px}.features-text{flex:1 1}.features-title{color:#fff;font-size:2rem;font-weight:600;margin:0 0 32px;text-align:left}.features-list{list-style:none;margin:0;padding:0;text-align:left}.features-list li{border-bottom:1px solid #ffffff0d;color:#d4d4d8;font-size:1.1rem;line-height:1.6;padding:12px 0 12px 32px;position:relative}.features-list li:last-child{border-bottom:none}.features-list li:before{color:#228b22;content:"•";font-size:1.5rem;font-weight:700;left:0;line-height:1.2;position:absolute}.features-image{flex-shrink:0}.turtle-circle{background:#000;border:3px solid #228b22;border-radius:50%;box-shadow:0 0 40px #228b224d;height:300px;overflow:hidden;position:relative;width:300px}.turtle-circle img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.coming-soon-section{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;margin-top:40px;max-width:1200px;padding:80px 20px;text-align:center;width:100%}.coming-soon-content{max-width:1000px;width:100%}.coming-soon-title{color:#fff;font-size:2.5rem;font-weight:600;margin:0 0 16px}.coming-soon-description{color:#a1a1aa;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0 0 48px}.coming-soon-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.coming-soon-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.coming-soon-item:hover{background:#ffffff0d;border-color:#228b224d;box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.coming-soon-item:before{background:linear-gradient(90deg,#228b22,#32a852);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.coming-soon-item:hover:before{opacity:1}.coming-soon-icon{display:block;font-size:2.5rem;margin-bottom:16px}.coming-soon-item h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 12px}.coming-soon-item p{color:#a1a1aa;font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.hero-section{padding:60px 20px 80px}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-actions{align-items:center;flex-direction:column}.btn{max-width:280px;width:100%}.canvas-demo-section{padding:60px 16px}.canvas-demo-title{font-size:2rem}.canvas-demo-description{font-size:1rem}.canvas-demo-container{overflow-x:auto;padding:0 10px}.home-canvas-preview{height:400px;min-width:650px;width:650px}.features-with-image{flex-direction:column;gap:40px}.features-title{text-align:center}.features-list li{font-size:1rem}.turtle-circle{height:250px;margin:0 auto;width:250px}.coming-soon-section{padding:60px 16px}.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1rem}.coming-soon-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.coming-soon-item{padding:24px 20px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.canvas-demo-section{padding:40px 12px}.canvas-demo-title{font-size:1.75rem}.canvas-demo-description{font-size:.95rem;margin:0 0 32px}.home-canvas-preview{height:320px;min-width:500px;width:500px}.features-title{font-size:1.5rem}.turtle-circle{height:200px;width:200px}.coming-soon-section{padding:40px 12px}.coming-soon-title{font-size:1.75rem}.coming-soon-description{font-size:.95rem;margin:0 0 32px}.coming-soon-grid{gap:20px;grid-template-columns:1fr}.coming-soon-item{padding:20px 16px}.coming-soon-icon{font-size:2rem}.coming-soon-item h3{font-size:1.1rem}.coming-soon-item p{font-size:.9rem}}.App{display:flex;flex-direction:column;min-height:100vh}.App,.content{background-color:#121212}.content{flex:1 1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.flow-canvas{backface-visibility:hidden;perspective:1000px;will-change:transform}.flow-canvas-animating{transition:transform .3s cubic-bezier(.4,0,.2,1)}[data-flow-node-id]{transform:translateZ(0);will-change:transform}
/*# sourceMappingURL=main.fcac62cd.css.map*/