:root { --panel:#fff; --bd:#e5e7eb; --ink:#0f172a; }
body { font-family: ui-sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial; }
.section-h { font-weight:700; margin: 0 0 .5rem 0; }
.panel { background: var(--panel); border:1px solid var(--bd); border-radius:.75rem; padding: .75rem; }
.inp { width:100%; padding:.6rem .7rem; border:1px solid var(--bd); border-radius:.6rem; background:#fff; }
.inp:focus { outline:2px solid #c7d2fe; border-color:#a5b4fc; }
.lbl { display:block; font-size:.9rem; color:#334155; margin:.5rem 0 .25rem; }
.btn { background:#111827; color:#fff; padding:.6rem .9rem; border-radius:.6rem; font-weight:600; }
.btn:hover { filter: brightness(1.1); }
.btn-ghost { background:transparent; color:#111827; border:1px solid var(--bd); }
.feed-item { border-bottom:1px dashed var(--bd); padding:.5rem 0; }
.feed-time { font-size:.75rem; color:#64748b; margin-right:.5rem; }
.asset { border:1px solid var(--bd); border-radius:.6rem; overflow:hidden; cursor:pointer; background:#fff; }
.asset img { width:100%; height:80px; object-fit:cover; display:block; }
.asset .meta { padding:.3rem .4rem; font-size:.75rem; }
.asset.selected { outline:3px solid #38bdf8; }
.badge { font-size:.7rem; padding:.1rem .35rem; border-radius:.35rem; }
.badge.ok { background:#dcfce7; color:#166534; }
.badge.warn { background:#fee2e2; color:#991b1b; }
#scoreBox { border:1px solid var(--bd); border-radius:.75rem; padding:.75rem; background:#f8fafc; }