:root{color:#18212a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{color:#18212a;cursor:pointer;font:inherit;white-space:nowrap;background:#fff;border:1px solid #c8d1d8;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;transition:background .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}button:hover:not(:disabled){border-color:#6a7b85;transform:translateY(-1px)}button:disabled{color:#85909a;cursor:not-allowed;opacity:.68}button.primary{color:#fff;background:#0f766e;border-color:#0f766e}button.ghost{background:0 0;min-height:36px}.app-shell{min-height:100vh;padding:24px}.workspace{gap:16px;max-width:1180px;margin:0 auto;display:grid}.topbar{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:#52616c;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.82rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1}h2{font-size:1rem}.support-pill{border:1px solid;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-weight:800;display:inline-flex}.support-pill.ok{color:#126052;background:#dff5ef;border-color:#78bba8}.support-pill.warn{color:#7b5413;background:#fff2d9;border-color:#d8ad56}.status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.metric,.compat-panel,.log-panel,.tool-panel{background:#fff;border:1px solid #d7dee3;border-radius:8px}.metric{gap:8px;min-height:82px;padding:14px;display:grid}.metric span,.compat-item span{color:#60707b;text-transform:uppercase;font-size:.78rem;font-weight:800}.metric strong,.compat-item strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.25}.metric.ok strong,.compat-item.ok strong{color:#0f766e}.metric.bad strong,.compat-item.warn strong{color:#aa3a25}.tool-panel,.compat-panel,.log-panel{padding:16px}.button-row,.retrieved-list{flex-wrap:wrap;gap:10px;display:flex}.retrieved-list{border-top:1px solid #e5eaee;margin-top:14px;padding-top:14px}.compat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.compat-item{background:#f7f9fa;border-radius:8px;gap:7px;min-height:76px;padding:12px;display:grid}.compat-note{color:#aa3a25;margin-top:12px;font-weight:700}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.log-list{color:#dce7ed;background:#111820;border-radius:8px;flex-direction:column;gap:1px;height:min(42vh,420px);padding:8px;display:flex;overflow:auto}.empty-log{color:#8aa0ad;padding:10px}.log-line{grid-template-columns:86px 74px minmax(0,1fr);gap:10px;min-height:28px;padding:5px 8px;display:grid}.log-line span{color:#8aa0ad;font-variant-numeric:tabular-nums}.log-line strong{font-size:.78rem}.log-line code{color:#e9f1f5;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.log-line.success strong{color:#5ee1af}.log-line.warning strong{color:#ffd166}.log-line.error strong{color:#ff8a70}.log-line.hex strong{color:#8ecae6}@media (width<=860px){.app-shell{padding:14px}.topbar{display:grid}.status-grid,.compat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.log-line{grid-template-columns:72px 60px minmax(0,1fr)}}@media (width<=560px){.status-grid,.compat-grid{grid-template-columns:1fr}button{justify-content:center;width:100%}.log-line{grid-template-columns:1fr;gap:2px}}