:root{--ink: #1b1d21;--ink-soft: #62676f;--line: #d9dce1;--bg: #ffffff;--bg-soft: #f5f6f8;--accent: #2b5fd9;--danger: #a5301f;color-scheme:light}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}h1{font-size:18px;margin:0}h2{font-size:16px;margin:0}h3{font-size:15px;margin:12px 0 4px}p{margin:4px 0}button,select,input{font:inherit;color:inherit}button{padding:5px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);cursor:pointer}button:hover:not(:disabled){background:var(--bg-soft)}button:disabled{color:var(--ink-soft);cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--ink-soft);font-size:13px}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.search{flex:1;max-width:380px;padding:6px 10px;border:1px solid var(--line);border-radius:4px}.filters{display:flex;gap:16px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--bg-soft)}.filters label{display:inline-flex;gap:6px;align-items:center;font-size:13px}.bulkbar{display:flex;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}.notice,.error{margin:0;padding:8px 16px;font-size:13px;border-bottom:1px solid var(--line)}.error{color:var(--danger)}.content{display:flex;flex:1;min-height:0}.grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:16px;align-content:start}.card{position:relative;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--bg);cursor:pointer}.card--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card--active{border-color:var(--ink)}.card__thumb{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--bg-soft)}.card__body{padding:8px 10px 10px}.card__name{margin:0 0 2px;font-weight:600;font-size:14px}.card__check{position:absolute;top:8px;left:8px;width:18px;height:18px}.pill{display:inline-block;margin-top:6px;padding:1px 7px;border-radius:10px;font-size:12px;background:var(--bg-soft);border:1px solid var(--line)}.pill--approved{background:#e6f4ea;border-color:#b7dfc4}.pill--in_review{background:#fff4e0;border-color:#ecd3a2}.pill--archived{color:var(--ink-soft)}.panel{width:340px;flex-shrink:0;border-left:1px solid var(--line);overflow:auto;padding:12px 16px 32px}.panel__head{display:flex;justify-content:space-between;align-items:center}.panel__thumb{width:100%;border-radius:6px;margin-top:12px;background:var(--bg-soft)}.facts{display:grid;grid-template-columns:90px 1fr;gap:2px 8px;margin:8px 0;font-size:13px}.facts dt{color:var(--ink-soft)}.facts dd{margin:0}.tags{display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:8px 0;list-style:none}.tags li{font-size:12px;padding:1px 7px;border:1px solid var(--line);border-radius:10px}.row{display:flex;flex-wrap:wrap;gap:6px}.empty{padding:48px 16px;text-align:center;flex:1}@media (max-width: 720px){.content{flex-direction:column}.panel{width:100%;border-left:none;border-top:1px solid var(--line)}}