:root{--bg: #f4f6f8;--panel: #ffffff;--border: #d9dee3;--text: #1f2933;--muted: #61707d;--accent: #1f5fbf;--accent-soft: #e6eefc;--danger: #b42318;--warn: #b54708;--ok: #067647;--info: #475467;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent)}button{font:inherit;padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.danger{color:var(--danger)}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px}code{font-family:Consolas,Courier New,monospace;font-size:12px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;margin:0}.topbar .spacer{flex:1}.topbar label{display:flex;align-items:center;gap:6px;color:var(--muted)}.page{padding:20px;max-width:1500px;margin:0 auto}.grid{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:16px}.panel h2{font-size:15px;margin:0 0 10px}.panel h3{font-size:13px;margin:12px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.banner{padding:10px 14px;border-radius:8px;margin-bottom:16px;border:1px solid var(--border);background:#fff}.banner.warn{background:#fff7ed;border-color:#f4c9a8}.banner.bad{background:#fef3f2;border-color:#f2b8b5}.chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.chip.high{background:#fee4e2;color:var(--danger)}.chip.medium{background:#fff1e0;color:var(--warn)}.chip.low{background:#e6eefc;color:var(--accent)}.chip.info{background:#eef0f2;color:var(--info)}.chip.ok{background:#e3f5ea;color:var(--ok)}.chip.status-queued,.chip.status-running{background:#e6eefc;color:var(--accent)}.chip.status-succeeded{background:#e3f5ea;color:var(--ok)}.chip.status-failed{background:#fee4e2;color:var(--danger)}.chip.status-cancelled{background:#eef0f2;color:var(--info)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;padding:8px 12px}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.progress{height:6px;background:#e9edf1;border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .3s}table.list{width:100%;border-collapse:collapse}table.list th,table.list td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}table.list th{font-size:12px;color:var(--muted);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover,tr.selected{background:var(--accent-soft)}.finding{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:8px 4px;border-bottom:1px solid var(--border)}.finding .head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.finding .rule{font-weight:600}.finding .msg{margin:4px 0 0}.finding.no-fix{opacity:.85}.slide-group{margin-top:14px}.slide-group h4{margin:0 0 4px;font-size:13px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare figure{margin:0}.compare figcaption{font-size:12px;color:var(--muted);margin-bottom:4px}.compare img{width:100%;border:1px solid var(--border);background:#fff}.placeholder-box{border:1px dashed var(--border);padding:30px;text-align:center;color:var(--muted);background:#fafbfc}.nav{display:flex;align-items:center;gap:8px;margin-bottom:10px}.nav input[type=range]{flex:1}.revision{padding:8px;border:1px solid var(--border);border-radius:6px;margin-bottom:8px;cursor:pointer}.revision.selected{border-color:var(--accent);background:var(--accent-soft)}.revision .title{font-weight:600}.job{padding:6px 0;border-bottom:1px solid var(--border)}ul.plain{padding-left:18px;margin:4px 0}.kv{display:grid;grid-template-columns:180px 1fr;gap:4px 12px}
