.exp-root{container-type:inline-size;width:100%;aspect-ratio:1440 / 860;position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;--orange: #FF6F47;--orange-50: #FFF1ED;--orange-100: #FFE2DA;--orange-200: #FFD4C8;--orange-300: #FFC5B5;--orange-400: #FEA991;--orange-500: #FE8C6C;--white: #FFFFFF;--gray-25: #FCFCFC;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-150: #EFEFEF;--gray-200: #E8E8E8;--gray-300: #D1D1D1;--gray-400: #A1A1A1;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #272727;--blue: #3B82F6;--blue-light: #EFF6FF;--blue-border: #DBEAFE;--emerald: #10B981;--emerald-light: #ECFDF5;--emerald-border: #D1FAE5;--violet: #8B5CF6;--violet-light: #F5F3FF;--violet-border: #EDE9FE;--slate: #64748B;--slate-light: #F8FAFC;--amber: #F59E0B;--amber-light: #FFFBEB;--red: #EF4444;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}.exp-root *,.exp-root *:before,.exp-root *:after{box-sizing:border-box;margin:0;padding:0}.exp-scale{position:absolute;top:0;left:0;width:1440px;height:860px;transform-origin:top left;transform:scale(calc(100cqw/1440px))}.exp-page{font-family:var(--font);background:#f5f5f5;display:flex;justify-content:center;align-items:flex-start;padding:32px 24px 48px;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--gray-800)}.exp-root .frame{width:100%;max-width:1420px;border-radius:14px;overflow:hidden;background:var(--white);border:1px solid var(--gray-200);box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a,0 16px 40px #0000000f}.exp-root .app{display:flex;flex-direction:column;height:740px}.exp-root .topbar{height:49px;min-height:49px;background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px}.exp-root .topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.exp-root .topbar-logo{height:18px;flex-shrink:0}.exp-root .topbar-divider{width:1px;height:20px;background:var(--gray-200);flex-shrink:0}.exp-root .breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0}.exp-root .breadcrumbs span{color:var(--gray-500);white-space:nowrap}.exp-root .breadcrumbs .bc-sep{color:var(--gray-300);font-size:11px}.exp-root .breadcrumbs .bc-current{color:var(--gray-800);font-weight:500}.exp-root .topbar-center{flex:1;display:flex;justify-content:center}.exp-root .search-bar{display:flex;align-items:center;gap:8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;padding:6px 12px;width:260px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.exp-root .search-bar:hover{border-color:var(--gray-300)}.exp-root .search-bar svg{color:var(--gray-400);flex-shrink:0}.exp-root .search-bar span{font-size:12.5px;color:var(--gray-400);flex:1}.exp-root .search-bar kbd{font-family:var(--font);font-size:11px;color:var(--gray-400);background:var(--white);border:1px solid var(--gray-200);border-radius:4px;padding:1px 5px;font-weight:500;line-height:1.4}.exp-root .topbar-right{display:flex;align-items:center;gap:10px}.exp-root .topbar-btn{width:32px;height:32px;border-radius:6px;border:none;background:none;display:flex;align-items:center;justify-content:center;color:var(--gray-500);cursor:pointer;position:relative;transition:background .12s}.exp-root .topbar-btn:hover{background:var(--gray-100)}.exp-root .notif-badge{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--orange);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--white)}.exp-root .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--orange-400),var(--orange));color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;letter-spacing:.02em;cursor:pointer}.exp-root .main-area{display:flex;flex:1;overflow:hidden}.exp-root .sidebar{width:264px;min-width:264px;background:var(--gray-25);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.exp-root .sidebar-search{padding:12px 14px 8px}.exp-root .sidebar-search-input{display:flex;align-items:center;gap:7px;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--gray-400);cursor:text;transition:border-color .15s}.exp-root .sidebar-search-input:hover{border-color:var(--gray-300)}.exp-root .sidebar-search-input svg{color:var(--gray-400);flex-shrink:0}.exp-root .sidebar-section{padding:4px 0}.exp-root .sidebar-section-header{padding:10px 16px 6px;font-size:10.5px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.exp-root .tree-item{display:flex;align-items:center;gap:4px;height:30px;padding-right:12px;font-size:12.5px;color:var(--gray-700);cursor:pointer;transition:background .1s;position:relative;white-space:nowrap}.exp-root .tree-item:hover{background:var(--gray-100)}.exp-root .tree-item.selected{background:var(--orange-50);color:var(--orange);font-weight:500}.exp-root .tree-item.selected:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--orange);border-radius:0 1px 1px 0}.exp-root .tree-l0{padding-left:12px}.exp-root .tree-l1{padding-left:24px}.exp-root .tree-l2{padding-left:38px}.exp-root .tree-l3{padding-left:50px}.exp-root .tree-chevron{width:14px;height:14px;flex-shrink:0;color:var(--gray-400);display:flex;align-items:center;justify-content:center}.exp-root .tree-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.exp-root .tree-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.exp-root .tree-id{font-family:var(--mono);font-size:10px;color:var(--gray-400);flex-shrink:0}.exp-root .tree-item.selected .tree-id{color:var(--orange-400)}.exp-root .tree-badge{font-size:10px;font-weight:500;color:var(--gray-500);background:var(--gray-150);border-radius:4px;padding:1px 6px;min-width:18px;text-align:center}.exp-root .view-item{display:flex;align-items:center;gap:8px;height:28px;padding:0 16px 0 18px;font-size:12.5px;color:var(--gray-600);cursor:pointer;transition:background .1s}.exp-root .view-item:hover{background:var(--gray-100)}.exp-root .view-item.active{color:var(--orange);font-weight:500}.exp-root .view-radio{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--gray-300);display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-root .view-item.active .view-radio{border-color:var(--orange)}.exp-root .view-radio-inner{width:6px;height:6px;border-radius:50%;background:var(--orange);display:none}.exp-root .view-item.active .view-radio-inner{display:block}.exp-root .filter-row{display:flex;align-items:center;gap:0;padding:0 16px 0 18px;height:28px;font-size:12px}.exp-root .filter-label{color:var(--gray-500);width:60px;flex-shrink:0}.exp-root .filter-value{color:var(--gray-700);font-weight:500;background:var(--white);border:1px solid var(--gray-200);border-radius:4px;padding:2px 8px 2px 6px;font-size:11.5px;cursor:pointer;display:flex;align-items:center;gap:3px;transition:border-color .15s}.exp-root .filter-value:hover{border-color:var(--gray-300)}.exp-root .filter-value svg{color:var(--gray-400)}.exp-root .canvas-area{flex:1;background:#fafafa;position:relative;overflow:hidden}.exp-root .graph{width:100%;height:100%;display:block}.exp-root .canvas-controls{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:1px;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.exp-root .canvas-ctrl-btn{width:28px;height:26px;border:none;background:none;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;transition:background .1s}.exp-root .canvas-ctrl-btn:hover{background:var(--gray-50)}.exp-root .canvas-zoom{font-size:11px;font-weight:500;color:var(--gray-600);padding:0 6px;border-left:1px solid var(--gray-200);border-right:1px solid var(--gray-200);height:26px;display:flex;align-items:center}.exp-root .canvas-legend{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--gray-200);border-radius:6px;padding:6px 12px;font-size:11px;color:var(--gray-500)}.exp-root .canvas-legend-item{display:flex;align-items:center;gap:5px}.exp-root .canvas-legend-dot{width:6px;height:6px;border-radius:50%}.exp-root .canvas-legend-line{width:18px;height:2px;border-radius:1px}.exp-root .detail-panel{width:330px;min-width:330px;background:var(--white);border-left:1px solid var(--gray-200);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gray-300) transparent}.exp-root .detail-header{padding:16px 18px 0;display:flex;justify-content:space-between;align-items:flex-start}.exp-root .detail-header-left{display:flex;flex-direction:column;gap:2px}.exp-root .detail-title{font-size:15px;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:8px}.exp-root .detail-title-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.exp-root .detail-type{font-size:12px;color:var(--gray-500);padding-left:16px}.exp-root .detail-close{width:24px;height:24px;border-radius:4px;border:none;background:none;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.exp-root .detail-close:hover{background:var(--gray-100)}.exp-root .detail-tabs{display:flex;gap:0;margin:14px 18px 0;border-bottom:1px solid var(--gray-200)}.exp-root .detail-tab{padding:8px 0;margin-right:20px;font-size:12.5px;font-weight:500;color:var(--gray-400);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.exp-root .detail-tab:hover{color:var(--gray-600)}.exp-root .detail-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.exp-root .detail-content{padding:0 18px;flex:1}.exp-root .detail-section{padding:14px 0 6px}.exp-root .detail-section-header{font-size:10.5px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.exp-root .prop-grid{display:flex;flex-direction:column;gap:0}.exp-root .prop-row{display:flex;align-items:center;padding:5px 0;border-bottom:1px solid var(--gray-100);min-height:30px}.exp-root .prop-row:last-child{border-bottom:none}.exp-root .prop-label{width:95px;flex-shrink:0;font-size:12px;color:var(--gray-500)}.exp-root .prop-value{font-size:12.5px;color:var(--gray-800);font-weight:450;display:flex;align-items:center;gap:6px}.exp-root .prop-value .mono{font-family:var(--mono);font-size:11.5px;background:var(--gray-50);padding:1px 5px;border-radius:3px;color:var(--gray-700)}.exp-root .status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.exp-root .maturity-bar{width:100%;max-width:100px;height:5px;background:var(--gray-150);border-radius:3px;overflow:hidden}.exp-root .maturity-fill{height:100%;background:linear-gradient(90deg,var(--orange-500),var(--orange));border-radius:3px;transition:width .5s ease}.exp-root .linked-list{display:flex;flex-direction:column;gap:8px}.exp-root .linked-item{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;background:var(--gray-50);border-radius:6px;border:1px solid transparent;cursor:pointer;transition:border-color .15s}.exp-root .linked-item:hover{border-color:var(--gray-200)}.exp-root .linked-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:600;margin-top:1px}.exp-root .linked-info{flex:1;min-width:0}.exp-root .linked-title{font-size:12px;font-weight:500;color:var(--gray-700)}.exp-root .linked-detail{font-size:11px;color:var(--gray-400);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-root .linked-detail .mono{font-family:var(--mono);font-size:10.5px}.exp-root .ai-card{margin:12px 18px 16px;padding:14px;border-radius:10px;background:linear-gradient(135deg,var(--orange-50) 0%,#FFFAF8 50%,var(--orange-50) 100%);background-size:200% 200%;border:1px solid var(--orange-100);animation:exp-ai-shimmer 6s ease-in-out infinite}@keyframes exp-ai-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.exp-root .ai-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.exp-root .ai-label{font-size:11px;font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:.04em}.exp-root .ai-text{font-size:12px;color:var(--gray-600);line-height:1.55}.exp-root .ai-link{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:500;color:var(--orange);cursor:pointer;text-decoration:none;transition:opacity .15s}.exp-root .ai-link:hover{opacity:.8}.exp-root .statusbar{height:30px;min-height:30px;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;color:var(--gray-500)}.exp-root .statusbar-left{display:flex;align-items:center;gap:10px}.exp-root .statusbar-dot{width:5px;height:5px;border-radius:50%;background:var(--emerald)}.exp-root .statusbar-right{display:flex;align-items:center;gap:8px}.exp-root .node-system-bg{fill:var(--white);stroke:var(--gray-200);stroke-width:1;transition:filter .2s}.exp-root .node-component-bg{fill:var(--white);stroke:var(--gray-200);stroke-width:1}.exp-root .node-selected-bg{fill:var(--orange-50);stroke:var(--orange);stroke-width:1.5}.exp-root .node-function-bg{fill:var(--amber-light);stroke:#fde68a;stroke-width:1}.exp-root .node-platform-bg{fill:var(--white);stroke:var(--orange-200);stroke-width:1.5}.exp-root .edge-hub{fill:none;stroke:var(--gray-200);stroke-width:1.4;stroke-dasharray:6 4}.exp-root .edge-parent{fill:none;stroke:var(--gray-300);stroke-width:1.3}.exp-root .edge-function{fill:none;stroke:#fde68a;stroke-width:1.3}.exp-root .edge-signal{fill:none;stroke:var(--gray-300);stroke-width:1.3;stroke-dasharray:5 3}.exp-root .edge-signal-base{fill:none;stroke:var(--orange-200);stroke-width:2.5}.exp-root .edge-signal-flow{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:6 14;stroke-linecap:round;animation:exp-signal-flow 2s linear infinite}@keyframes exp-signal-flow{to{stroke-dashoffset:-20}}.exp-root .node-glow{animation:exp-pulse-glow 3s ease-in-out infinite}@keyframes exp-pulse-glow{0%,to{opacity:.4}50%{opacity:.7}}.exp-root .edge-label-bg{fill:var(--orange-50);stroke:var(--orange-200);stroke-width:.8}.exp-root .edge-label-text{font-family:var(--mono);font-size:9.5px;fill:var(--orange);font-weight:500}.exp-root .edge-label-text-gray{font-family:var(--mono);font-size:9px;fill:var(--gray-400);font-weight:400}.exp-root .graph-text{font-family:var(--font);font-weight:500;fill:var(--gray-800)}.exp-root .graph-text-sm{font-family:var(--font);font-weight:500;fill:var(--gray-600);font-size:11px}.exp-root .graph-text-xs{font-family:var(--mono);font-size:9px;fill:var(--gray-400);font-weight:400}.exp-root .graph-text-function{font-family:var(--font);font-size:10.5px;font-weight:500;fill:#92400e}.exp-root .group-bg{stroke-dasharray:5 3;stroke-width:1}