:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#1f2933;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}main{width:min(1520px,100%);margin:0 auto;padding:28px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#52616f;font-size:13px;font-weight:700;text-transform:uppercase}h1{margin:0;color:#14213d;font-size:38px;line-height:1.12;letter-spacing:0}.intro{margin:12px 0 0;color:#52616f;max-width:760px}.exportButton,.controls button,.probeButton{border:0;background:#0f5e9c;color:#fff;border-radius:8px;padding:10px 14px;font-weight:700}.exportButton:hover,.controls button:hover,.probeButton:hover:not(:disabled){background:#0b4d80}.summaryGrid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.8fr) minmax(180px,.7fr);gap:14px;margin-bottom:14px}.scorePanel,.browserPanel,.probePanel{background:#fff;border:1px solid #dde4ee;border-radius:8px;padding:18px;min-height:130px;box-shadow:0 1px 2px #0f23370d}.scorePanel span,.browserPanel span,.probePanel span{display:block;color:#52616f;font-size:13px;font-weight:700;margin-bottom:6px}.scorePanel strong,.probePanel strong{display:block;color:#14213d;font-size:44px;line-height:1;margin-bottom:10px}.scorePanel p,.browserPanel p,.probePanel p{margin:0;color:#52616f}.browserPanel code{display:block;margin-top:10px;color:#293845;white-space:normal;word-break:break-word;font-size:12px}.browserPanel small{display:block;margin-top:8px;color:#52616f}.categoryScores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.categoryScores button{border:1px solid #c9d5e2;background:#fff;border-radius:8px;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:10px;color:#293845}.categoryScores button.active{border-color:#0f5e9c;box-shadow:inset 0 0 0 1px #0f5e9c}.categoryScores span{color:#52616f}.controls{display:grid;grid-template-columns:minmax(220px,1fr) 190px 170px 150px;gap:10px;align-items:end;background:#eef3f8;border:1px solid #d7e0ea;border-radius:8px;padding:12px;margin-bottom:18px}.controls label{display:grid;gap:6px;color:#52616f;font-size:13px;font-weight:700}.controls input,.controls select{min-height:40px;border:1px solid #c9d5e2;border-radius:8px;background:#fff;color:#1f2933;padding:8px 10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.cardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.capCard,.drawer{background:#fff;border:1px solid #dbe4ee;border-radius:8px;box-shadow:0 1px 2px #0f23370d}.capCard{position:relative;min-height:286px;padding:16px}.capCard.selected{border-color:#0f5e9c;box-shadow:inset 0 0 0 1px #0f5e9c,0 1px 2px #0f23370d}.detailsButton{position:absolute;right:12px;top:12px;border:1px solid #c9d5e2;background:#fff;color:#293845;border-radius:8px;padding:6px 10px}.cardTop{display:flex;gap:8px;padding-right:60px;min-height:30px}.badge,.categoryPill,.noProbe{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.badge.supported{background:#e6f6ed;color:#176c3a}.badge.unsupported{background:#fdecea;color:#a33a2a}.badge.partial{background:#fff4d6;color:#845b00}.categoryPill,.noProbe{background:#eaf0f6;color:#52616f}.capCard h3{margin:14px 0 8px;color:#14213d;font-size:20px;letter-spacing:0}.capCard p{color:#52616f;line-height:1.5;min-height:48px;margin:0 0 12px}.miniFacts{display:grid;gap:8px;margin:0 0 14px}.miniFacts div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px}.miniFacts dt{color:#52616f;font-weight:800}.miniFacts dd{margin:0;color:#293845;word-break:break-word}.probeButton{width:100%}.probeButton.wide{margin-top:10px}.probeResult{margin-top:12px;border-radius:8px;padding:12px;border:1px solid #dbe4ee;background:#f8fafc}.probeResult.ok{border-color:#b8e0c6}.probeResult.fail{border-color:#f3b7ad}.probeResult p{min-height:0;margin:8px 0}pre{overflow:auto;white-space:pre-wrap;word-break:break-word;background:#17212b;color:#d9e7f2;border-radius:8px;padding:10px;max-height:260px;font-size:12px}.previewVideo{width:100%;max-height:220px;background:#17212b;border-radius:8px;margin-top:10px}.drawer{position:sticky;top:18px;padding:18px;max-height:calc(100vh - 36px);overflow:auto}.drawer.empty{color:#52616f}.drawerHeader{display:flex;align-items:center;gap:10px;margin-bottom:10px}.drawer h2{margin:0;color:#14213d;font-size:24px}.drawer h3{margin:18px 0 8px;color:#293845;font-size:15px}.drawerDesc,.plainList{color:#52616f;line-height:1.5}.plainList{margin:0;padding-left:18px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #e6edf4;padding:8px 0;text-align:left;vertical-align:top}th{color:#52616f;width:120px}.emptyState{color:#52616f;padding:24px}@media(max-width:1100px){main{padding:18px}.summaryGrid,.workspace{grid-template-columns:1fr}.drawer{position:static;max-height:none}.categoryScores{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{flex-direction:column}h1{font-size:30px}.controls,.categoryScores,.cardGrid{grid-template-columns:1fr}}
