*{box-sizing:border-box}body{color:#111;background:#fafafa;margin:0;font-family:system-ui,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:84px 16px 100px}.drop{text-align:center;background:#fff;border:2px dashed #bbb;border-radius:12px;padding:28px}.drop button,.card button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 12px}.drop button.primary{color:#fff;background:#111;border-color:#111}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.card img{object-fit:cover;background:#eee;width:100%;height:240px}.card .body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.card .cat{color:#666;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.card .specs{color:#555;font-size:12px}.card .err{color:#b00020;font-size:13px}.card .actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.msg{margin:12px 0;font-size:14px}.danger{color:#b00020;cursor:pointer;background:#fff5f5;border:1px solid #e0b4b4;border-radius:8px;padding:8px 12px}.card button:disabled{opacity:.5;cursor:not-allowed}