:root{font-family:system-ui,sans-serif;color:#1f2328;background:#f6f7f9}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#fff;border-bottom:1px solid #dde1e6}h1{font-size:18px;margin:0}h2{font-size:15px;margin:0 0 12px}h3{font-size:12px;margin:12px 0 6px;text-transform:uppercase;color:#6b7280}main{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px 24px}@media (max-width: 800px){main{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #dde1e6;border-radius:8px;padding:16px;align-self:start}button{font:inherit;font-size:13px;padding:6px 10px;margin:0 6px 6px 0;border:1px solid #c9ced6;border-radius:6px;background:#fff;cursor:pointer}button:hover{background:#eef1f5}input{font:inherit;padding:6px 10px;border:1px solid #c9ced6;border-radius:6px}#status{min-height:20px;margin:12px 0 0;font-size:13px;color:#6b7280}ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}li{font-size:13px}li img{width:100%;aspect-ratio:210 / 295;object-fit:cover;border-radius:6px;background:#e5e7eb}