:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0b0e14;--bg-panel: #10141c;--bg-elevated: #171d28;--bg-hover: #1e2634;--bg-code: #0d1117;--border: #222a38;--border-strong: #303b4e;--text: #e2e8f0;--text-dim: #94a3b8;--text-faint: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-2: #22d3ee;--grad: linear-gradient(135deg, #6366f1, #22d3ee);--did: #a78bfa;--did-dim: rgba(167, 139, 250, .14);--cid: #38bdf8;--cid-dim: rgba(56, 189, 248, .14);--blob: #fbbf24;--blob-dim: rgba(251, 191, 36, .14);--ok: #34d399;--ok-dim: rgba(52, 211, 153, .15);--warn: #fbbf24;--err: #f87171;--err-dim: rgba(248, 113, 113, .12);--json-key: #7aa2f7;--json-string: #9ece6a;--json-number: #ff9e64;--json-literal: #bb9af7;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--radius: 10px;--radius-sm: 6px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);color:var(--text);background-color:var(--bg)}@media(prefers-color-scheme:light){:root{--bg: #f4f6fa;--bg-panel: #ffffff;--bg-elevated: #f1f5f9;--bg-hover: #e8edf4;--bg-code: #f6f8fa;--border: #dfe5ee;--border-strong: #c8d2e0;--text: #1e293b;--text-dim: #5b6b80;--text-faint: #8494a8;--accent: #4f46e5;--accent-hover: #4338ca;--did: #7c3aed;--did-dim: rgba(124, 58, 237, .1);--cid: #0284c7;--cid-dim: rgba(2, 132, 199, .1);--blob: #b45309;--blob-dim: rgba(180, 83, 9, .1);--ok: #059669;--ok-dim: rgba(5, 150, 105, .12);--warn: #b45309;--err: #dc2626;--err-dim: rgba(220, 38, 38, .08);--json-key: #0550ae;--json-string: #116329;--json-number: #953800;--json-literal: #8250df;--shadow: 0 8px 30px rgba(30, 41, 59, .15)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-panel);position:relative}header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad);opacity:.6}.brand{display:flex;align-items:center;gap:.85rem;min-width:0}.brand-logo{width:38px;height:38px;flex-shrink:0}.brand-text h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-tagline{display:block;font-size:.75rem;color:var(--text-faint)}.controls{display:flex;gap:.75rem;align-items:center}.file-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);background:var(--grad);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .2s,transform .15s,box-shadow .2s;-webkit-user-select:none;user-select:none}.file-btn svg{width:1.05rem;height:1.05rem}.file-btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.file-name{font-size:.8rem;color:var(--text-faint);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-loaded{color:var(--text-dim);font-family:var(--mono)}.container{display:flex;flex:1;overflow:hidden}.left-nav{width:400px;background-color:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;padding:1rem;display:flex;flex-direction:column}.search-container{position:relative;margin-bottom:1rem;flex-shrink:0}.search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-faint);pointer-events:none}.search-container input{width:100%;padding:.55rem .75rem .55rem 2.2rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.search-container input::placeholder{color:var(--text-faint)}.search-container input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.nav-group{margin-bottom:1.5rem}.nav-group h3{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.nav-count{background-color:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);font-size:.7rem;padding:.05rem .5rem;border-radius:999px;font-weight:600}.nav-count:empty{display:none}.nav-group ul{list-style:none}.nav-group li{padding:.4rem .5rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s;font-size:.85rem;font-family:var(--mono)}.nav-group li:hover{background-color:var(--bg-hover)}.nav-group li.active{background-color:var(--accent);color:#fff}.nav-group li.active .ref-badge{background-color:#ffffff40}.nav-group li.active .credential-indicator{color:#fff}.nav-group li.type-group,.nav-group li.subject-kind-group{padding:0;cursor:default;border-radius:0;font-size:inherit;font-family:inherit}.nav-group li.type-group:hover,.nav-group li.subject-kind-group:hover{background-color:transparent}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.group-chevron{display:inline-flex;width:.7rem;height:.7rem;flex-shrink:0;color:var(--text-faint);transition:transform .15s}.group-chevron svg{width:100%;height:100%}.collapsible-header.collapsed .group-chevron{transform:rotate(-90deg)}.type-header{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;color:var(--text-dim);margin-top:1rem;margin-bottom:.25rem;padding:.3rem .5rem;letter-spacing:.02em;border-radius:var(--radius-sm)}.type-header:hover{background-color:var(--bg-hover)}.nav-group li.type-group:first-child .type-header{margin-top:0}.type-icon{display:inline-flex;width:1rem;height:1rem;color:var(--accent-2);flex-shrink:0}.type-icon svg{width:100%;height:100%}.type-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-count{background-color:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);font-size:.68rem;padding:0 .45rem;border-radius:999px;font-weight:600}.statement-item{padding-left:1rem;display:flex;justify-content:space-between;align-items:center}.statement-item.statement-sub-item{padding-left:1.6rem}.subject-kind-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-top:.4rem;padding:.25rem .5rem .25rem 1rem;border-radius:var(--radius-sm)}.subject-kind-header .subject-kind-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-kind-header .group-chevron{color:inherit;opacity:.7}.subject-kind-header .subject-kind-count{font-size:.68rem;padding:0 .45rem;border-radius:999px;font-weight:700;background-color:#00000040}.subject-kind-did{color:var(--did);background-color:var(--did-dim)}.subject-kind-cid{color:var(--cid);background-color:var(--cid-dim)}.subject-kind-other,.subject-kind-none{color:var(--text-dim);background-color:var(--bg-elevated)}.nav-item-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.5rem}.nav-item-content>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges-container{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.ref-badge{background-color:var(--cid-dim);color:var(--cid);border:1px solid transparent;font-size:.7rem;font-family:Inter,system-ui,sans-serif;padding:.05rem .4rem;border-radius:999px;font-weight:700;min-width:1.2rem;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}.ref-badge:hover{background-color:var(--cid);color:#fff}.credential-indicator{color:var(--ok);font-weight:700;font-size:.85rem;cursor:pointer;background-color:var(--ok-dim);border-radius:999px;padding:.05rem .4rem;font-family:Inter,system-ui,sans-serif;transition:background-color .2s,color .2s}.credential-indicator:hover{background-color:var(--ok);color:#fff}.clickable-id{color:var(--ok);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:600;border-radius:3px}.clickable-id:hover{background-color:var(--ok-dim)}.missing-id{color:var(--err);font-weight:600;border-bottom:1px dashed var(--err)}.clickable-blob{color:var(--blob);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:600;border-radius:3px}.clickable-blob:hover{background-color:var(--blob-dim)}.clickable-did{color:var(--did);cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:600;border-radius:3px}.clickable-did:hover{background-color:var(--did-dim)}.json-key{color:var(--json-key)}.json-string{color:var(--json-string)}.json-number{color:var(--json-number)}.json-literal{color:var(--json-literal);font-weight:600}.references-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-width:520px;width:calc(100vw - 3rem);max-height:420px;z-index:1000;display:flex;flex-direction:column;animation:popIn .18s ease-out}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.96);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--border)}.popup-header h3{margin:0;font-size:.95rem;color:var(--text);font-family:var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-close{background:none;border:none;color:var(--text-faint);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;line-height:1;border-radius:var(--radius-sm);flex-shrink:0}.popup-close:hover{color:var(--err);background-color:var(--err-dim)}.popup-list{list-style:none;margin:0;padding:.25rem;overflow-y:auto;max-height:330px}.popup-list li{padding:.65rem .75rem;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .15s;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.popup-list li:hover{background-color:var(--bg-hover)}.popup-item-key{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:.85rem}.popup-type-badge{background-color:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;white-space:nowrap;flex-shrink:0}.popup-evidence-badge{background-color:var(--cid-dim);color:var(--cid);font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;white-space:nowrap;flex-shrink:0}.json-viewer{flex:1;overflow:auto;padding:1.5rem 2rem;display:flex;flex-direction:column}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .9rem;background-color:var(--bg-panel);border-radius:var(--radius-sm);font-size:.85rem;flex-wrap:nowrap;min-height:2.5rem;border:1px solid var(--border)}.breadcrumbs-trail{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;flex:1;min-width:0}.breadcrumb-back-button{margin-left:auto;background-color:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .8rem;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.25rem}.breadcrumb-back-button:hover:not(:disabled){background-color:var(--accent);border-color:var(--accent);color:#fff}.breadcrumb-back-button:disabled{opacity:.4;cursor:not-allowed}.breadcrumb-item{display:flex;align-items:center;gap:.4rem}.breadcrumb-link{color:var(--accent-2);cursor:pointer;padding:.15rem .45rem;border-radius:var(--radius-sm);transition:background-color .15s;font-family:var(--mono);font-size:.78rem}.breadcrumb-link:hover{background-color:var(--bg-hover)}.breadcrumb-separator{color:var(--text-faint);-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text);font-family:var(--mono);font-size:.78rem;background-color:var(--bg-elevated);padding:.15rem .45rem;border-radius:var(--radius-sm);border:1px solid var(--border)}#jsonViewer pre{text-align:left;background-color:var(--bg-code);border:1px solid var(--border);padding:1.25rem;border-radius:var(--radius);overflow-x:auto;font-family:var(--mono);font-size:.85rem;line-height:1.6}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--text-dim)}.empty-graphic{width:180px;height:135px;margin-bottom:1.5rem;opacity:.9}.empty-state h2{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.5rem;letter-spacing:-.01em}.empty-state p{max-width:420px;font-size:.9rem;color:var(--text-faint)}.drop-overlay{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;background-color:#0b0e14bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drop-overlay.visible{display:flex}.drop-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 4rem;border:2px dashed var(--accent);border-radius:var(--radius);background-color:var(--bg-panel);color:var(--text);font-size:1.1rem;font-weight:600;pointer-events:none}.drop-overlay-inner svg{width:3rem;height:3rem;color:var(--accent-2)}.blob-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.blob-header h3{margin:0 0 .5rem;color:var(--blob);font-family:var(--mono);font-size:1.05rem}.blob-info{margin:0;color:var(--text-faint);font-size:.85rem;font-style:italic}.metadata-blob-container{margin-top:2rem;padding:1.5rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.metadata-blob-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.metadata-blob-header h3{margin:0 0 .5rem;color:var(--cid);font-size:1.05rem}.metadata-blob-header .blob-info{margin:0;color:var(--text-faint);font-size:.85rem;font-style:italic}.cid-decode{margin-top:1rem;padding:.85rem 1rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--cid);border-radius:var(--radius-sm)}.cid-decode-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.cid-decode-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cid)}.cid-decode-cid{font-family:var(--mono);font-size:.72rem;color:var(--text-faint);word-break:break-all}.cid-decode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.3rem 1.25rem;margin:0}.cid-decode-row{display:flex;align-items:baseline;gap:.5rem;font-size:.78rem}.cid-decode-row dt{flex-shrink:0;width:5.5rem;color:var(--text-faint);text-transform:uppercase;font-size:.68rem;letter-spacing:.05em;font-weight:600}.cid-decode-row dd{margin:0;color:var(--text);font-family:var(--mono)}.cid-decode-warn dd{color:var(--err)}.cid-decode-note{margin:.6rem 0 0;font-size:.78rem;color:var(--text-dim);line-height:1.45}.metadata-blob-container pre{background-color:var(--bg-code);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto}.lineage-container{margin-top:2rem;padding:1.5rem;background-color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.lineage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.lineage-header h3{margin:0 0 .5rem;color:var(--accent-2);font-size:1.05rem}.lineage-actions{display:flex;gap:.5rem;flex-shrink:0}.lineage-btn{background-color:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-dim);font-size:.8rem;padding:.4em .9em}.lineage-btn:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--text)}.lineage-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.lineage-chip{display:inline-flex;align-items:center;gap:.4rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.lineage-chip-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.lineage-chip-count{color:var(--text);font-family:var(--mono);font-weight:700}.lineage-frame{display:block;width:100%;height:42rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-code)}.lineage-status{display:inline-flex;align-items:center;align-self:center;gap:.35rem;font-size:.75rem;color:var(--text-faint);font-style:italic}.lineage-status-ok{color:var(--ok);font-style:normal}.lineage-status-error{color:var(--err);font-style:normal}.base64-wrapped{font-family:var(--mono);word-break:break-all;white-space:pre-wrap;line-height:1.5}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.55em 1.1em;font-size:.9em;font-weight:600;font-family:inherit;background-color:var(--accent);color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--accent-hover)}input[type=file]{padding:.5rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-faint)}.blob-full-key{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem}.blob-full-key .label{color:var(--text-dim);font-weight:500}.blob-full-key code{flex:1;font-family:var(--mono);color:var(--cid);background:transparent;padding:.25rem .5rem;word-break:break-all;-webkit-user-select:all;user-select:all}.blob-full-key .copy-btn{padding:.25rem .5rem;background-color:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;white-space:nowrap;transition:background-color .2s}.blob-full-key .copy-btn:hover{background-color:var(--accent-hover)}.iroh-collection{margin-top:1rem}.collection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem .75rem;background-color:var(--bg-elevated);border-radius:var(--radius-sm)}.collection-header h4{margin:0;color:var(--text-dim)}.collection-info{font-size:.9rem;color:var(--text-faint)}.collection-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.collection-table thead{background-color:var(--bg-elevated)}.collection-table th{text-align:left;padding:.75rem;border-bottom:2px solid var(--border-strong);color:var(--text-dim);font-weight:600}.collection-table td{padding:.75rem;border-bottom:1px solid var(--border)}.collection-table tbody tr:hover{background-color:var(--bg-hover)}.entry-name{font-family:var(--mono);color:var(--cid)}.entry-cid{font-family:var(--mono);font-size:.9rem}.cid-link{color:var(--did);cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.cid-link:hover{text-decoration-style:solid}.cid-nolink{color:var(--text-faint);cursor:not-allowed;opacity:.7;font-style:italic}.cid-placeholder{color:var(--text-faint);font-style:italic}.entry-type{color:var(--text-dim);font-size:.9rem;text-transform:capitalize}.collection-note{padding:.75rem;background-color:var(--bg-elevated);border-left:3px solid var(--cid);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-dim)}.collection-note strong{color:var(--text)}.collection-note.success{background-color:var(--ok-dim);border-left-color:var(--ok);color:var(--ok)}.collection-note.success strong{color:var(--ok)}.metadata-row{background-color:var(--bg-elevated);opacity:.8}.metadata-row:hover{opacity:1}.metadata-name{font-style:italic;color:var(--text-dim)!important}.collection-references{margin:1rem 0;padding:.75rem;background-color:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.9rem}.reference-tag{display:inline-block;padding:.25rem .5rem;margin:0 .25rem;background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.cert-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.cert-parsed,.cert-raw{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;overflow:auto}.cert-parsed h3,.cert-raw h3{margin:0 0 1rem;color:var(--cid);font-size:1.1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.cert-details{font-size:.9rem}.cert-section{margin-bottom:1.5rem;padding:.75rem;background-color:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border)}.cert-section:last-child{margin-bottom:0}.cert-section h4{margin:0 0 .75rem;color:var(--accent-2);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cert-field{margin-bottom:.5rem;line-height:1.6;word-break:break-word}.cert-field:last-child{margin-bottom:0}.cert-field strong{color:var(--text-dim);font-weight:500;margin-right:.5rem}.cert-valid{color:var(--ok);font-weight:600;margin-top:.5rem}.cert-expired{color:var(--err);font-weight:600;margin-top:.5rem}.cert-not-yet-valid{color:var(--warn);font-weight:600;margin-top:.5rem}.cert-error{color:var(--err);font-style:italic;padding:1rem;background-color:var(--err-dim);border-radius:var(--radius-sm);border:1px solid var(--err)}.cert-raw-data{font-family:var(--mono);font-size:.85rem;word-break:break-all;white-space:pre-wrap;line-height:1.5;background-color:var(--bg-code);border:1px solid var(--border);padding:1rem;border-radius:var(--radius-sm);max-height:400px;overflow-y:auto}@media(max-width:1200px){.cert-container{grid-template-columns:1fr}}.cert-main-container{width:100%}.cert-main-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:0;overflow-x:auto}.cert-main-tab{background-color:transparent;color:var(--text-dim);border:none;border-bottom:3px solid transparent;border-radius:0;padding:.65rem 1.25rem;cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500;white-space:nowrap}.cert-main-tab:hover{color:var(--text);background-color:transparent}.cert-main-tab.active{color:var(--accent-2);border-bottom-color:var(--accent-2);font-weight:600;background-color:transparent}.cert-parsed-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:600px}.cert-list-column{border-right:1px solid var(--border);padding-right:1.5rem;overflow-y:auto}.cert-list-column h3{margin:0 0 1rem;color:var(--cid);font-size:1.1rem}.end-cert-list{display:flex;flex-direction:column;gap:.75rem}.end-cert-item{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;cursor:pointer;transition:all .2s}.end-cert-item:hover{background-color:var(--bg-hover);border-color:var(--border-strong)}.end-cert-item.active{border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.end-cert-name{font-weight:600;color:var(--text);margin-bottom:.5rem;font-size:.95rem}.end-cert-org{color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}.end-cert-status{display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.end-cert-status.valid{background-color:var(--ok-dim);color:var(--ok)}.end-cert-status.expired{background-color:var(--err-dim);color:var(--err)}.end-cert-status.not-valid{background-color:var(--blob-dim);color:var(--warn)}.cert-detail-column{overflow-y:auto;padding-left:1rem}.trust-chain{margin-bottom:2rem}.trust-chain h4{margin:0 0 1rem;color:var(--cid);font-size:1.1rem}.chain-cert{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:.5rem}.chain-cert-target{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.chain-cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.chain-cert-type{background-color:var(--bg-hover);color:var(--text-dim);padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.chain-cert-target .chain-cert-type{background-color:var(--accent);color:#fff}.chain-cert-number{background-color:var(--bg-hover);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;color:var(--text-dim)}.chain-cert-info{font-size:.9rem}.chain-cert-subject,.chain-cert-issuer{margin-bottom:.5rem;color:var(--text)}.chain-cert-valid{color:var(--ok);font-weight:600}.chain-cert-expired{color:var(--err);font-weight:600}.chain-cert-not-yet-valid{color:var(--warn);font-weight:600}.chain-arrow{text-align:center;font-size:1.5rem;color:var(--accent-2);margin:.5rem 0}.chain-cert-clickable{cursor:pointer;transition:all .2s}.chain-cert-clickable:hover{transform:translate(5px);box-shadow:0 4px 12px #6366f14d}.chain-cert-click-hint{font-size:.8rem;color:var(--accent-2);margin-top:.5rem;opacity:0;transition:opacity .2s}.chain-cert-clickable:hover .chain-cert-click-hint{opacity:1}.cert-details-popup{position:fixed;inset:0;background-color:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-in-out}.cert-details-popup-content{background-color:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-width:800px;max-height:80vh;width:90%;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.cert-details-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background-color:var(--bg-elevated);border-radius:var(--radius) var(--radius) 0 0}.cert-details-popup-header-left h3{margin:0;color:var(--accent-2);font-size:1.2rem}.cert-details-popup-header-right{display:flex;gap:.75rem;align-items:center}.cert-details-download-btn{background-color:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.cert-details-download-btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cert-details-popup-close{background:none;border:none;color:var(--text-faint);font-size:2rem;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;line-height:1;border-radius:var(--radius-sm);transition:all .2s}.cert-details-popup-close:hover{background-color:var(--err-dim);color:var(--err)}.cert-details-popup-body{padding:1.5rem;overflow-y:auto;flex:1}.no-end-certs{padding:2rem;text-align:center;color:var(--text-dim);font-size:1.1rem}.cert-chain-container{width:100%}.cert-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.cert-tab{background-color:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:.75rem 1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.cert-tab:hover{background-color:var(--bg-hover);color:var(--text)}.cert-tab.active{background-color:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.cert-tab-error{border-color:var(--err)}.cert-tab-error:not(.active){color:var(--err)}.cert-tab-number{background-color:#0003;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem}.cert-tab.active .cert-tab-number{background-color:#fff3}.cert-tab-label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-contents{position:relative}.cert-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nvidia-details{padding:1rem;color:var(--text-dim)}.nvidia-details h3{color:var(--text);margin-bottom:.5rem}