:root{--ec-page-bg: 255 255 255;--ec-page-text: 15 23 42;--ec-page-text-muted: 100 116 139;--ec-page-border: 226 232 240;--ec-header-bg: 255 255 255;--ec-header-text: 15 23 42;--ec-header-border: 226 232 240;--ec-accent: 168 85 247;--ec-accent-hover: 147 51 234;--ec-accent-subtle: 243 232 255;--ec-accent-text: 107 33 168;--ec-button-bg: 15 23 42;--ec-button-bg-hover: 30 41 59;--ec-button-text: 255 255 255;--ec-icon-color: 100 116 139;--ec-icon-hover: 51 65 85;--ec-sidebar-bg: 255 255 255;--ec-sidebar-border: 226 232 240;--ec-sidebar-text: 71 85 105;--ec-sidebar-active-bg: 15 23 42;--ec-sidebar-active-text: 255 255 255;--ec-sidebar-hover-bg: 241 245 249;--ec-content-bg: 255 255 255;--ec-content-text: 15 23 42;--ec-content-text-muted: 100 116 139;--ec-content-text-secondary: 71 85 105;--ec-content-border: 226 232 240;--ec-content-hover: 248 250 252;--ec-content-active: 245 243 255;--ec-input-bg: 248 250 252;--ec-input-border: 226 232 240;--ec-input-text: 15 23 42;--ec-input-placeholder: 148 163 184;--ec-group-icon-bg: 241 245 249;--ec-group-icon-text: 71 85 105;--ec-card-bg: 255 255 255;--ec-badge-domain-bg: 254 249 195;--ec-badge-domain-text: 161 98 7;--ec-badge-service-bg: 252 231 243;--ec-badge-service-text: 190 24 93;--ec-badge-event-bg: 254 243 199;--ec-badge-event-text: 180 83 9;--ec-badge-command-bg: 252 231 243;--ec-badge-command-text: 190 24 93;--ec-badge-query-bg: 243 232 255;--ec-badge-query-text: 126 34 206;--ec-badge-default-bg: 243 244 246;--ec-badge-default-text: 75 85 99;--ac-layer-products: #a855f7;--ac-layer-process: #f59e0b;--ac-layer-application: #3b82f6;--ac-layer-infra: #10b981;--ec-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--ec-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ec-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=dark]{--ec-page-bg: 15 23 42;--ec-page-text: 226 232 240;--ec-page-text-muted: 148 163 184;--ec-page-border: 51 65 85;--ec-page-bg-muted: 30 41 59;--ec-header-bg: 15 23 42;--ec-header-text: 226 232 240;--ec-header-border: 51 65 85;--ec-accent: 192 132 252;--ec-accent-hover: 168 85 247;--ec-accent-subtle: 30 20 50;--ec-accent-text: 192 132 252;--ec-button-bg: 226 232 240;--ec-button-bg-hover: 203 213 225;--ec-button-text: 15 23 42;--ec-icon-color: 148 163 184;--ec-icon-hover: 203 213 225;--ec-sidebar-bg: 15 23 42;--ec-sidebar-border: 51 65 85;--ec-sidebar-text: 148 163 184;--ec-sidebar-active-bg: 226 232 240;--ec-sidebar-active-text: 15 23 42;--ec-sidebar-hover-bg: 30 41 59;--ec-content-bg: 20 27 45;--ec-content-text: 226 232 240;--ec-content-text-muted: 148 163 184;--ec-content-text-secondary: 148 163 184;--ec-content-border: 51 65 85;--ec-content-hover: 30 41 59;--ec-content-active: 35 30 55;--ec-input-bg: 30 41 59;--ec-input-border: 51 65 85;--ec-input-text: 226 232 240;--ec-input-placeholder: 100 116 139;--ec-group-icon-bg: 30 41 59;--ec-group-icon-text: 148 163 184;--ec-card-bg: 20 27 45;--ec-badge-domain-bg: 66 50 10;--ec-badge-domain-text: 253 224 71;--ec-badge-service-bg: 65 15 45;--ec-badge-service-text: 251 146 195;--ec-badge-event-bg: 66 50 10;--ec-badge-event-text: 253 186 116;--ec-badge-command-bg: 65 15 45;--ec-badge-command-text: 251 146 195;--ec-badge-query-bg: 35 20 60;--ec-badge-query-text: 192 132 252;--ec-badge-default-bg: 30 41 59;--ec-badge-default-text: 148 163 184;--ec-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--ec-shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--ec-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3)}[data-theme=dark] .badge-capability{background:#063223;color:#6ee7b7}[data-theme=dark] .badge-component{background:#23143c;color:#c084fc}[data-theme=dark] .badge-system{background:#0f1e3c;color:#93c5fd}[data-theme=dark] .badge-data{background:#42320a;color:#fdba74}[data-theme=dark] .badge-api{background:#19193c;color:#a5b4fc}[data-theme=dark] .badge-process{background:#42320a;color:#fde047}[data-theme=dark] .badge-active{background:#063223;color:#6ee7b7}[data-theme=dark] .badge-new,[data-theme=dark] .badge-planned{background:#0a233c;color:#7dd3fc}[data-theme=dark] .badge-deprecated{background:#3c0f0f;color:#fca5a5}[data-theme=dark] .badge-excellent{background:#063223;color:#6ee7b7}[data-theme=dark] .badge-good{background:#0f1e3c;color:#93c5fd}[data-theme=dark] .badge-developing{background:#42320a;color:#fdba74}[data-theme=dark] .badge-in-house{background:#0f1e3c;color:#93c5fd}[data-theme=dark] .badge-vendor{background:#42320a;color:#fdba74}[data-theme=dark] .badge-hybrid{background:#23143c;color:#c084fc}[data-theme=dark] .card:hover{border-color:#475569}[data-theme=dark] .detail-body pre{background:#0f172a}[data-theme=dark] .react-flow{--node-bg: #1e293b;--node-text: #e2e8f0;--node-header-bg: #0f172a;--node-badge-bg: #334155;--node-badge-text: #94a3b8;--node-badge-accent-bg: #2e1065;--node-badge-accent-text: #c4b5fd;--edge-label-bg: rgba(15, 23, 42, .95);--edge-label-text: #94a3b8;--edge-label-border: #334155}[data-theme=dark] .react-flow__background{background:rgb(var(--ec-page-bg))}[data-theme=dark] .react-flow__controls button{background:#1e293b;color:#e2e8f0;border-color:#334155}.graph-panel-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.graph-panel-heading{font-weight:600;margin-bottom:8px;color:#475569}.graph-panel-label{color:#64748b}.graph-panel-divider{border-top:1px solid #e2e8f0;margin:8px 0}.graph-panel-input{border:none;outline:none;font-size:11px;width:130px;background:transparent;color:#334155}.graph-panel-clear{border:none;background:none;cursor:pointer;color:#94a3b8;font-size:14px;line-height:1;padding:0}.graph-panel-btn{padding:3px 8px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:10px;cursor:pointer}.graph-panel-btn--active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6;font-weight:600}[data-theme=dark] .graph-panel-box{background:#0f172a;border-color:#334155}[data-theme=dark] .graph-panel-heading,[data-theme=dark] .graph-panel-label{color:#94a3b8}[data-theme=dark] .graph-panel-divider{border-color:#334155}[data-theme=dark] .graph-panel-input{color:#e2e8f0}[data-theme=dark] .graph-panel-clear{color:#64748b}[data-theme=dark] .graph-panel-btn{border-color:#334155;background:#1e293b;color:#94a3b8}[data-theme=dark] .graph-panel-btn--active{border-color:#3b82f6;background:#3b82f626;color:#60a5fa}[data-theme=dark] .react-flow{--graph-grid: #334155}[data-theme=dark] .react-flow__controls button:hover{background:#334155}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:rgb(var(--ec-page-text));background:rgb(var(--ec-page-bg));line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.icon-bar{position:fixed;top:0;left:0;width:56px;height:100vh;background:rgb(var(--ec-sidebar-bg));border-right:1px solid rgb(var(--ec-sidebar-border));display:flex;flex-direction:column;align-items:center;padding:12px 0;z-index:30;box-shadow:var(--ec-shadow-sm)}.icon-bar-logo{width:36px;height:36px;border-radius:10px;background:rgb(var(--ec-button-bg));color:rgb(var(--ec-button-text));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:20px}.icon-bar-nav{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.icon-bar-item{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgb(var(--ec-sidebar-text));transition:all .15s ease;border:none;background:transparent}.icon-bar-item:hover{background:rgb(var(--ec-sidebar-hover-bg));color:rgb(var(--ec-page-text))}.icon-bar-item.active{background:rgb(var(--ec-sidebar-active-bg));color:rgb(var(--ec-sidebar-active-text))}.theme-toggle .theme-icon-dark{display:none}.theme-toggle .theme-icon-light,[data-theme=dark] .theme-toggle .theme-icon-dark{display:block}[data-theme=dark] .theme-toggle .theme-icon-light{display:none}.nested-sidebar{position:fixed;top:0;left:56px;width:315px;height:100vh;background:rgb(var(--ec-content-bg));border-right:1px solid rgb(var(--ec-content-border));display:flex;flex-direction:column;z-index:20}.nested-sidebar-search{padding:12px;border-bottom:1px solid rgb(var(--ec-content-border))}.nested-sidebar-search input{width:100%;height:36px;padding:0 12px 0 36px;border:1px solid rgb(var(--ec-input-border));border-radius:8px;background:rgb(var(--ec-input-bg));color:rgb(var(--ec-input-text));font-size:13px;outline:none;transition:border-color .15s}.nested-sidebar-search input::placeholder{color:rgb(var(--ec-input-placeholder))}.nested-sidebar-search input:focus{border-color:rgb(var(--ec-accent))}.nested-sidebar-search-wrapper{position:relative}.nested-sidebar-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:rgb(var(--ec-icon-color))}.sidebar-back{padding:8px 12px;border-bottom:1px solid rgb(var(--ec-content-border));display:flex;align-items:center;gap:8px}.sidebar-back-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:13px;font-weight:600;color:rgb(var(--ec-content-text));background:transparent;border:none;transition:background .15s}.sidebar-back-btn:hover{background:rgb(var(--ec-content-hover))}.sidebar-nav{flex:1;overflow-y:auto;padding:12px}.sidebar-group{margin-bottom:20px}.sidebar-group-header{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:4px}.sidebar-group-icon{width:22px;height:22px;border-radius:5px;background:rgb(var(--ec-group-icon-bg));color:rgb(var(--ec-group-icon-text));display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-group-title{font-size:13px;font-weight:600;color:rgb(var(--ec-content-text))}.sidebar-group-items{display:flex;flex-direction:column;gap:1px;margin-left:19px;padding-left:12px;border-left:1px solid rgb(var(--ec-content-border))}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:8px;font-size:13px;color:rgb(var(--ec-content-text-secondary));transition:all .12s ease}.sidebar-item:hover{background:rgb(var(--ec-content-hover));color:rgb(var(--ec-content-text))}.sidebar-item.active{background:rgb(var(--ec-content-active));color:rgb(var(--ec-accent-text))}.sidebar-item-badge{padding:1px 7px;border-radius:9999px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sidebar-type-label{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:rgb(var(--ec-content-text-muted));white-space:nowrap;flex-shrink:0;opacity:.7}.sidebar-item-count{font-size:11px;color:rgb(var(--ec-content-text-muted));font-variant-numeric:tabular-nums}.sidebar-item-chevron{color:rgb(var(--ec-content-text-muted));opacity:0;transition:opacity .12s}.sidebar-item:hover .sidebar-item-chevron{opacity:1}.sidebar-group-items.is-collapsible .sidebar-item.is-overflow{display:none}.sidebar-group-items.is-collapsible.is-expanded .sidebar-item.is-overflow{display:flex}.sidebar-toggle-more{display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:500;color:rgb(var(--ec-accent-text, 59 130 246));cursor:pointer;border:none;background:none;border-radius:6px;transition:background .12s;user-select:none}.sidebar-toggle-more:hover{background:rgb(var(--ec-content-hover))}.sidebar-toggle-more svg{transition:transform .15s ease}.sidebar-toggle-more.is-expanded svg{transform:rotate(180deg)}.main-area{margin-left:371px;flex:1;min-height:100vh;min-width:0;overflow-x:hidden;background:rgb(var(--ec-page-bg))}.page-header{padding:32px 48px 24px;border-bottom:1px solid rgb(var(--ec-page-border))}.page-header-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:rgb(var(--ec-page-text-muted));margin-bottom:8px}.page-header-breadcrumb a:hover{color:rgb(var(--ec-accent))}.page-header-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-header-title h1{font-size:28px;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ec-page-text))}@media(min-width:768px){.page-header-title h1{font-size:36px}}.page-header-logo{width:48px;height:48px;border-radius:12px;background:rgb(var(--ec-button-bg));color:rgb(var(--ec-button-text));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex-shrink:0}.page-header-summary{font-size:14px;color:rgb(var(--ec-page-text-muted));font-weight:400;margin-top:4px;line-height:1.5}.page-header-badges{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.page-body{padding:32px 48px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgb(var(--ec-page-border));background:rgb(var(--ec-content-hover));color:rgb(var(--ec-page-text));box-shadow:var(--ec-shadow-sm)}.badge-sm{padding:1px 8px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;border:none;box-shadow:none}.badge-domain{background:rgb(var(--ec-badge-domain-bg));color:rgb(var(--ec-badge-domain-text));border-color:transparent}.badge-capability{background:#ecfdf5;color:#065f46;border-color:transparent}.badge-component{background:#f3e8ff;color:#7e22ce;border-color:transparent}.badge-system{background:#dbeafe;color:#1e40af;border-color:transparent}.badge-data{background:#fef3c7;color:#b45309;border-color:transparent}.badge-event{background:rgb(var(--ec-badge-event-bg));color:rgb(var(--ec-badge-event-text));border-color:transparent}.badge-api{background:#e0e7ff;color:#4338ca;border-color:transparent}.badge-process{background:#fef9c3;color:#a16207;border-color:transparent}.badge-active{background:#dcfce7;color:#166534;border-color:transparent}.badge-new,.badge-planned{background:#e0f2fe;color:#075985;border-color:transparent}.badge-deprecated{background:#fee2e2;color:#991b1b;border-color:transparent}.badge-draft{background:rgb(var(--ec-badge-default-bg));color:rgb(var(--ec-badge-default-text));border-color:transparent}.badge-retired{background:#f3f4f6;color:#6b7280;border-color:transparent}.badge-in-house{background:#dbeafe;color:#1d4ed8;border-color:transparent}.badge-vendor{background:#fef3c7;color:#92400e;border-color:transparent}.badge-hybrid{background:#ede9fe;color:#6d28d9;border-color:transparent}.badge-excellent{background:#dcfce7;color:#166534;border-color:transparent}.badge-good{background:#dbeafe;color:#1d4ed8;border-color:transparent}.badge-developing{background:#fef3c7;color:#92400e;border-color:transparent}.badge-initial{background:rgb(var(--ec-badge-default-bg));color:rgb(var(--ec-badge-default-text));border-color:transparent}.detail-body h2{font-size:16px;font-weight:600;margin:24px 0 8px;color:rgb(var(--ec-page-text))}.detail-body h3{font-size:14px;font-weight:600;margin:20px 0 6px;color:rgb(var(--ec-page-text))}.detail-body p{margin:0 0 12px}.detail-body ul,.detail-body ol{margin:0 0 12px;padding-left:20px}.detail-body li{margin-bottom:4px}.detail-body strong{font-weight:600}.detail-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px;background:rgb(var(--ec-page-border) / .4);padding:1px 5px;border-radius:4px}.detail-body pre{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:16px;overflow-x:auto;margin:0 0 16px;font-size:12px;line-height:1.6}.detail-body pre code{background:none;padding:0;color:inherit;font-size:inherit}.detail-body table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13px}.detail-body th{text-align:left;padding:8px 12px;background:rgb(var(--ec-page-border) / .3);font-weight:600;font-size:12px;border-bottom:1px solid rgb(var(--ec-page-border))}.detail-body td{padding:8px 12px;border-bottom:1px solid rgb(var(--ec-page-border) / .5)}.detail-body blockquote{border-left:3px solid rgb(var(--ec-page-border));margin:0 0 12px;padding:4px 16px;color:rgb(var(--ec-page-text-muted))}.card{background:rgb(var(--ec-card-bg));border:1px solid rgb(var(--ec-page-border));border-radius:12px;padding:24px;box-shadow:var(--ec-shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--ec-shadow-md);border-color:#cbd5e1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:32px}.stat-card{background:rgb(var(--ec-card-bg));border:1px solid rgb(var(--ec-page-border));border-radius:10px;padding:16px 20px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:rgb(var(--ec-page-text))}.stat-label{font-size:12px;color:rgb(var(--ec-page-text-muted));margin-top:2px}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.data-table thead{position:sticky;top:0;z-index:5}.data-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--ec-page-text-muted));background:rgb(var(--ec-content-hover));border-bottom:1px solid rgb(var(--ec-page-border))}.data-table td{padding:12px 16px;border-bottom:1px solid rgb(var(--ec-page-border) / .5);color:rgb(var(--ec-page-text))}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:rgb(var(--ec-content-hover))}.table-link{font-weight:500;color:rgb(var(--ec-accent));transition:color .12s}.table-link:hover{color:rgb(var(--ec-accent-hover))}.rel-group{display:flex;flex-direction:column;gap:0}.rel-group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;color:rgb(var(--ec-page-text));border-radius:8px 8px 0 0}.rel-group-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:11px;font-weight:700;flex-shrink:0}.rel-group-outgoing{background:#3b82f61a;color:#3b82f6}.rel-group-incoming{background:#8b5cf61a;color:#8b5cf6}.rel-group-label{flex:1}.rel-group-direction{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:rgb(var(--ec-content-hover));color:rgb(var(--ec-page-text-muted))}.rel-group-count{font-size:11px;font-weight:600;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgb(var(--ec-content-hover));color:rgb(var(--ec-page-text-muted))}.detail-layout{display:grid;grid-template-columns:1fr 280px;gap:32px}.detail-main{min-width:0}.detail-aside{position:sticky;top:24px;align-self:start}.detail-section{margin-bottom:32px}.detail-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--ec-page-text-muted));margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgb(var(--ec-page-border))}.property-list{display:flex;flex-direction:column}.property-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgb(var(--ec-page-border) / .4);font-size:13px}.property-label{color:rgb(var(--ec-page-text-muted))}.property-value{font-weight:500;color:rgb(var(--ec-page-text));text-align:right}.graph-container{background:rgb(var(--ec-content-hover));border:1px solid rgb(var(--ec-page-border));border-radius:12px;min-height:400px;position:relative;overflow:hidden}.graph-node{position:absolute;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:500;border:2px solid;background:rgb(var(--ec-card-bg));box-shadow:var(--ec-shadow-sm);white-space:nowrap;z-index:2;transition:box-shadow .15s}.graph-node:hover{box-shadow:var(--ec-shadow-md)}.graph-node-type{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.55;margin-bottom:2px}.maturity-bar{height:3px;border-radius:2px;background:rgb(var(--ec-page-border));overflow:hidden;margin-top:12px}.maturity-fill{height:100%;border-radius:2px;transition:width .5s ease}.section-title{font-size:15px;font-weight:600;margin-bottom:16px;color:rgb(var(--ec-page-text))}.layer-distribution{margin-bottom:36px}.layer-bar{display:flex;gap:3px;height:28px;border-radius:8px;overflow:hidden}.layer-bar-segment{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.layer-legend{display:flex;gap:20px;margin-top:10px}.layer-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:rgb(var(--ec-page-text-muted))}.layer-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.domain-card{cursor:pointer;display:flex;flex-direction:column}.domain-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.domain-card-header .badge{margin-left:auto}.domain-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.domain-card-name{font-size:15px;font-weight:600;color:rgb(var(--ec-page-text))}.domain-card-desc{font-size:12px;color:rgb(var(--ec-page-text-muted));line-height:1.5;margin-bottom:16px}.domain-card-counts{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin .25s ease;margin-bottom:0}.domain-card:hover .domain-card-counts{max-height:120px;opacity:1;margin-bottom:4px}.domain-card-count-chip{background:rgb(var(--ec-page-bg-muted, 241 245 249));padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.domain-card-count-value{font-weight:600;color:rgb(var(--ec-page-text))}.domain-card-count-label{color:rgb(var(--ec-page-text-muted))}.domain-card-footer{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid rgb(var(--ec-page-border))}.domain-card-metric{display:flex;align-items:center;gap:5px;font-size:12px;color:rgb(var(--ec-page-text-muted));letter-spacing:.01em}.domain-card-metric svg{opacity:.5}.domain-card-metric-value{font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--ec-page-text))}.domain-card-metric-link{margin-left:auto;font-weight:500;color:rgb(var(--ec-accent-text, 107 33 168))}.domain-card-metric-link svg{opacity:.7}.diagram-viewer-container{width:100%;background:rgb(var(--ec-card-bg));border:1px solid rgb(var(--ec-page-border));border-radius:10px;overflow:hidden}.diagram-viewer-toolbar{padding:10px 16px;border-bottom:1px solid rgb(var(--ec-page-border));display:flex;align-items:center;justify-content:space-between;font-size:12px;font-family:Inter,system-ui,sans-serif;color:rgb(var(--ec-page-text-muted))}.diagram-viewer-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgb(var(--ec-page-border));background:rgb(var(--ec-card-bg));cursor:pointer;font-size:16px;font-weight:600;color:rgb(var(--ec-page-text-muted))}.diagram-viewer-btn:hover{background:rgb(var(--ec-content-hover))}.diagram-viewer-format-badge{padding:4px 10px;border-radius:6px;background:rgb(var(--ec-badge-event-bg));color:rgb(var(--ec-badge-event-text));font-weight:600;font-size:11px}.diagram-viewer-canvas{padding:24px;height:calc(100vh - 280px);min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc}.diagram-viewer-source{border-top:1px solid rgb(var(--ec-page-border));background:#1e293b;max-height:300px;overflow:auto}.diagram-viewer-source pre{margin:0;padding:16px;font-size:11px;line-height:1.6;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;white-space:pre-wrap}@media(max-width:1200px){.detail-layout{grid-template-columns:1fr}}@media(max-width:1024px){.icon-bar,.nested-sidebar{display:none}.main-area{margin-left:0}}@media(max-width:768px){.stat-row{grid-template-columns:repeat(2,1fr)}.page-header{padding:24px 20px 20px}.page-body{padding:20px}}.rel-col-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.rel-col-out{background:#3b82f6}.rel-col-in{background:#8b5cf6}.rel-cell-pills{display:inline}.rel-cell-pills .rel-pill+.rel-pill:before{content:", "}.rel-pill{display:inline-block;font-size:12px;font-weight:400;color:rgb(var(--ec-page-text));max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}