.page-sbom [hidden]{display:none!important}.page-sbom main{max-width:1080px;margin:0 auto;padding:0 0 64px}.sbom-hero{padding:56px 0 32px;text-align:center}.sbom-headline{font-size:40px;font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}.sbom-subtitle{font-size:16px;color:var(--muted);line-height:1.6;max-width:64ch;margin:0 auto}@media(min-width:720px){.sbom-headline{font-size:52px}.sbom-subtitle{font-size:17px}}.sbom-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 0 24px;flex-wrap:wrap}.sbom-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-family:var(--sans);font-size:14px;font-weight:600;padding:12px 18px;cursor:pointer;transition:color .15s,border-color .15s}.sbom-tab:hover{color:var(--text)}.sbom-tab.is-active{color:var(--text);border-bottom-color:var(--good)}.sbom-btn{background:#ffffff0f;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 16px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.sbom-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.sbom-btn:disabled{opacity:.4;cursor:not-allowed}.sbom-btn--primary{background:var(--good);color:#0b0f19;border-color:var(--good)}.sbom-btn--primary:hover:not(:disabled){background:#4ce29a;border-color:#4ce29a}.sbom-btn-link{background:transparent;border:0;color:var(--muted);font-family:var(--sans);font-size:14px;font-weight:500;padding:4px 8px;cursor:pointer;text-decoration:underline;text-decoration-color:#fff3;text-underline-offset:3px}.sbom-btn-link:hover{color:var(--text);text-decoration-color:#fff6}.sbom-input{margin:0 0 16px}.sbom-dropzone{border:2px dashed rgba(255,255,255,.18);border-radius:var(--radius);padding:48px 24px;text-align:center;background:#ffffff05;cursor:pointer;transition:border-color .15s,background .15s}.sbom-dropzone:hover,.sbom-dropzone:focus-visible{border-color:#ffffff59;background:#ffffff0a;outline:none}.sbom-dropzone.is-dragover{border-color:var(--good);border-style:solid;background:#39d98a0f}.sbom-dropzone-prompt{margin:0 0 16px;color:var(--muted);font-size:15px}.sbom-dropzone-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.sbom-dropzone-samples{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px}.sbom-dropzone-samples-label{color:var(--muted2)}.sbom-btn-link--danger{color:var(--bad);text-decoration-color:#ff6b6b4d}.sbom-btn-link--danger:hover{color:#ff8585;text-decoration-color:#ff6b6b99}.sbom-paste{width:100%;min-height:200px;background:#0000004d;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-top:12px;font-family:var(--mono);font-size:13px;line-height:1.5;resize:vertical}.sbom-paste:focus{outline:none;border-color:var(--good)}.sbom-file-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);font-size:14px}.sbom-meta-name{font-family:var(--mono);font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.sbom-meta-size{color:var(--muted2);font-size:13px}.sbom-meta-sep{color:var(--muted2)}.sbom-meta-clear{margin-left:auto;padding:0 8px;font-size:18px;line-height:1}.sbom-soft-warn{margin:8px 0 0;padding:10px 14px;background:#f7c94814;border-left:3px solid var(--warn);border-radius:8px;color:var(--warn);font-size:13px}.sbom-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em;font-family:var(--mono);text-transform:uppercase;white-space:nowrap}.sbom-components th{white-space:nowrap}.sbom-row-decision{white-space:nowrap;width:1%}.sbom-row-reach{white-space:nowrap}.sbom-chip--neutral{background:#ffffff14;color:var(--muted)}.sbom-chip--good{background:#39d98a26;color:var(--good)}.sbom-chip--warn{background:#f7c94826;color:var(--warn)}.sbom-chip--bad{background:#ff6b6b2e;color:var(--bad)}.sbom-chip--critical{background:#dc262673;color:#fff;font-weight:700}.sbom-chip--cooldown{background:#64b5ff1f;color:#a6d4ff}.sbom-diff-demo{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:14px;padding:10px 14px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;font-size:13px}.sbom-diff-pair{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:720px){.sbom-diff-pair{grid-template-columns:1fr 1fr}}.sbom-diff-side{min-width:0}.sbom-diff-label{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sbom-submit-row{margin:24px 0;display:flex;justify-content:center}.sbom-submit{font-size:16px;padding:14px 32px}.sbom-loading{margin:24px 0;padding:20px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius)}.sbom-loading-bar{height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:12px}.sbom-loading-fill{height:100%;width:30%;background:linear-gradient(90deg,var(--good),#5ee29f);border-radius:999px;animation:sbom-bounce 1.2s ease-in-out infinite alternate}@keyframes sbom-bounce{0%{transform:translate(-100%)}to{transform:translate(333%)}}.sbom-loading-msg{margin:0;font-size:14px;color:var(--muted)}.sbom-error{margin:24px 0;padding:16px 20px;background:#ff6b6b0f;border-left:3px solid var(--bad);border-radius:8px}.sbom-error-msg{margin:0 0 8px;font-weight:600;color:var(--bad)}.sbom-error-detail{margin:0 0 10px;font-size:12px;color:var(--muted2);font-family:var(--mono);word-break:break-all}.sbom-results{margin-top:32px}.sbom-verdict{padding:28px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);margin-bottom:20px}.sbom-verdict--good{border-left:4px solid var(--good)}.sbom-verdict--warn{border-left:4px solid var(--warn)}.sbom-verdict--bad{border-left:4px solid var(--bad)}.sbom-verdict--pending{border-left:4px solid var(--info)}.sbom-verdict-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.sbom-verdict--good .sbom-verdict-label{color:var(--good)}.sbom-verdict--warn .sbom-verdict-label{color:var(--warn)}.sbom-verdict--bad .sbom-verdict-label{color:var(--bad)}.sbom-verdict--pending .sbom-verdict-label{color:var(--info)}.sbom-verdict-text{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:700}.sbom-verdict-reason{margin:0;color:var(--muted);font-size:14px}.sbom-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.sbom-tile{padding:18px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;text-align:center}.sbom-tile-value{font-size:28px;font-weight:800;line-height:1;font-family:var(--mono);color:var(--text)}.sbom-tile--bad .sbom-tile-value{color:var(--bad)}.sbom-tile--warn .sbom-tile-value{color:var(--warn)}.sbom-tile--good .sbom-tile-value{color:var(--good)}.sbom-tile-label{margin-top:6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.sbom-tile--clickable{cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.sbom-tile--clickable:hover,.sbom-tile--clickable:focus-visible{border-color:#ffffff4d;background:#ffffff0f;outline:none}.sbom-tile--clickable:active{transform:translateY(1px)}.sbom-section{margin-bottom:24px}.sbom-section-heading{font-size:16px;font-weight:700;margin:0 0 12px;color:var(--text)}.sbom-risks{list-style:none;margin:0;padding:0}.sbom-risk-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;margin-bottom:8px;background:#ffffff08;border:1px solid var(--border);border-radius:10px}.sbom-risk-item--bad{border-left:3px solid var(--bad)}.sbom-risk-item--warn{border-left:3px solid var(--warn)}.sbom-risk-purl{font-family:var(--mono);font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.sbom-risk-reason{color:var(--muted);font-size:13px;flex:1 1 100%}@media(min-width:720px){.sbom-risk-reason{flex:1}}.sbom-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.sbom-components{width:100%;border-collapse:collapse;font-size:13px}.sbom-components th,.sbom-components td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border2)}.sbom-components thead th{position:sticky;top:0;background:#141928f5;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.sbom-components tbody tr:hover{background:#ffffff08}.sbom-row-purl code{font-family:var(--mono);font-size:12px}.sbom-link{color:inherit;text-decoration:underline;text-decoration-color:#ffffff2e;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-color .15s,color .15s}.sbom-link:hover{color:var(--good);text-decoration-color:#39d98a8c}.sbom-row-decision .sbom-link,.sbom-risk-item .sbom-link,.sbom-diff-item .sbom-link{display:inline-block;max-width:100%}.sbom-row-reason{color:var(--muted)}.sbom-row-reach{color:var(--muted2);font-size:12px;font-family:var(--mono)}@media(max-width:720px){.sbom-components thead{display:none}.sbom-components,.sbom-components tbody,.sbom-components tr,.sbom-components td{display:block;width:100%}.sbom-components tr{border-bottom:1px solid var(--border);padding:10px 0}.sbom-components td{padding:4px 14px;border:0}.sbom-row-purl{font-weight:600}}.sbom-diff-summary{margin-bottom:16px;padding:14px 18px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--muted)}.sbom-diff-groups details{margin-bottom:8px;padding:12px 16px;background:#ffffff08;border:1px solid var(--border);border-radius:12px}.sbom-diff-groups summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none}.sbom-diff-groups summary::-webkit-details-marker{display:none}.sbom-diff-groups summary:before{content:"\25b8  ";color:var(--muted)}.sbom-diff-groups details[open] summary:before{content:"\25be  "}.sbom-diff-list{list-style:none;margin:12px 0 0;padding:0}.sbom-diff-item{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--border2)}.sbom-diff-item:first-child{border-top:0}.sbom-diff-arrow{color:var(--muted);font-size:12px}.sbom-diff-purl{font-family:var(--mono);font-size:12px;color:var(--text);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.sbom-diff-reason{color:var(--muted);font-size:12px;flex:1 1 100%}.sbom-explainer{margin:56px 0 0;padding:24px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius)}.sbom-explainer-heading{margin:0 0 12px;font-size:16px;font-weight:700}.sbom-explainer p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.6}