@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-text-primary:#000;--color-text-secondary:#222;--color-text-tertiary:#555;--color-background-secondary:#f5f5f399;--color-accent:#1d9e75;--color-accent-light:#1d9e7514;--color-accent-mid:#1d9e7526;--color-gray:#888780;--color-danger:#b5443a;--color-danger-light:#b5443a14;--border-radius-md:6px;--border-radius-lg:10px;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f0f0ec;--color-text-secondary:#b8b8b0;--color-text-tertiary:#8a8a82;--color-background-secondary:#1e1e1c99;--color-danger:#e06050;--color-danger-light:#e0605014}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:15px;font-weight:400;line-height:1.6}.app-layout{height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-accent-light);scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent;flex-direction:column;gap:1rem;width:280px;min-width:280px;height:100vh;padding:1.5rem 1.25rem;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--color-accent-light);border-radius:4px}.sidebar-title{border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;margin:-4px -4px 0;padding:8px 10px;font-size:15px;font-weight:500;transition:color .15s,background .15s;display:flex}.sidebar-title:hover{color:var(--color-text-primary);background:var(--color-accent-light)}.sidebar-title.active{color:var(--color-accent)}.sidebar-title-icon{color:var(--color-accent);font-size:18px}.sidebar-search{border:1px solid var(--color-accent-light);border-radius:var(--border-radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);background:0 0;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.sidebar-search:focus{border-color:var(--color-accent)}.sidebar-search::placeholder{color:var(--color-text-tertiary)}.view-toggle{border-bottom:1px solid var(--color-accent-light);gap:0;display:flex}.view-toggle button{color:var(--color-text-tertiary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:400;transition:color .15s,border-color .15s}.view-toggle button:hover{color:var(--color-text-primary)}.view-toggle button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:500}.nav-tree{flex:1;overflow-y:auto}.tree-node{cursor:pointer;-webkit-user-select:none;user-select:none}.tree-node-header{border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:9px 10px;font-size:14px;transition:background .1s;display:flex}.tree-node-header:hover{background:var(--color-accent-light)}.tree-node-header.selected{background:var(--color-accent-light);color:var(--color-accent)}.tree-node-arrow{text-align:center;width:14px;color:var(--color-text-tertiary);font-size:10px;transition:transform .15s}.tree-node-arrow.expanded{transform:rotate(90deg)}.tree-node-badge{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-left:auto;font-size:12px;font-weight:400}.tree-children{border-left:1px solid var(--color-accent-light);margin-left:7px;padding-left:14px}.tree-leaf{color:var(--color-text-secondary);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:5px 10px;font-size:13px;transition:background .1s;display:flex;overflow:hidden}.tree-leaf:hover{background:var(--color-accent-light)}.tree-leaf.selected{background:var(--color-accent-mid);color:var(--color-accent)}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.main-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.main-body{flex:1;display:flex;overflow:hidden}.list-pane{flex-direction:column;flex:1;transition:flex .2s;display:flex;overflow:hidden}.list-pane.has-detail{border-right:1px solid var(--color-accent-light);flex:0 0 45%;min-width:360px}.detail-pane{scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent;flex:1;animation:.15s slideIn;overflow-y:auto}.detail-pane::-webkit-scrollbar{width:4px}.detail-pane::-webkit-scrollbar-thumb{background:var(--color-accent-light);border-radius:4px}@keyframes slideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.breadcrumb{color:var(--color-text-tertiary);letter-spacing:.2px;font-size:13px}.breadcrumb span{color:var(--color-text-primary);font-weight:500}.save-btn{border-radius:var(--border-radius-md);background:var(--color-accent);color:#fff;font-family:var(--font-sans);cursor:pointer;opacity:0;pointer-events:none;border:none;padding:8px 20px;font-size:13px;font-weight:500;transition:opacity .2s}.save-btn.visible{opacity:1;pointer-events:auto}.summary-cards{flex-shrink:0;align-items:stretch;gap:12px;padding:1.25rem 1.75rem .75rem;display:flex}.summary-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);flex:1;padding:16px 20px}.summary-value{font-family:var(--font-mono);color:var(--color-accent);font-size:28px;font-weight:500;line-height:1.2}.summary-label{color:var(--color-text-tertiary);margin-top:4px;font-size:13px}.dashboard{flex:1;padding:1.5rem 2rem;overflow-y:auto}.dash-cards{gap:12px;margin-bottom:2rem;display:flex}.dash-filter-bar{align-items:center;gap:8px;margin-bottom:1rem;font-size:13px;display:flex}.dash-filter-label{color:var(--color-text-tertiary)}.dash-filter-chip{border-radius:var(--border-radius-md);background:var(--color-accent-light);color:var(--color-accent);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.dash-filter-chip:hover{background:var(--color-accent-mid)}.dash-filter-clear{color:var(--color-text-tertiary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:12px}.dash-filter-clear:hover{color:var(--color-text-primary)}.dash-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.dash-chart-card{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:1.25rem 1.5rem}.dash-chart-wide{grid-column:1/-1}.dash-chart-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent;max-height:480px;overflow-y:auto}.dash-chart-scrollable::-webkit-scrollbar{width:4px}.dash-chart-scrollable::-webkit-scrollbar-thumb{background:var(--color-accent-light);border-radius:4px}.dash-chart-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:13px;font-weight:500}.hbar-chart{flex-direction:column;gap:6px;display:flex}.hbar-row{cursor:pointer;border-radius:var(--border-radius-md);align-items:center;gap:10px;margin:0 -8px;padding:4px 8px;transition:background .1s;display:flex}.hbar-row:hover{background:var(--color-accent-light)}.hbar-row.hbar-active{background:var(--color-accent-mid)}.hbar-row.hbar-active .hbar-label{color:var(--color-accent);font-weight:500}.hbar-label{width:160px;min-width:160px;color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.hbar-track{background:var(--color-accent-light);border-radius:3px;flex:1;height:20px;overflow:hidden}.hbar-fill{border-radius:3px;height:100%;transition:width .3s}.hbar-value{font-family:var(--font-mono);color:var(--color-text-primary);text-align:right;min-width:40px;font-size:13px;font-weight:500}.treemap{flex-wrap:wrap;gap:3px;min-height:200px;display:flex}.treemap-cell{border-radius:var(--border-radius-md);cursor:pointer;flex-direction:column;justify-content:center;min-height:48px;padding:6px 8px;transition:opacity .15s;display:flex;overflow:hidden}.treemap-cell:hover{outline:2px solid var(--color-text-primary);outline-offset:-2px;opacity:1!important}.treemap-cell-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.treemap-cell-count{font-family:var(--font-mono);color:#fff;font-size:16px;font-weight:500}.treemap-legend{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.treemap-legend-item{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:12px;display:flex}.treemap-legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.stats-bar{color:var(--color-text-tertiary);gap:20px;font-size:13px;display:flex}.stats-bar .stat-value{font-family:var(--font-mono);color:var(--color-accent);font-size:14px;font-weight:500}.list-search{flex-shrink:0;padding:0 1.5rem .75rem}.data-table-wrap{scrollbar-width:thin;scrollbar-color:var(--color-accent-light) transparent;flex:1;padding:0 1.5rem;overflow:auto}.data-table-wrap::-webkit-scrollbar{width:4px;height:4px}.data-table-wrap::-webkit-scrollbar-thumb{background:var(--color-accent-light);border-radius:4px}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{z-index:1;-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-accent-light);white-space:nowrap;cursor:pointer;padding:12px 16px;font-size:12px;font-weight:500;transition:color .15s}.data-table th:hover{color:var(--color-accent)}.data-table td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-accent-light);padding:12px 16px;transition:background .1s}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover td{background:var(--color-accent-light)}.data-table tbody tr.selected td{background:var(--color-accent-mid);color:var(--color-accent)}.confidence-cell{font-family:var(--font-mono);font-size:13px;font-weight:500}.confidence-high{color:var(--color-accent)}.confidence-mid{color:var(--color-gray)}.confidence-low{color:var(--color-danger)}.cell-id{font-family:var(--font-mono);color:var(--color-text-primary);font-size:13px;font-weight:500}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:400px;overflow:hidden}.cell-dim{color:var(--color-text-tertiary);font-size:13px}.detail-panel{padding:1.5rem 1.75rem}.detail-title{color:var(--color-text-primary);align-items:center;gap:10px;margin-bottom:1rem;font-size:16px;font-weight:500;display:flex}.detail-title .pf-id{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-light);border-radius:calc(var(--border-radius-md) - 2px);padding:3px 8px;font-size:13px}.detail-meta{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:1.25rem;display:grid}.detail-field{font-size:14px}.detail-field label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;display:block}.detail-field .value{color:var(--color-text-primary);line-height:1.5}.tag-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{border-radius:var(--border-radius-md);background:var(--color-accent-light);color:var(--color-accent);padding:3px 10px;font-size:12px;font-weight:500}.detail-section-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-accent-light);margin:1.5rem 0 .75rem;padding-bottom:8px;font-size:12px;font-weight:500}.detail-tabs{border-bottom:1px solid var(--color-accent-light);gap:0;margin:1.25rem 0 0;display:flex}.detail-tabs button{color:var(--color-text-tertiary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:14px;font-weight:400;transition:color .15s,border-color .15s}.detail-tabs button:hover{color:var(--color-text-primary)}.detail-tabs button.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:500}.spec-doc{max-width:720px;padding:.5rem 0}.spec-doc-header{border-bottom:2px solid var(--color-accent);margin-bottom:2rem;padding-bottom:1.5rem}.spec-doc-id{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:500}.spec-doc-title{color:var(--color-text-primary);margin:0;font-size:22px;font-weight:500;line-height:1.3}.spec-doc-meta{color:var(--color-text-tertiary);margin-top:8px;font-size:13px}.spec-doc-sep{margin:0 6px}.spec-section{margin-bottom:1.75rem}.spec-section-heading{color:var(--color-text-primary);border-bottom:1px solid var(--color-accent-light);align-items:baseline;gap:8px;margin:0 0 .75rem;padding-bottom:6px;font-size:15px;font-weight:500;display:flex}.spec-section-num{font-family:var(--font-mono);color:var(--color-accent);min-width:18px;font-size:13px}.spec-section-body{color:var(--color-text-primary);font-size:14px;line-height:1.75}.spec-para{margin:0 0 .5rem}.spec-para strong{color:var(--color-text-primary);font-weight:500}.spec-numbered-item{border-bottom:1px solid var(--color-accent-light);padding:6px 0 6px 24px;font-size:13px;line-height:1.6;position:relative}.spec-numbered-item:last-child{border-bottom:none}.spec-bullet-item{padding:4px 0 4px 20px;font-size:14px;line-height:1.6;position:relative}.spec-bullet-item:before{content:"•";color:var(--color-accent);position:absolute;left:4px}.spec-check-item{border-bottom:1px solid var(--color-accent-light);padding:6px 0 6px 28px;font-size:13px;line-height:1.6;position:relative}.spec-check-item:before{content:"☐";color:var(--color-accent);font-size:14px;position:absolute;left:4px}.spec-check-item:last-child{border-bottom:none}.tf-info{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.tf-info-field{color:var(--color-text-primary);font-size:14px;line-height:1.6}.tf-info-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.tf-info-row{gap:2rem;display:flex}.tf-desc{background:var(--color-background-secondary);border-radius:var(--border-radius-md);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.tf-desc-empty{color:var(--color-text-tertiary)}.tf-desc-line{color:var(--color-text-primary);padding:3px 0;font-size:14px;line-height:1.7}.tf-desc-line.tf-desc-cn{color:var(--color-text-secondary)}.tf-desc-line.tf-desc-req{background:var(--color-accent-light);border-radius:var(--border-radius-md);border-left:3px solid var(--color-accent);margin:2px -10px;padding:6px 10px}.assoc-list{flex-direction:column;gap:0;display:flex}.assoc-item{border-radius:var(--border-radius-md);background:var(--color-background-secondary);margin-bottom:6px;padding:12px 14px;transition:background .1s}.assoc-item:hover{background:var(--color-accent-light)}.assoc-main{align-items:center;gap:10px;min-width:0;display:flex}.assoc-id{font-family:var(--font-mono);color:var(--color-accent);flex-shrink:0;font-size:12px;font-weight:500}.assoc-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.assoc-feature{color:var(--color-text-tertiary);flex-shrink:0;font-size:12px}.assoc-sub{border-top:1px solid var(--color-accent-light);align-items:center;gap:16px;margin-top:6px;padding-top:6px;display:flex}.assoc-desc{color:var(--color-text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.assoc-domain{color:var(--color-text-tertiary);font-size:12px}.assoc-reason{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.assoc-reason-block{color:var(--color-text-tertiary);margin-top:4px;font-size:12px;font-style:italic}.inline-select{border:1px solid var(--color-accent-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-sans);background:0 0;outline:none;min-width:200px;padding:6px 10px;font-size:14px;transition:border-color .15s}.inline-select:focus{border-color:var(--color-accent)}.remove-btn{color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--border-radius-md);background:0 0;border:none;padding:4px 8px;font-size:14px;transition:color .15s,background .15s}.remove-btn:hover{color:var(--color-danger);background:var(--color-danger-light)}.add-btn{background:var(--color-accent-light);color:var(--color-accent);cursor:pointer;font-family:var(--font-sans);border-radius:var(--border-radius-md);border:none;align-items:center;gap:6px;margin-top:.75rem;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.add-btn:hover{background:var(--color-accent);color:#fff}input[type=range]{accent-color:var(--color-accent);vertical-align:middle;width:72px}.conf-inline{align-items:center;gap:8px;display:inline-flex}.conf-inline span{font-family:var(--font-mono);text-align:right;min-width:32px;font-size:12px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:100;background:#0003;justify-content:center;align-items:center;animation:.12s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-background-secondary);-webkit-backdrop-filter:blur(24px);border-radius:var(--border-radius-lg);width:520px;max-height:65vh;padding:1.25rem;animation:.15s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{margin-bottom:1rem;font-size:16px;font-weight:500}.modal-search{border:1px solid var(--color-accent-light);border-radius:var(--border-radius-md);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);background:0 0;outline:none;margin-bottom:8px;padding:10px 14px;font-size:14px}.modal-search:focus{border-color:var(--color-accent)}.modal-list{list-style:none}.modal-list li{border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-secondary);padding:8px 10px;font-size:14px;transition:background .1s}.modal-list li:hover{background:var(--color-accent-light);color:var(--color-accent)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:1rem;display:flex}.modal-cancel{border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px}.modal-cancel:hover{color:var(--color-text-primary)}.tag-dimension{margin-bottom:1rem}.tag-dimension-title{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:11px;font-weight:500}.tag-grid{flex-wrap:wrap;gap:5px;display:flex}.tag-filter{border-radius:var(--border-radius-md);background:var(--color-background-secondary);color:var(--color-text-secondary);font-family:var(--font-sans);cursor:pointer;border:none;padding:5px 10px;font-size:13px;transition:background .1s,color .1s}.tag-filter:hover{background:var(--color-accent-light);color:var(--color-text-primary)}.tag-filter.active{background:var(--color-accent-mid);color:var(--color-accent);font-weight:500}.tag-filter .count{font-family:var(--font-mono);color:var(--color-text-tertiary);margin-left:4px;font-size:11px;font-weight:400}.notification{border-radius:var(--border-radius-md);background:var(--color-accent);color:#fff;opacity:0;pointer-events:none;z-index:200;padding:10px 20px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:16px;right:16px;transform:translateY(-4px)}.notification.show{opacity:1;transform:translateY(0)}.loading-screen{height:100vh;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:14px;display:flex}.loading-screen:after{content:"";border:2px solid var(--color-accent-light);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;margin-left:10px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--color-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4rem;font-size:14px;display:flex}