:root{--bg:#0d1117;--bg-elev:#161b22;--bg-panel:#1c2128;--border:#30363d;--border-soft:#21262d;--text:#e6edf3;--text-dim:#8b949e;--text-muted:#6e7681;--accent-blue:#58a6ff;--accent-green:#3fb950;--accent-amber:#d29922;--accent-red:#f85149;--accent-purple:#bc8cff;--mono:"SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100vw;height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;overflow:hidden}#app{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#trustmesh-canvas{cursor:grab;touch-action:none;width:100vw;height:100vh;display:block;position:absolute;top:0;left:0}#trustmesh-canvas:active{cursor:grabbing}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10;background:#161b22f2;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--mono);align-items:center;gap:10px;display:flex}.brand-mark{border:1.5px solid var(--accent-blue);width:22px;height:22px;color:var(--accent-blue);background:#58a6ff14;border-radius:4px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-name{letter-spacing:.5px;color:var(--text);font-size:13px;font-weight:600}.brand-sub{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:9px}.topbar-controls{align-items:center;gap:4px;display:flex}.search-box{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);font-size:12px;font-family:var(--mono);border-radius:5px;width:160px;padding:4px 10px;transition:border-color .15s,width .2s}.search-box:focus{border-color:var(--accent-blue);outline:none;width:220px}.search-box::placeholder{color:var(--text-muted)}.control-btn{border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-family:var(--mono);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:5px 10px;transition:all .12s}.control-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#58a6ff0f}.control-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);background:#58a6ff1a}.control-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--border);z-index:8;background:#161b22f2;width:220px;padding:12px;position:absolute;top:48px;bottom:0;left:0;overflow-y:auto}.sidebar-section{margin-bottom:20px}.sidebar-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border-soft);margin-bottom:8px;padding-bottom:6px;font-size:10px}.trust-source{cursor:pointer;color:var(--text-dim);border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.trust-source:hover{background:#ffffff0a}.trust-source.active{color:var(--text);background:#58a6ff14}.source-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.filter-item{color:var(--text-dim);cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;padding:5px 8px;font-size:12px;transition:all .1s;display:flex}.filter-item:hover{background:#ffffff0a}.filter-item.active{color:var(--accent-blue);background:#58a6ff14;border-color:#58a6ff33}.filter-count{font-family:var(--mono);color:var(--text-muted);background:var(--bg-panel);border-radius:3px;padding:1px 6px;font-size:10px}.filter-item.active .filter-count{color:var(--accent-blue)}.info-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:8;background:#161b22f2;border-radius:6px;gap:16px;padding:8px 14px;display:flex;position:absolute;bottom:12px;left:232px}.info-stat{flex-direction:column;gap:1px;display:flex}.info-val{font-family:var(--mono);color:var(--text);font-size:15px;font-weight:600}.info-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:9px}.legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:8;background:#161b22f2;border-radius:6px;padding:10px 12px;font-size:11px;position:absolute;bottom:12px;right:12px}.legend-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:9px}.legend-items{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.legend-item{color:var(--text-dim);align-items:center;gap:6px;font-size:10px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}#inspector-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:1px solid var(--border);z-index:15;background:#161b22fa;width:400px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:48px;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}#inspector-panel.visible{transform:translate(0)}#inspector-panel::-webkit-scrollbar{width:6px}#inspector-panel::-webkit-scrollbar-track{background:0 0}#inspector-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.inspector-content{padding:16px}.inspector-header{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:14px}.inspector-status-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.inspector-title{color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600;line-height:1.3}.inspector-fp{font-family:var(--mono);color:var(--text-muted);word-break:break-all;font-size:10px}.inspector-section{margin-bottom:16px}.section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:10px}.kv-grid{background:var(--border-soft);border:1px solid var(--border-soft);border-radius:5px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.kv{background:var(--bg-panel);padding:7px 10px}.kv-key{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:2px;font-size:9px;display:block}.kv-val{color:var(--text);word-break:break-all;font-size:12px;display:block}.kv-val.mono{font-family:var(--mono);font-size:11px}.kv-val.expired{color:var(--accent-red)}.kv-val.warning{color:var(--accent-amber)}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.chip{font-family:var(--mono);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);border-radius:3px;padding:3px 7px;font-size:10px}.chip.ekus{color:var(--accent-purple);border-color:#bc8cff33}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.badge-root{color:var(--accent-blue);background:#58a6ff1f;border:1px solid #58a6ff40}.badge-cross{color:var(--accent-amber);background:#d299221f;border:1px solid #d2992240}.badge-intermediate{color:var(--text-dim);border:1px solid var(--border);background:#8b949e1f}.badge-leaf{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border-soft)}.badge-success{color:var(--accent-green);background:#3fb9501a;border:1px solid #3fb95033}.badge-danger{color:var(--accent-red);background:#f851491f;border:1px solid #f8514940}.badge-warning{color:var(--accent-amber);background:#d299221f;border:1px solid #d2992240}.cross-note{background:#d299220f;border:1px solid #d2992226;border-radius:5px;margin-bottom:16px;padding:10px}.cross-note-title{font-family:var(--mono);color:var(--accent-amber);margin-bottom:4px;font-size:11px}.cross-note-text,.inspector-note{color:var(--text-dim);font-size:12px;line-height:1.5}.inspector-note.muted{color:var(--text-muted);font-style:italic}.trust-path{background:var(--bg-panel);border:1px solid var(--border-soft);cursor:pointer;border-radius:4px;flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:4px;padding:6px 8px;transition:border-color .1s;display:flex}.trust-path:hover{border-color:var(--accent-blue)}.path-node{font-family:var(--mono);color:var(--text-dim);font-size:10px}.path-node:first-child{color:var(--accent-blue);font-weight:600}.path-arrow{color:var(--text-muted);font-size:10px}.child-list{flex-direction:column;gap:3px;display:flex}.child-item{font-family:var(--mono);background:var(--bg-panel);border:1px solid var(--border-soft);cursor:pointer;color:var(--text-dim);border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:all .1s;display:flex}.child-item:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.child-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tool-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--border);z-index:12;background:#161b22fa;width:420px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:48px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.tool-panel.visible{transform:translate(0)}.tool-panel::-webkit-scrollbar{width:6px}.tool-panel::-webkit-scrollbar-track{background:0 0}.tool-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-header{border-bottom:1px solid var(--border);background:var(--bg-elev);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-header h3{color:var(--text);font-size:14px;font-weight:600}.panel-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:all .1s}.panel-close:hover{color:var(--accent-red);background:#f851491a}.panel-body{padding:16px}.panel-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px;line-height:1.5}.panel-input-row{gap:8px;margin-bottom:12px;display:flex}.panel-text-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);font-size:12px;font-family:var(--mono);border-radius:5px;flex:1;padding:6px 10px;transition:border-color .15s}.panel-text-input:focus{border-color:var(--accent-blue);outline:none}.panel-text-input::placeholder{color:var(--text-muted)}.panel-textarea{background:var(--bg-panel);border:1px solid var(--border);width:100%;color:var(--text);font-size:11px;font-family:var(--mono);resize:vertical;border-radius:5px;margin-bottom:12px;padding:8px 10px;line-height:1.5;transition:border-color .15s}.panel-textarea:focus{border-color:var(--accent-blue);outline:none}.panel-textarea::placeholder{color:var(--text-muted)}.panel-upload-row{gap:8px;margin-bottom:12px;display:flex}.panel-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.panel-status{color:var(--text-dim);font-size:11px;font-family:var(--mono);line-height:1.5}.panel-status.error{color:var(--accent-red)}.panel-status.success{color:var(--accent-green)}.panel-status.loading{color:var(--accent-blue)}.panel-results{margin-top:8px}.validation-verdict{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.validation-verdict.valid{color:var(--accent-green);background:#3fb9501a;border:1px solid #3fb95040}.validation-verdict.invalid{color:var(--accent-red);background:#f851491a;border:1px solid #f8514940}.chain-path{background:var(--bg-panel);border:1px solid var(--border-soft);font-family:var(--mono);color:var(--text-dim);border-radius:5px;margin-bottom:12px;padding:8px 12px;font-size:11px;line-height:1.8}.chain-path .chain-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px}.chain-path .chain-step{align-items:center;gap:6px;display:flex}.chain-path .chain-role{text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:3px;min-width:52px;padding:1px 5px;font-size:9px;font-weight:600}.chain-path .chain-role.leaf{color:var(--text-dim);background:#8b949e1f}.chain-path .chain-role.intermediate{color:var(--accent-blue);background:#58a6ff1f}.chain-path .chain-role.root{color:var(--accent-green);background:#3fb9501f}.chain-path .chain-name{color:var(--text)}.chain-path .chain-arrow{color:var(--text-muted)}.issue-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.issue-item{border-left:3px solid;border-radius:4px;align-items:flex-start;gap:8px;padding:6px 10px;font-size:12px;line-height:1.4;display:flex}.issue-item.critical{border-color:var(--accent-red);color:var(--text);background:#f851490f}.issue-item.warning{border-color:var(--accent-amber);color:var(--text);background:#d299220f}.issue-item.info{border-color:var(--accent-blue);color:var(--text-dim);background:#58a6ff0a}.issue-severity{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:3px;flex-shrink:0;margin-top:1px;padding:1px 5px;font-size:9px;font-weight:600}.issue-severity.critical{color:var(--accent-red);background:#f8514926}.issue-severity.warning{color:var(--accent-amber);background:#d2992226}.issue-severity.info{color:var(--accent-blue);background:#58a6ff1a}.issue-cert{color:var(--text);font-weight:600}.issue-msg{color:var(--text-dim)}.algo-summary{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:5px;margin-bottom:12px;padding:8px 12px}.algo-summary .algo-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px}.algo-summary .algo-item{font-family:var(--mono);color:var(--text-dim);font-size:11px;line-height:1.6}.algo-summary .algo-item strong{color:var(--text)}.algo-summary .algo-weak{color:var(--accent-red)}.algo-summary .algo-ok{color:var(--accent-green)}.audit-summary-bar{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.audit-stat{font-family:var(--mono);background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.audit-stat .audit-stat-val{font-weight:600}.audit-stat.critical .audit-stat-val{color:var(--accent-red)}.audit-stat.warning .audit-stat-val{color:var(--accent-amber)}.audit-stat.info .audit-stat-val{color:var(--accent-blue)}.audit-stat.total .audit-stat-val{color:var(--text)}.audit-stat.scanned .audit-stat-val{color:var(--text-dim)}.audit-table{border-collapse:collapse;width:100%;font-size:11px}.audit-table th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--bg-elev);padding:6px 8px;font-size:9px;position:sticky;top:0}.audit-table td{border-bottom:1px solid var(--border-soft);color:var(--text-dim);vertical-align:top;word-break:break-word;padding:6px 8px}.audit-table tr.row-critical td{background:#f851490a}.audit-table tr.row-warning td{background:#d2992208}.audit-table tr.row-info td{background:#58a6ff05}.audit-table .table-cert{color:var(--text);font-weight:500}.audit-table .table-issue{color:var(--text-dim);line-height:1.4}.audit-table .table-rec{color:var(--text-muted);font-size:10px;font-style:italic}.audit-table-wrap{border:1px solid var(--border-soft);border-radius:5px;max-height:400px;overflow-y:auto}.audit-empty{color:var(--text-muted);text-align:center;padding:20px;font-size:12px;font-style:italic}#toast{background:var(--bg-panel);border:1px solid var(--accent-blue);color:var(--accent-blue);font-family:var(--mono);z-index:100;opacity:0;pointer-events:none;border-radius:5px;padding:8px 16px;font-size:11px;transition:opacity .2s;position:absolute;top:60px;left:50%;transform:translate(-50%)}@media (width<=768px){.sidebar{display:none}#inspector-panel{width:100%}.info-bar{left:12px}.search-box{width:100px}.search-box:focus{width:140px}}