:root{--bg: #ffffff;--fg: #1f1f1f;--muted: #5f6368;--border: #dadce0;--card: #f8f9fa;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1e1e1e;--fg: #e8e8e8;--muted: #a0a0a0;--border: #3c4043;--card: #2a2a2a}}body{margin:0;background:var(--bg);color:var(--fg);font:14px system-ui,sans-serif}main{max-width:1200px;margin:0 auto;padding:16px}h1{font-size:20px}.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}button{padding:8px 12px;font:inherit;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.log{font:12px ui-monospace,monospace;color:var(--muted);max-height:160px;overflow:auto;padding-left:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px;overflow:hidden}.card h2{font-size:13px;margin:8px 0 4px;word-break:break-all}.meta{font-size:11px;color:var(--muted);margin:2px 0;word-break:break-all}.thumbs{display:flex;gap:6px}figure{margin:0;flex:1}figure img,.empty{width:100%;height:110px;object-fit:cover;border-radius:4px;background:var(--border);display:block}figcaption{font-size:11px;color:var(--muted)}.none{color:var(--muted);font-size:12px}