:root{--bg: #f4f5f7;--card: #ffffff;--border: #d8dce1;--text: #1f2328;--muted: #57606a;--accent: #0969da;--error-bg: #fff5f5;--error-border: #ffb4b4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.4}header{padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--border);background:var(--card)}header h1{margin:0 0 .25rem;font-size:1.4rem}header p{margin:0;color:var(--muted);font-size:.9rem}header a{color:var(--accent);text-decoration:none}header a:hover{text-decoration:underline}main{padding:1.5rem 2rem 4rem;max-width:1600px;margin:0 auto}.test{margin-bottom:2rem;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem 1.25rem}.test-id{margin:0 0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.cell{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cell .renderer{margin:0;font-size:.95rem;font-weight:600}.cell img{width:100%;height:auto;display:block;background:#ddd;border-radius:4px}.cell .meta{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--muted);word-break:break-word}.cell-missing .placeholder{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#eceef1,#eceef1 8px,#f4f5f7 8px,#f4f5f7 16px);color:var(--muted);font-size:.85rem;border-radius:4px;font-style:italic}.error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:1rem 1.25rem}.error h2{margin:0 0 .5rem;font-size:1.1rem}.error p{margin:.25rem 0}.error .hint{color:var(--muted);font-size:.85rem}.empty{padding:2rem;text-align:center;color:var(--muted)}