@layer tokens,base,components,page;@layer components{.lg{box-shadow:var(--shadow)}.lg .frame-bar .fname{line-height:1.4}.lg-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}.lg-main{min-width:0;padding:18px clamp(16px,2.6vw,32px) 20px;background:var(--sheet)}.lg-filter{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 0 6px}.lg-filter::-webkit-scrollbar{display:none}.lg-filter button{appearance:none;border:0;background:none;cursor:pointer;white-space:nowrap;font:500 13px/1 var(--sans);color:var(--faint);padding:10px 12px;border-radius:8px;transition:color .25s,background .25s}.lg-filter button:hover{color:var(--ink)}.lg-filter button[aria-pressed=true]{color:var(--ink);background:var(--well)}.lg-n{font:500 11px/1 var(--mono);margin-left:4px;color:var(--teal)}.lg-rows{list-style:none;margin:0;padding:0}.lg-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:13px 0;border-top:1px solid var(--rule);font-size:14.5px}.lg-row[hidden]{display:none}.lg-cn{font:500 12px/1.4 var(--mono);color:var(--faint)}.lg-t{font-weight:600;min-width:0}.lg-d,.lg-k{grid-column:2 / 4}.lg-d{color:var(--muted);font-size:14px;line-height:1.5}.lg-k{font:500 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.lg-k b{font-weight:500;color:var(--teal)}.lg .sev.critical{color:var(--on-teal);background:var(--red)}.lg-shown{margin:0;padding-top:12px;border-top:1px solid var(--rule);font:500 11.5px/1.4 var(--mono);color:var(--faint)}.lg.filtering .lg-row:not([hidden]){animation:lgIn .4s var(--ease) both}@keyframes lgIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.lg-side{border-left:1px solid var(--rule);background:var(--well);padding:24px 22px;min-width:0}.lg-side h4{margin:0 0 10px;font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.lg-score{margin:0;display:flex;align-items:baseline;gap:10px}.lg-score b{font:400 34px/1 var(--display);letter-spacing:-.01em}.lg-score span{font:500 13px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.lg-dist{display:flex;gap:3px;margin:16px 0 8px}.lg-dist i{flex:1 1 0;height:22px;border-radius:2px;background:var(--slate-wash);box-shadow:inset 0 -3px 0 var(--slate)}.lg-dist i.m{background:var(--amber-wash);box-shadow:inset 0 -3px 0 var(--amber)}.lg-dist i.h{background:var(--red-wash);box-shadow:inset 0 -3px 0 var(--red)}.lg-legend{margin:0 0 14px;font:500 11.5px/1.4 var(--mono);color:var(--muted)}.lg-side .kv{font-size:13.5px}.lg-side h4.lg-pe{margin-top:22px}.lg-bl{margin:0;font:400 15px/1.6 var(--doc);color:var(--ink);border-left:2px solid var(--teal-soft);padding-left:12px}.lg-note{margin:10px 2px 0;font:400 12px/1.5 var(--mono);color:var(--faint);letter-spacing:.02em}@media(max-width:1080px){.lg-body{grid-template-columns:minmax(0,1fr)}.lg-side{border-left:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-content:start}.lg-side>h4:first-child,.lg-score,.lg-dist,.lg-legend{grid-column:1}.lg-side .kv{grid-column:2}.lg-side .kv:first-of-type{grid-row:1}.lg-pe,.lg-bl{grid-column:1 / -1}}@media(max-width:760px){.lg-side{display:block}.lg-row{grid-template-columns:36px minmax(0,1fr) auto}}}