:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; padding:0 50px; font-family: system-ui, sans-serif; background:#0d1117; color:#cdd9e5; height:100vh; display:flex; flex-direction:column; }
.topbar { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #21262d; flex:0 0 auto; }
.topbar h1 { font-size:16px; margin:0; }
.topbar .sub { color:#7d8590; font-size:12px; }
select, button { background:#21262d; color:#cdd9e5; border:1px solid #30363d; border-radius:6px; padding:5px 10px; font-size:13px; cursor:pointer; }
button.primary { background:#1f6feb33; border-color:#1f6feb; }
button.llm { background:#8957e533; border-color:#8957e5; }
button:disabled { opacity:.5; cursor:wait; }
.cols { flex:1 1 auto; display:flex; gap:1px; background:#21262d; min-height:0; }
.col { flex:1 1 0; background:#0d1117; display:flex; flex-direction:column; min-width:0; }
.colhead { flex:0 0 auto; padding:6px 12px; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:#7d8590; border-bottom:1px solid #21262d; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.colhead button { padding:3px 10px; font-size:11px; text-transform:none; letter-spacing:0; flex:0 0 auto; }
.colbody { flex:1 1 auto; overflow:auto; padding:14px; font-size:14px; line-height:2; white-space:pre-wrap; word-wrap:break-word; }
.colbody.pad0 { padding:0; }
textarea { width:100%; height:100%; resize:none; background:#0d1117; color:#cdd9e5; border:none; outline:none; font:inherit; line-height:1.9; padding:14px; }
.band { margin:0 0 12px; padding:6px 12px; border-radius:7px; font-weight:600; font-size:13px; display:inline-block; }
.band-clean { background:#21262d; color:#9da7b1; }
.band-low { background:#3a3416; color:#ffd479; }
.band-elevated { background:#3a2a16; color:#ffb454; }
.band-high { background:#3d1a1a; color:#ff8080; }
.d { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px; cursor:help; }
.sev-low { text-decoration-color:#ffd479; }
.sev-medium { text-decoration-color:#ffb454; }
.sev-high { text-decoration-color:#ff8080; }
.l { text-decoration:underline dashed; text-decoration-thickness:2px; text-underline-offset:3px; text-decoration-color:#b392f0; cursor:help; }
.tag { font-size:9px; vertical-align:super; color:#b392f0; }
.comment { background:#161b22; border:1px solid #21262d; border-left:3px solid #d29922; border-radius:7px; padding:6px 9px; margin:7px 0 0; font-size:11px; color:#c9b070; white-space:normal; }
.card { background:#161b22; border:1px solid #21262d; border-left:3px solid #8957e5; border-radius:7px; padding:8px 10px; margin:8px 0 0; font-size:12px; line-height:1.5; white-space:normal; }
.card .cat { color:#b392f0; font-weight:600; }
.muted { color:#586069; }
.error { background:#3d1a1a; border:1px solid #6e2b2b; border-radius:6px; padding:8px 12px; color:#f6c6c6; white-space:normal; }
.spin { color:#8957e5; font-size:12px; }